angular-table 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0300b2bec8da95a7c4f5bb5b8355f49dad326d18
-  data.tar.gz: 68aee2657f079eddb91d28480908c2f258b9032d
+  metadata.gz: 8f34ccc9db8030436e8628fab32695362d239038
+  data.tar.gz: 9d8413dbb98bc5ebc55cefe4a7f3dccf7db22fe3
 SHA512:
-  metadata.gz: 46a472c4ddb98017d75f3d3a8aa892f8c4db07edb7ae8c78fdf313ae78b3ef6df215513f7de83b714de8d937e419d8ff3367ed3393f4148dd0207ff378b45622
-  data.tar.gz: a2a270d4de0e8d5b8aa2a7807fef71a3faffcbd6df600c87bfe91c3680f06613ea3412105d1b6df4f6c0d7e631d58bea10a90a4bcc17ede1220e35ef288c13f7
+  metadata.gz: 8fd879c37f7f56c7effd08e467e4e4e5cd0886d6647f60731e1b0f3388e4d6fbf622937e4c409babefc89aa2fd6ca91e3a973db89dc8775b3bc15af1b84af169
+  data.tar.gz: b744213c5cc55ee51bd544137a614a61c2c4e34d53327c1a39b6e3a8d94859424a61f5e5f9bc5001512c5ae3d9012cdf047d9a538427a871b40fead4ca6b5074

data/app/assets/javascripts/angular-table.js

