angular-ng-grid-plugins-rails 2.0.7.2

data/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2013 iniciontingookou
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,25 @@
+# angular-ng-grid-rails
+
+angular-ng-grid-rails wraps the [AngularJS ng-grid](http://angular-ui.github.io/ng-grid/) component for use in Rails 3.1 and above. Assets will minify automatically during production.
+
+## Usage
+
+Add the following to your gemfile:
+
+    gem 'angular-ng-grid-plugins-rails'
+
+Add the following directive to your Javascript manifest file (application.js):
+
+    //= require angular-ng-grid-plugins
+
+## Version
+
+The gem version will try match the original ng-grid release version.
+
+# License
+
+MIT
+
+# Thanks
+
+Gem based on Angularjs-rails(https://github.com/confuseddesi/angularjs-rails) by Hirav Gandhi

data/lib/angular-ng-grid-plugins-rails.rb

@@ -0,0 +1,8 @@
+require "angular-ng-grid-plugins-rails/version"
+
+module AngularNgGridPlugins
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/angular-ng-grid-plugins-rails/version.rb

@@ -0,0 +1,5 @@
+module AngularNgGridPlugins
+  module Rails
+    VERSION = "2.0.7.2"
+  end
+end

data/vendor/assets/javascripts/README.md

@@ -0,0 +1,43 @@
+Notes
+=====
+
+For anyone else writing plugins, please feel free to add to this readme.
+
+Flexible-Height
+===============
+
+Automatically resize a table to accomodate a varying number of rows.
+
+Usage
+-----
+
+A semi-ugly hack to make tables shrink automatically so you dont have big ugly gray space to worry about .
+
+          plugins: [new ngGridFlexibleHeightPlugin()]
+
+Options
+-------
+
+        opts =
+             { minHeight: <minimum height in px> }
+
+CSV-Export
+==========
+
+Usage
+-----
+
+Add CSV Export to your ng-grid tables by including it in your plugins array:
+
+          plugins: [new ngGridCsvExportPlugin()]
+
+Options
+-------
+
+        opts =
+             { columnOverrides: < hash of column override functions > }
+
+For arrays and objects you may want to override the default `JSON.stringify`
+conversion into strings.
+
+

data/vendor/assets/javascripts/angular-ng-grid-plugins.js

@@ -0,0 +1,5 @@
+//= require ng-grid-csv-export
+//= require ng-grid-flexible-height
+//= require ng-grid-layout
+//= require ng-grid-reorderable
+//= require ng-grid-wysiwyg-export

data/vendor/assets/javascripts/ng-grid-csv-export.js

@@ -0,0 +1,76 @@
+// Todo:
+// 1) Make the button prettier
+// 2) add a config option for IE users which takes a URL.  That URL should accept a POST request with a
+//    JSON encoded object in the payload and return a CSV.  This is necessary because IE doesn't let you
+//    download from a data-uri link
+//
+// Notes:  This has not been adequately tested and is very much a proof of concept at this point
+function ngGridCsvExportPlugin (opts) {
+    var self = this;
+    self.grid = null;
+    self.scope = null;
+    self.init = function(scope, grid, services) {
+        self.grid = grid;
+        self.scope = scope;
+        function showDs() {
+            var keys = [];
+            for (var f in grid.config.columnDefs) { keys.push(grid.config.columnDefs[f].field);}
+            var csvData = '';
+            function csvStringify(str) {
+                if (str == null) { // we want to catch anything null-ish, hence just == not ===
+                    return '';
+                }
+                if (typeof(str) === 'number') {
+                    return '' + str;
+                }
+                if (typeof(str) === 'boolean') {
+                    return (str ? 'TRUE' : 'FALSE') ;
+                }
+                if (typeof(str) === 'string') {
+                    return str.replace(/"/g,'""');
+                }
+
+                return JSON.stringify(str).replace(/"/g,'""');
+            }
+            function swapLastCommaForNewline(str) {
+                var newStr = str.substr(0,str.length - 1);
+                return newStr + "\n";
+            }
+            for (var k in keys) {
+                csvData += '"' + csvStringify(keys[k]) + '",';
+            }
+            csvData = swapLastCommaForNewline(csvData);
+            var gridData = grid.data;
+            for (var gridRow in gridData) {
+                for ( k in keys) {
+                    var curCellRaw;
+                    if (opts != null && opts.columnOverrides != null && opts.columnOverrides[keys[k]] != null) {
+                        curCellRaw = opts.columnOverrides[keys[k]](gridData[gridRow][keys[k]]);
+                    }
+                    else {
+                        curCellRaw = gridData[gridRow][keys[k]];
+                    }
+                    csvData += '"' + csvStringify(curCellRaw) + '",';
+                }
+                csvData = swapLastCommaForNewline(csvData);
+            }
+            var fp = grid.$root.find(".ngFooterPanel");
+            var csvDataLinkPrevious = grid.$root.find('.ngFooterPanel .csv-data-link-span');
+            if (csvDataLinkPrevious != null) {csvDataLinkPrevious.remove() ; }
+            var csvDataLinkHtml = "<span class=\"csv-data-link-span\">";
+            csvDataLinkHtml += "<br><a href=\"data:text/csv;charset=UTF-8,";
+            csvDataLinkHtml += encodeURIComponent(csvData);
+            csvDataLinkHtml += "\" download=\"Export.csv\">CSV Export</a></br></span>" ;
+            fp.append(csvDataLinkHtml);
+        }
+        setTimeout(showDs, 0);
+        scope.catHashKeys = function() {
+            var hash = '';
+            for (var idx in scope.renderedRows) {
+                hash += scope.renderedRows[idx].$$hashKey;
+            }
+            return hash;
+        };
+        scope.$watch('catHashKeys()', showDs);
+    };
+}

data/vendor/assets/javascripts/ng-grid-flexible-height.js

@@ -0,0 +1,40 @@
+function ngGridFlexibleHeightPlugin (opts) {
+    var self = this;
+    self.grid = null;
+    self.scope = null;
+    self.init = function (scope, grid, services) {
+        self.domUtilityService = services.DomUtilityService;
+        self.grid = grid;
+        self.scope = scope;
+        var recalcHeightForData = function () { setTimeout(innerRecalcForData, 1); };
+        var innerRecalcForData = function () {
+            var gridId = self.grid.gridId;
+            var footerPanelSel = '.' + gridId + ' .ngFooterPanel';
+            var extraHeight = self.grid.$topPanel.height() + $(footerPanelSel).height();
+            var naturalHeight = self.grid.$canvas.height() + 1;
+            if (opts != null) {
+                if (opts.minHeight != null && (naturalHeight + extraHeight) < opts.minHeight) {
+                    naturalHeight = opts.minHeight - extraHeight - 2;
+                }
+            }
+
+            var newViewportHeight = naturalHeight + 2;
+            if (!self.scope.baseViewportHeight || self.scope.baseViewportHeight !== newViewportHeight) {
+                self.grid.$viewport.css('height', newViewportHeight + 'px');
+                self.grid.$root.css('height', (newViewportHeight + extraHeight) + 'px');
+                self.scope.baseViewportHeight = newViewportHeight;
+                self.domUtilityService.UpdateGridLayout(self.scope, self.grid);
+            }
+        };
+        self.scope.catHashKeys = function () {
+            var hash = '',
+                idx;
+            for (idx in self.scope.renderedRows) {
+                hash += self.scope.renderedRows[idx].$$hashKey;
+            }
+            return hash;
+        };
+        self.scope.$watch('catHashKeys()', innerRecalcForData);
+        self.scope.$watch(self.grid.config.data, recalcHeightForData);
+    };
+}

data/vendor/assets/javascripts/ng-grid-layout.js

@@ -0,0 +1,22 @@
+function ngGridLayoutPlugin () {
+    var self = this;
+    this.grid = null;
+    this.scope = null;
+    this.init = function(scope, grid, services) {
+        self.domUtilityService = services.DomUtilityService;
+        self.grid = grid;
+        self.scope = scope;
+    };
+
+    this.updateGridLayout = function () {
+        if (!self.scope.$$phase) {
+            self.scope.$apply(function(){
+                self.domUtilityService.RebuildGrid(self.scope, self.grid);
+            });
+        }
+        else {
+            // $digest or $apply already in progress
+            self.domUtilityService.RebuildGrid(self.scope, self.grid);
+        }
+    };
+}

data/vendor/assets/javascripts/ng-grid-reorderable.js

@@ -0,0 +1,68 @@
+/* 
+ Reorderablr row plugin
+*/
+
+function ngGridReorderable () {
+    var self = this;
+    self.$scope = null;
+    self.myGrid = null;
+
+    // The init method gets called during the ng-grid directive execution.
+    self.init = function(scope, grid, services) {
+        // The directive passes in the grid scope and the grid object which we will want to save for manipulation later.
+        self.$scope = scope;
+        self.myGrid = grid;
+        self.services = services;
+        // In this example we want to assign grid events.
+        self.assignEvents();
+    };
+    self.colToMove = undefined;
+    self.groupToMove = undefined;
+    self.assignEvents = function() {
+        // Here we set the onmousedown event handler to the header container.
+        self.myGrid.$viewport.on('mousedown', self.onRowMouseDown).on('dragover', self.dragOver).on('drop', self.onRowDrop);
+    };
+    // Row functions
+    self.onRowMouseDown = function(event) {
+        // Get the closest row element from where we clicked.
+        var targetRow = $(event.target).closest('.ngRow');
+        // Get the scope from the row element
+        var rowScope = angular.element(targetRow).scope();
+        if (rowScope) {
+            // set draggable events
+            targetRow.attr('draggable', 'true');
+            // Save the row for later.
+            self.services.DomUtilityService.eventStorage.rowToMove = { targetRow: targetRow, scope: rowScope };
+        }
+    };
+    self.onRowDrop = function(event) {
+        // Get the closest row to where we dropped
+        var targetRow = $(event.target).closest('.ngRow');
+        // Get the scope from the row element.
+        var rowScope = angular.element(targetRow).scope();
+        if (rowScope) {
+            // If we have the same Row, do nothing.
+            var prevRow = self.services.DomUtilityService.eventStorage.rowToMove;
+            if (prevRow.scope.row === rowScope.row) {
+                return;
+            }
+            self.changeRowOrder(prevRow.scope.row, rowScope.row);
+            grid.searchProvider.evalFilter();
+            // clear out the rowToMove object
+            self.services.DomUtilityService.eventStorage.rowToMove = undefined;
+            // if there isn't an apply already in progress lets start one
+            self.services.DomUtilityService.digest(rowScope.$root);
+        }
+    };
+    self.changeRowOrder = function (prevRow, targetRow) {
+        // Splice the Rows via the actual datasource
+        var i = self.rowCache.indexOf(prevRow);
+        var j = self.rowCache.indexOf(targetRow);
+        self.myGrid.rowCache.splice(i, 1);
+        self.myGrid.rowCache.splice(j, 0, prevRow);
+        self.$scope.$emit('ngGridEventChangeOrder', self.rowCache);
+    };
+    self.dragOver = function(evt) {
+        evt.preventDefault();
+    };
+}

data/vendor/assets/javascripts/ng-grid-wysiwyg-export.js

@@ -0,0 +1,39 @@
+function ngGridWYSIWYGPlugin (filter) {
+    var self = this;
+    self.grid = null;
+    self.scope = null;
+    self.services = null;
+
+    self.init = function (scope, grid, services) {
+        self.grid = grid;
+        self.scope = scope;
+        self.services = services;
+    };
+
+    self.exportData = function () {
+        var ret = {
+            columns: [],
+            columnWidths: [],
+            gridWidth: self.scope.totalRowWidth(),
+            data: []
+        };
+        
+        angular.forEach(self.scope.columns, function (col) {
+            if (col.visible) {
+                ret.columns.push(col.displayName);
+                ret.columnWidths.push(col.width);
+            }
+        });
+        angular.forEach(self.grid.filteredRows, function (row) {
+            var item = row.entity;
+            angular.forEach(self.scope.columns, function (col) {
+                if (col.visible) {
+                    var obj = self.services.UtilityService.evalProperty(item, col.field);
+                    var val = col.cellFilter && filter ? filter(col.cellFilter)(obj) : obj;
+                    ret.data.push(val ? val.toString() : '');
+                }
+            });
+        });
+        return ret;
+    };
+}

data/vendor/assets/javascripts/playground.html

@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html ng-app="myApp">
+    <head lang="en">
+        <meta charset="utf-8">
+        <title>Custom Plunker</title>
+        <link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng-grid/css/ng-grid.css" />
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
+        <script type="text/javascript" src="../build/ng-grid.debug.js"></script>
+        <script type="text/javascript" src="ng-grid-csv-export.js"></script>
+        <script type="text/javascript" src="ng-grid-flexible-height.js"></script>
+        <style type="text/css">
+          .gridStyle 
+            { border: 1px solid rgb(212,212,212)
+            ; height: 1400px
+            ; width: 80%
+          }
+        </style>
+        <script type="text/javascript">
+            // main.js
+            var app = angular.module('myApp', ['ngGrid']);
+            app.controller('MyCtrl', function($scope) {
+                csvOpts = { columnOverrides: { obj: function(o) { return o.a + '|' +  o.b; } } }
+                hgtOpts = { minHeight: 200 }  ;
+                $scope.myDataSmall = [ {hasThing: false,  obj: {a:5, b:6}, name: "Moroni", age: 50, ln: 'sdf'}
+                                     , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                     ]
+                $scope.myDataBig = [ {hasThing: false,  obj: {a:5, b:6}, name: "Moroni", age: 50, ln: 'sdf'}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "asdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "iadfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "iafsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "iafsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "iafsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "iadfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "iadfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "iadfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tisdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:6, b:7}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing: false,  obj: {a:5, b:7}, name: "Jacob", age: 27}
+                                   , {hasThing:  true,  obj: {a:2, b:8}, ln: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing:  true,  obj: {a:1, b:8}, ln: "Jacob", age: 27}
+                                   , {hasThing: false,  obj: {a:7, b:9}, name: "Tiasdfsdfnd", age: 43}
+                                   , {hasThing: false,  obj: {a:5, b:9}, name: "Jacob", age: 27}
+                                   , {hasThing:  true,  obj: {a:5, b:7}, name: "Nephi", age: 29}
+                                   , {hasThing: false,  obj: {a:5, b:7}, name: "Enos", age: 34}
+                                   ];
+                $scope.gridOptionsBig = {
+                    data: 'myDataBig',
+                    plugins: [new ngGridCsvExportPlugin(csvOpts),new ngGridFlexibleHeightPlugin(hgtOpts)],
+                    showGroupPanel: true,
+					showFooter: true
+                };
+                $scope.gridOptionsSmall = {
+                    data: 'myDataSmall',
+                    plugins: [new ngGridCsvExportPlugin(csvOpts),new ngGridFlexibleHeightPlugin()],
+                    showGroupPanel: true,
+					showFooter: true
+                };
+            });
+        </script>
+    </head>
+    <body ng-controller="MyCtrl">
+        <div> <a ng-click="myDataSmall.push(myDataBig[0])"> add one to small </a></div>
+        <div> <a ng-click="myDataSmall.pop()"> remove one from small </a> </div>
+        <div class="gridStyle" ng-grid="gridOptionsSmall"></div>
+        <hr>
+        <div> <a ng-click="myDataBig.push(myDataSmall[0])"> add one to big </a> </div>
+        <div> <a ng-click="myDataBig.pop()"> remove one from big </a> </div>
+        <div class="gridStyle" ng-grid="gridOptionsBig"></div>
+    </body>
+</html>

metadata

@@ -0,0 +1,56 @@
+--- !ruby/object:Gem::Specification
+name: angular-ng-grid-plugins-rails
+version: !ruby/object:Gem::Version
+  version: 2.0.7.2
+  prerelease: 
+platform: ruby
+authors:
+- Iniciontin Gookou
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-09-24 00:00:00.000000000 Z
+dependencies: []
+description: Injects angular-ng-grid plugins js into your asset pipeline.
+email: iniciontingookou@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/angular-ng-grid-plugins-rails/version.rb
+- lib/angular-ng-grid-plugins-rails.rb
+- vendor/assets/javascripts/angular-ng-grid-plugins.js
+- vendor/assets/javascripts/ng-grid-csv-export.js
+- vendor/assets/javascripts/ng-grid-flexible-height.js
+- vendor/assets/javascripts/ng-grid-layout.js
+- vendor/assets/javascripts/ng-grid-reorderable.js
+- vendor/assets/javascripts/ng-grid-wysiwyg-export.js
+- vendor/assets/javascripts/playground.html
+- vendor/assets/javascripts/README.md
+- LICENSE
+- README.md
+homepage: https://github.com/iniciontingookou/angular-ng-grid-plugins-rails/
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.25
+signing_key: 
+specification_version: 3
+summary: angular-ng-grid plugins on Rails
+test_files: []