@@ -0,0 +1,343 @@
+// author:   Samuel Mueller 
+// version:  0.0.4 
+// license:  MIT 
+// homepage: http://github.com/ssmm/angular-table 
+(function() {
+  angular.module("angular-table", []);
+
+  angular.module("angular-table").directive("atTable", [
+    "metaCollector", "setupFactory", function(metaCollector, setupFactory) {
+      var constructHeader, validateInput;
+
+      constructHeader = function(customHeaderMarkup, bodyDefinitions) {
+        var icon, td, th, title, tr, _i, _len;
+
+        tr = angular.element("<tr></tr>");
+        for (_i = 0, _len = bodyDefinitions.length; _i < _len; _i++) {
+          td = bodyDefinitions[_i];
+          th = angular.element("<th style='cursor: pointer;'></th>");
+          title = customHeaderMarkup[td.attribute] || td.title;
+          th.html("" + title);
+          if (td.sortable) {
+            th.attr("ng-click", "predicate = '" + td.attribute + "'; descending = !descending;");
+            icon = angular.element("<i style='margin-left: 10px;'></i>");
+            icon.attr("ng-class", "getSortIcon('" + td.attribute + "')");
+            th.append(icon);
+          }
+          th.attr("width", td.width);
+          tr.append(th);
+        }
+        return tr;
+      };
+      validateInput = function(attributes) {
+        if (attributes.pagination && attributes.list) {
+          throw "You can not specify a list if you have specified a pagination. The list defined for the pagnination will automatically be used.";
+        }
+        if (!attributes.pagination && !attributes.list) {
+          throw "Either a list or pagination must be specified.";
+        }
+      };
+      return {
+        restrict: "AC",
+        scope: true,
+        compile: function(element, attributes, transclude) {
+          var bodyDefinition, customHeaderMarkup, setup, tbody, tds, thead, tr;
+
+          validateInput(attributes);
+          thead = element.find("thead");
+          tbody = element.find("tbody");
+          tds = element.find("td");
+          if (thead[0]) {
+            customHeaderMarkup = metaCollector.collectCustomHeaderMarkup(thead);
+            bodyDefinition = metaCollector.collectBodyDefinition(tbody);
+            tr = thead.find("tr");
+            tr.remove();
+            thead.append(constructHeader(customHeaderMarkup, bodyDefinition.tds));
+          }
+          setup = setupFactory(attributes);
+          setup.compile(element, attributes, transclude);
+          return {
+            post: function($scope, $element, $attributes) {
+              if (bodyDefinition.initialSorting) {
+                $scope.predicate = bodyDefinition.initialSorting.predicate;
+                $scope.descending = bodyDefinition.initialSorting.direction === "desc";
+              }
+              $scope.getSortIcon = function(predicate) {
+                if (predicate !== $scope.predicate) {
+                  return "icon-minus";
+                }
+                if ($scope.descending) {
+                  return "icon-chevron-down";
+                } else {
+                  return "icon-chevron-up";
+                }
+              };
+              return setup.link($scope, $element, $attributes);
+            }
+          };
+        }
+      };
+    }
+  ]);
+
+  angular.module("angular-table").directive("atImplicit", [
+    function() {
+      return {
+        restrict: "AC",
+        compile: function(element, attributes, transclude) {
+          var attribute;
+
+          attribute = element.attr("attribute");
+          if (!attribute) {
+            throw "at-implicit specified without attribute: " + (element.html());
+          }
+          return element.append("{{item." + attribute + "}}");
+        }
+      };
+    }
+  ]);
+
+  angular.module("angular-table").directive("atPagination", [
+    function() {
+      return {
+        replace: true,
+        restrict: "E",
+        template: "      <div class='pagination' style='margin: 0px;'>        <ul>          <li ng-class='{disabled: currentPage <= 0}'>            <a href='' ng-click='goToPage(currentPage - 1)'>&laquo;</a>          </li>          <li ng-class='{active: currentPage == page}' ng-repeat='page in pages'>            <a href='' ng-click='goToPage(page)'>{{page + 1}}</a>          </li>          <li ng-class='{disabled: currentPage >= numberOfPages - 1}'>            <a href='' ng-click='goToPage(currentPage + 1); normalize()'>&raquo;</a>          </li>        </ul>      </div>",
+        scope: {
+          itemsPerPage: "@",
+          instance: "=",
+          list: "="
+        },
+        link: function($scope, $element, $attributes) {
+          $scope.instance = $scope;
+          $scope.currentPage = 0;
+          $scope.update = function() {
+            var x;
+
+            $scope.currentPage = 0;
+            if ($scope.list) {
+              if ($scope.list.length > 0) {
+                $scope.numberOfPages = Math.ceil($scope.list.length / $scope.itemsPerPage);
+                $scope.pages = (function() {
+                  var _i, _ref, _results;
+
+                  _results = [];
+                  for (x = _i = 0, _ref = $scope.numberOfPages - 1; 0 <= _ref ? _i <= _ref : _i >= _ref; x = 0 <= _ref ? ++_i : --_i) {
+                    _results.push(x);
+                  }
+                  return _results;
+                })();
+              } else {
+                $scope.numberOfPages = 1;
+                $scope.pages = [0];
+              }
+              return $scope.list = $scope.list;
+            }
+          };
+          $scope.fromPage = function() {
+            if ($scope.list) {
+              return $scope.itemsPerPage * $scope.currentPage - $scope.list.length;
+            }
+          };
+          $scope.getFillerArray = function() {
+            var fillerLength, itemCountOnLastPage, x, _i, _ref, _ref1, _results;
+
+            if ($scope.currentPage === $scope.numberOfPages - 1) {
+              itemCountOnLastPage = $scope.list.length % $scope.itemsPerPage;
+              if (itemCountOnLastPage !== 0 || $scope.list.length === 0) {
+                fillerLength = $scope.itemsPerPage - itemCountOnLastPage - 1;
+                _results = [];
+                for (x = _i = _ref = $scope.list.length, _ref1 = $scope.list.length + fillerLength; _ref <= _ref1 ? _i <= _ref1 : _i >= _ref1; x = _ref <= _ref1 ? ++_i : --_i) {
+                  _results.push(x);
+                }
+                return _results;
+              } else {
+                return [];
+              }
+            }
+          };
+          $scope.goToPage = function(page) {
+            page = Math.max(0, page);
+            page = Math.min($scope.numberOfPages - 1, page);
+            return $scope.currentPage = page;
+          };
+          $scope.update();
+          return $scope.$watch("list", function() {
+            return $scope.update();
+          });
+        }
+      };
+    }
+  ]);
+
+  angular.module("angular-table").service("metaCollector", [
+    function() {
+      var capitaliseFirstLetter, extractWidth, getInitialSortDirection, isSortable;
+
+      capitaliseFirstLetter = function(string) {
+        if (string) {
+          return string.charAt(0).toUpperCase() + string.slice(1);
+        } else {
+          return "";
+        }
+      };
+      extractWidth = function(classes) {
+        var width;
+
+        width = /([0-9]+px)/i.exec(classes);
+        if (width) {
+          return width[0];
+        } else {
+          return "";
+        }
+      };
+      isSortable = function(classes) {
+        var sortable;
+
+        sortable = /(sortable)/i.exec(classes);
+        if (sortable) {
+          return true;
+        } else {
+          return false;
+        }
+      };
+      getInitialSortDirection = function(td) {
+        var initialSorting;
+
+        initialSorting = td.attr("initial-sorting");
+        if (initialSorting) {
+          if (initialSorting === "asc" || initialSorting === "desc") {
+            return initialSorting;
+          }
+          throw "Invalid value for initial-sorting: " + initialSorting + ". Allowed values are 'asc' or 'desc'.";
+        }
+        return void 0;
+      };
+      return {
+        collectCustomHeaderMarkup: function(thead) {
+          var customHeaderMarkup, th, tr, _i, _len, _ref;
+
+          customHeaderMarkup = {};
+          tr = thead.find("tr");
+          _ref = tr.find("th");
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            th = _ref[_i];
+            th = angular.element(th);
+            customHeaderMarkup[th.attr("attribute")] = th.html();
+          }
+          return customHeaderMarkup;
+        },
+        collectBodyDefinition: function(tbody) {
+          var attribute, bodyDefinition, initialSortDirection, sortable, td, title, width, _i, _len, _ref;
+
+          bodyDefinition = {};
+          bodyDefinition.tds = [];
+          bodyDefinition.initialSorting = void 0;
+          _ref = tbody.find("td");
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            td = _ref[_i];
+            td = angular.element(td);
+            attribute = td.attr("attribute");
+            title = td.attr("title") || capitaliseFirstLetter(td.attr("attribute"));
+            sortable = td[0].attributes.sortable || isSortable(td.attr("class"));
+            width = extractWidth(td.attr("class"));
+            bodyDefinition.tds.push({
+              attribute: attribute,
+              title: title,
+              sortable: sortable,
+              width: width
+            });
+            initialSortDirection = getInitialSortDirection(td);
+            if (initialSortDirection) {
+              if (!attribute) {
+                throw "initial-sorting specified without attribute.";
+              }
+              bodyDefinition.initialSorting = {};
+              bodyDefinition.initialSorting.direction = initialSortDirection;
+              bodyDefinition.initialSorting.predicate = attribute;
+            }
+          }
+          return bodyDefinition;
+        }
+      };
+    }
+  ]);
+
+  angular.module("angular-table").factory("setupFactory", [
+    function() {
+      var PaginationSetup, StandardSetup, limitToExpression, orderByExpression, setupTr;
+
+      orderByExpression = "| orderBy:predicate:descending";
+      limitToExpression = "| limitTo:fromPage() | limitTo:toPage()";
+      setupTr = function(element, repeatString) {
+        var tbody, tr;
+
+        tbody = element.find("tbody");
+        tr = tbody.find("tr");
+        tr.attr("ng-repeat", repeatString);
+        return tbody;
+      };
+      StandardSetup = function(attributes) {
+        var repeatString;
+
+        repeatString = "item in " + attributes.list + " " + orderByExpression;
+        this.compile = function(element, attributes, transclude) {
+          return setupTr(element, repeatString);
+        };
+        this.link = function() {};
+      };
+      PaginationSetup = function(attributes) {
+        var repeatString, sortContext;
+
+        sortContext = attributes.sortContext || "global";
+        if (sortContext === "global") {
+          repeatString = "item in " + attributes.pagination + ".list " + orderByExpression + " " + limitToExpression;
+        } else if (sortContext === "page") {
+          repeatString = "item in " + attributes.pagination + ".list " + limitToExpression + " " + orderByExpression + " ";
+        } else {
+          throw "Invalid sort-context: " + sortContext + ".";
+        }
+        this.compile = function(element, attributes, transclude) {
+          var fillerTr, tbody, td, tdString, tds, _i, _len;
+
+          tbody = setupTr(element, repeatString);
+          if (typeof attributes.fillLastPage !== "undefined") {
+            tds = element.find("td");
+            tdString = "";
+            for (_i = 0, _len = tds.length; _i < _len; _i++) {
+              td = tds[_i];
+              tdString += "<td>&nbsp;</td>";
+            }
+            fillerTr = angular.element("<tr>" + tdString + "</tr>");
+            fillerTr.attr("ng-repeat", "item in " + attributes.pagination + ".getFillerArray() ");
+            return tbody.append(fillerTr);
+          }
+        };
+        this.link = function($scope, $element, $attributes) {
+          var paginationName;
+
+          paginationName = attributes.pagination;
+          $scope.fromPage = function() {
+            if ($scope[paginationName]) {
+              return $scope[paginationName].fromPage();
+            }
+          };
+          return $scope.toPage = function() {
+            if ($scope[paginationName]) {
+              return $scope[paginationName].itemsPerPage;
+            }
+          };
+        };
+      };
+      return function(attributes) {
+        if (attributes.list) {
+          return new StandardSetup(attributes);
+        }
+        if (attributes.pagination) {
+          return new PaginationSetup(attributes);
+        }
+      };
+    }
+  ]);
+
+}).call(this);

data/lib/angular-table/version.rb

@@ -1,3 +1,3 @@
 module AngularTable
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: angular-table
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Samuel Mueller
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-06-22 00:00:00.000000000 Z
+date: 2013-06-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -48,7 +48,7 @@ extra_rdoc_files: []
 files:
 - lib/angular-table/version.rb
 - lib/angular-table.rb
-- vendor/assets/javascripts/angular-table.js.coffee
+- app/assets/javascripts/angular-table.js
 homepage: https://github.com/ssmm/angular-table
 licenses:
 - MIT

data/vendor/assets/javascripts/angular-table.js.coffee

@@ -1,223 +0,0 @@
-# author: Samuel Mueller http://github.com/ssmm
-
-angular.module "angular-table", []
-
-angular.module("angular-table").service "attributeExtractor", () ->
-  {
-    extractWidth: (classes) ->
-      width = /([0-9]+px)/i.exec classes
-      if width then width[0] else ""
-
-    isSortable: (classes) ->
-      sortable = /(sortable)/i.exec classes
-      if sortable then true else false
-
-    extractTitle: (td) ->
-      td.attr("title") || td.attr("attribute")
-
-    extractAttribute: (td) ->
-      td.attr("attribute")
-
-  }
-
-angular.module("angular-table").directive "atTable", ["attributeExtractor", (attributeExtractor) ->
-
-  capitaliseFirstLetter = (string) ->
-    if string then string.charAt(0).toUpperCase() + string.slice(1) else ""
-
-
-  constructHeader = (thead, tds) ->
-    tr = thead.find "tr"
-    existingThMarkup = {}
-    for th in tr.find "th"
-      th = angular.element(th)
-      existingThMarkup[th.attr("attribute")] = th.html()
-
-    tr.remove()
-    tr = angular.element("<tr></tr>")
-
-    for td in tds
-      td = angular.element(td)
-      attribute = attributeExtractor.extractAttribute(td)
-      th = angular.element("<th style='cursor: pointer;'></th>")
-      title = existingThMarkup[attribute] || capitaliseFirstLetter(attributeExtractor.extractTitle(td))
-      th.html("#{title}")
-
-      sortable = td[0].attributes.sortable || attributeExtractor.isSortable(td.attr("class"))
-      if sortable
-        th.attr("ng-click", "predicate = '#{attribute}'; descending = !descending;")
-        icon = angular.element("<i style='margin-left: 10px;'></i>")
-        icon.attr("ng-class", "getSortIcon('#{attribute}')")
-        th.append(icon)
-
-      width = attributeExtractor.extractWidth(td.attr("class"))
-      th.attr("width", width)
-      tr.append(th)
-
-    thead.append tr
-
-  validateInput = (attributes) ->
-    if attributes.pagination and attributes.list
-      throw "You can not specify a list if you have specified a pagination. The list defined for the pagnination will automatically be used."
-    if not attributes.pagination and not attributes.list
-      throw "Either a list or pagination must be specified."
-
-  setupTr = (element, repeatString) ->
-    tbody = element.find "tbody"
-    tr = tbody.find "tr"
-    tr.attr("ng-repeat", repeatString)
-    tbody
-
-
-  orderByExpression = "| orderBy:predicate:descending"
-  limitToExpression = "| limitTo:fromPage() | limitTo:toPage()"
-
-  StandardSetup = (attributes) ->
-    @repeatString = "item in #{attributes.list} #{orderByExpression}"
-    @compile = (element, attributes, transclude) ->
-      setupTr element, @repeatString
-
-    @link = () ->
-    return
-
-  PaginationSetup = (attributes) ->
-
-    sortContext = attributes.sortContext || "global"
-
-    if sortContext == "global"
-      @repeatString = "item in #{attributes.pagination}.list #{orderByExpression} #{limitToExpression}"
-    else if sortContext == "page"
-      @repeatString = "item in #{attributes.pagination}.list #{limitToExpression} #{orderByExpression} "
-    else
-      throw "Invalid sort-context: #{sortContext}."
-
-    @compile = (element, attributes, transclude) ->
-      tbody = setupTr element, @repeatString
-
-      if typeof attributes.fillLastPage != "undefined"
-        tds = element.find("td")
-        tdString = ""
-        for td in tds
-          tdString += "<td>&nbsp;</td>"
-
-        fillerTr = angular.element("<tr>#{tdString}</tr>")
-        fillerTr.attr("ng-repeat", "item in #{attributes.pagination}.getFillerArray() ")
-
-        tbody.append(fillerTr)
-
-    @link = ($scope, $element, $attributes) ->
-      paginationName = attributes.pagination
-      $scope.fromPage = () ->
-        if $scope[paginationName] then $scope[paginationName].fromPage()
-
-      $scope.toPage = () ->
-        if $scope[paginationName] then $scope[paginationName].itemsPerPage
-
-    return
-
-  createSetup = (attributes) ->
-    validateInput attributes
-    if attributes.list
-      return new StandardSetup(attributes)
-    if attributes.pagination
-      return new PaginationSetup(attributes)
-    return
-
-  {
-    restrict: "AC"
-    scope: true
-    compile: (element, attributes, transclude) ->
-      setup = createSetup attributes
-
-      thead = element.find "thead"
-      tds = element.find "td"
-      constructHeader(thead, tds) if thead[0]
-
-      setup.compile(element, attributes, transclude)
-      {
-        post: ($scope, $element, $attributes) ->
-
-          $scope.getSortIcon = (predicate) ->
-            return "icon-minus" if predicate != $scope.predicate
-            if $scope.descending then "icon-chevron-down" else "icon-chevron-up"
-
-          setup.link($scope, $element, $attributes)
-      }
-  }
-]
-
-angular.module("angular-table").directive "atImplicit", ["attributeExtractor", (attributeExtractor) ->
-  {
-    restrict: "AC"
-    compile: (element, attributes, transclude) ->
-      attribute = attributeExtractor.extractAttribute element
-      element.append "{{item.#{attribute}}}"
-  }
-]
-
-angular.module("angular-table").directive "atPagination", ["attributeExtractor", (attributeExtractor) ->
-  {
-    replace: true
-    restrict: "E"
-    template: "
-      <div class='pagination' style='margin: 0px;'>
-        <ul>
-          <li ng-class='{disabled: currentPage <= 0}'>
-            <a href='' ng-click='goToPage(currentPage - 1)'>&laquo;</a>
-          </li>
-          <li ng-class='{active: currentPage == page}' ng-repeat='page in pages'>
-            <a href='' ng-click='goToPage(page)'>{{page + 1}}</a>
-          </li>
-          <li ng-class='{disabled: currentPage >= numberOfPages - 1}'>
-            <a href='' ng-click='goToPage(currentPage + 1); normalize()'>&raquo;</a>
-          </li>
-        </ul>
-      </div>"
-    scope: {
-      itemsPerPage: "@"
-      instance: "="
-      list: "="
-    }
-    link: ($scope, $element, $attributes) ->
-
-      $scope.instance = $scope
-      $scope.currentPage = 0
-
-      $scope.update = () ->
-        $scope.currentPage = 0
-        if $scope.list
-          if $scope.list.length > 0
-            $scope.numberOfPages = Math.ceil($scope.list.length / $scope.itemsPerPage)
-            $scope.pages = for x in [0..($scope.numberOfPages - 1)]
-              x
-          else
-            $scope.numberOfPages = 0
-            $scope.pages = []
-          $scope.list = $scope.list
-
-      $scope.fromPage = () ->
-        if $scope.list
-          $scope.itemsPerPage * $scope.currentPage - $scope.list.length
-
-      $scope.getFillerArray = () ->
-        if $scope.currentPage == $scope.numberOfPages - 1
-          itemCountOnLastPage = $scope.list.length % $scope.itemsPerPage
-          if itemCountOnLastPage != 0
-            fillerLength = $scope.itemsPerPage - itemCountOnLastPage - 1
-            x for x in [($scope.list.length)..($scope.list.length + fillerLength)]
-          else
-            []
-
-      $scope.goToPage = (page) ->
-        page = Math.max(0, page)
-        page = Math.min($scope.numberOfPages - 1, page)
-
-        $scope.currentPage = page
-
-      $scope.update()
-
-      $scope.$watch "list", () ->
-        $scope.update()
-
-  }
-]