spine_paginator 0.1.2 → 1.0.0

data/README.md

@@ -19,7 +19,6 @@ Add this line to your application's Gemfile:
 Add the following to your `app/assets/javascripts/application.js` file.
 
     //= require spine
-    //= require handlebars
     //= require spine.paginator
     //= require spine.pagination_controller
 

data/component.json

@@ -2,7 +2,7 @@
   "name": "spine.paginator",
   "repo": "vkill/spine_paginator",
   "description": "Paginator/Pagination for Spine.",
-  "version": "0.1.1",
+  "version": "1.0.0",
   "keywords": [
     "paginator",
     "spine",

data/dist/spine.pagination_controller.js

@@ -21,56 +21,39 @@
   Spine.PaginationController = (function(_super) {
     __extends(PaginationController, _super);
 
-    PaginationController.MODEL = null;
-
-    PaginationController.PER_PAGES = [10, 20, 30, 40];
-
-    PaginationController.PAGINATE_EVENT = "paginate";
-
-    PaginationController.PAGE = 1;
-
-    PaginationController.PER_PAGE = null;
-
-    PaginationController.PAGINATION = null;
-
     function PaginationController() {
       this.templateHtmlDataEmpty = __bind(this.templateHtmlDataEmpty, this);
-      this.render = __bind(this.render, this);      PaginationController.__super__.constructor.apply(this, arguments);
-      if (this.constructor.MODEL == null) {
-        throw new Error("please defined class variable MODEL");
+      this.render = __bind(this.render, this);      this.page || (this.page = 1);
+      this.pagination || (this.pagination = null);
+      this.model || (this.model = null);
+      this.perPage || (this.perPage = 10);
+      this.paginateEvent || (this.paginateEvent = "paginate");
+      PaginationController.__super__.constructor.apply(this, arguments);
+      if (typeof this.model.page !== 'function') {
+        throw new Error("not found page function for model");
       }
-      this.constructor.PER_PAGE = this.constructor.PER_PAGES[0];
-      if (this.constructor.PER_PAGE == null) {
-        throw new Error("please defined class variable PER_PAGES");
-      }
-      this.constructor.MODEL.bind(this.constructor.PAGINATE_EVENT, this.render);
+      this.model.bind(this.paginateEvent, this.render);
     }
 
-    PaginationController.refresh = function() {
-      this.PAGE = 1;
+    PaginationController.prototype.refresh = function() {
+      this.page = 1;
       return this.load();
     };
 
-    PaginationController.toPage = function(page) {
-      this.PAGE = page;
+    PaginationController.prototype.toPage = function(page) {
+      this.page = page;
       return this.load();
     };
 
-    PaginationController.load = function() {
-      var pagination;
-
-      pagination = this.MODEL.page(this.PAGE, {
-        perPage: this.PER_PAGE
+    PaginationController.prototype.load = function() {
+      this.pagination = this.model.page(this.page, {
+        perPage: this.perPage
       });
-      this.PAGINATION = pagination;
-      return this.MODEL.trigger(this.PAGINATE_EVENT);
+      return this.model.trigger(this.paginateEvent);
     };
 
     PaginationController.prototype.render = function() {
-      var pagination;
-
-      pagination = this.constructor.PAGINATION;
-      if (pagination.records.length > 0) {
+      if (this.pagination.records.length > 0) {
         return this.html(this.templateHtml());
       } else {
         return this.html(this.templateHtmlDataEmpty());
@@ -89,7 +72,7 @@
       if (page == null) {
         return;
       }
-      return this.constructor.toPage(page);
+      return this.toPage(page);
     };
 
     PaginationController.prototype.getPageFromE = function(e) {
@@ -103,16 +86,16 @@
       page = null;
       switch (_page) {
         case 'first':
-          page = this.constructor.PAGINATION.firstPage();
+          page = this.pagination.firstPage();
           break;
         case 'prev':
-          page = this.constructor.PAGINATION.currentPage() - 1;
+          page = this.pagination.currentPage() - 1;
           break;
         case 'next':
-          page = this.constructor.PAGINATION.currentPage() + 1;
+          page = this.pagination.currentPage() + 1;
           break;
         case 'last':
-          page = this.constructor.PAGINATION.lastPage();
+          page = this.pagination.lastPage();
           break;
         case 'gap':
           page = null;
@@ -128,11 +111,28 @@
     };
 
     PaginationController.prototype.templateHtml = function() {
-      var pagination, source;
-
-      pagination = this.constructor.PAGINATION;
-      source = "<div class=\"pagination pagination-small pull-right\">\n  <ul>\n    <li {{#unless hasFirst}}class=\"disabled\"{{/unless}}>\n      <a href=\"javascript:void(0);\" data-page=\"first\">first</a>\n    </li>\n    <li {{#unless hasPrev}}class=\"disabled\"{{/unless}}>\n      <a href=\"javascript:void(0);\" data-page=\"prev\">prev</a>\n    </li>\n    {{#each pages}}\n      {{#if this.gap}}\n        <li class=\"disabled\">\n          <a href=\"javascript:void(0);\" data-page='gap'>...</a>\n        </li>\n      {{else}}\n        <li {{#if this.current}}class=\"active\"{{/if}}>\n          <a href=\"javascript:void(0);\" data-page={{this.number}}>{{this.number}}</a>\n        </li>\n      {{/if}}\n    {{/each}}\n    <li {{#unless hasNext}}class=\"disabled\"{{/unless}}>\n      <a href='javascript:void(0);' data-page=\"next\">next</a>\n    </li>\n    <li {{#unless hasLast}}class=\"disabled\"{{/unless}}>\n      <a href='javascript:void(0);' data-page=\"last\">last</a>\n    </li>\n  </ul>\n</div>";
-      return Handlebars.compile(source)(pagination.locals);
+      var div, firstLi, lastLi, locals, nextLi, page, pageLi, prevLi, ul, _i, _len, _ref;
+
+      locals = this.pagination.locals;
+      div = $("<div class='pagination pagination-small pull-right'></div>");
+      ul = $("<ul></ul>");
+      firstLi = $("<li><a href='javascript:void(0);' data-page='first'>first</a></li>").addClass(locals.hasFirst ? '' : 'disabled');
+      prevLi = $("<li><a href='javascript:void(0);' data-page='prev'>prev</a></li>").addClass(locals.hasPrev ? '' : 'disabled');
+      nextLi = $("<li><a href='javascript:void(0);' data-page='next'>next</a></li>").addClass(locals.hasNext ? '' : 'disabled');
+      lastLi = $("<li><a href='javascript:void(0);' data-page='last'>last</a></li>").addClass(locals.hasLast ? '' : 'disabled');
+      ul.append(firstLi).append(prevLi);
+      _ref = locals.pages;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        page = _ref[_i];
+        if (page.gap) {
+          pageLi = $("<li class='disabled'><a href='javascript:void(0);' data-page='gap'>...</a></li>");
+        } else {
+          pageLi = $("<li><a href='javascript:void(0);'' data-page='" + page.number + "'>" + page.number + "</a></li>").addClass(page.current ? 'active' : '');
+        }
+        ul.append(pageLi);
+      }
+      ul.append(nextLi).append(lastLi);
+      return div.append(ul);
     };
 
     return PaginationController;

data/dist/spine.pagination_controller.min.js

@@ -2,4 +2,4 @@
 // version: 0.1.1
 // author: vkill
 // license: MIT
-(function(){var t,s=function(t,s){return function(){return t.apply(s,arguments)}},e={}.hasOwnProperty,i=function(t,s){function i(){this.constructor=t}for(var r in s)e.call(s,r)&&(t[r]=s[r]);return i.prototype=s.prototype,t.prototype=new i,t.__super__=s.prototype,t};t=this.Spine||require("spine"),t.PaginationController=function(t){function e(){if(this.templateHtmlDataEmpty=s(this.templateHtmlDataEmpty,this),this.render=s(this.render,this),e.__super__.constructor.apply(this,arguments),null==this.constructor.MODEL)throw Error("please defined class variable MODEL");if(this.constructor.PER_PAGE=this.constructor.PER_PAGES[0],null==this.constructor.PER_PAGE)throw Error("please defined class variable PER_PAGES");this.constructor.MODEL.bind(this.constructor.PAGINATE_EVENT,this.render)}return i(e,t),e.MODEL=null,e.PER_PAGES=[10,20,30,40],e.PAGINATE_EVENT="paginate",e.PAGE=1,e.PER_PAGE=null,e.PAGINATION=null,e.refresh=function(){return this.PAGE=1,this.load()},e.toPage=function(t){return this.PAGE=t,this.load()},e.load=function(){var t;return t=this.MODEL.page(this.PAGE,{perPage:this.PER_PAGE}),this.PAGINATION=t,this.MODEL.trigger(this.PAGINATE_EVENT)},e.prototype.render=function(){var t;return t=this.constructor.PAGINATION,t.records.length>0?this.html(this.templateHtml()):this.html(this.templateHtmlDataEmpty())},e.prototype.events={"click a[data-page]":"clickPage"},e.prototype.clickPage=function(t){var s;return t.preventDefault(),s=this.getPageFromE(t),null!=s?this.constructor.toPage(s):void 0},e.prototype.getPageFromE=function(t){var s,e,i;if(s=$(t.target),s.parent(".disabled, .active").length>0)return null;switch(i=s.data("page"),e=null,i){case"first":e=this.constructor.PAGINATION.firstPage();break;case"prev":e=this.constructor.PAGINATION.currentPage()-1;break;case"next":e=this.constructor.PAGINATION.currentPage()+1;break;case"last":e=this.constructor.PAGINATION.lastPage();break;case"gap":e=null;break;default:e=i}return e},e.prototype.templateHtmlDataEmpty=function(){return""},e.prototype.templateHtml=function(){var t,s;return t=this.constructor.PAGINATION,s='<div class="pagination pagination-small pull-right">\n  <ul>\n    <li {{#unless hasFirst}}class="disabled"{{/unless}}>\n      <a href="javascript:void(0);" data-page="first">first</a>\n    </li>\n    <li {{#unless hasPrev}}class="disabled"{{/unless}}>\n      <a href="javascript:void(0);" data-page="prev">prev</a>\n    </li>\n    {{#each pages}}\n      {{#if this.gap}}\n        <li class="disabled">\n          <a href="javascript:void(0);" data-page=\'gap\'>...</a>\n        </li>\n      {{else}}\n        <li {{#if this.current}}class="active"{{/if}}>\n          <a href="javascript:void(0);" data-page={{this.number}}>{{this.number}}</a>\n        </li>\n      {{/if}}\n    {{/each}}\n    <li {{#unless hasNext}}class="disabled"{{/unless}}>\n      <a href=\'javascript:void(0);\' data-page="next">next</a>\n    </li>\n    <li {{#unless hasLast}}class="disabled"{{/unless}}>\n      <a href=\'javascript:void(0);\' data-page="last">last</a>\n    </li>\n  </ul>\n</div>',Handlebars.compile(s)(t.locals)},e}(t.Controller)}).call(this);
+(function(){var t,e=function(t,e){return function(){return t.apply(e,arguments)}},i={}.hasOwnProperty,s=function(t,e){function s(){this.constructor=t}for(var a in e)i.call(e,a)&&(t[a]=e[a]);return s.prototype=e.prototype,t.prototype=new s,t.__super__=e.prototype,t};t=this.Spine||require("spine"),t.PaginationController=function(t){function i(){if(this.templateHtmlDataEmpty=e(this.templateHtmlDataEmpty,this),this.render=e(this.render,this),this.page||(this.page=1),this.pagination||(this.pagination=null),this.model||(this.model=null),this.perPage||(this.perPage=10),this.paginateEvent||(this.paginateEvent="paginate"),i.__super__.constructor.apply(this,arguments),"function"!=typeof this.model.page)throw Error("not found page function for model");this.model.bind(this.paginateEvent,this.render)}return s(i,t),i.prototype.refresh=function(){return this.page=1,this.load()},i.prototype.toPage=function(t){return this.page=t,this.load()},i.prototype.load=function(){return this.pagination=this.model.page(this.page,{perPage:this.perPage}),this.model.trigger(this.paginateEvent)},i.prototype.render=function(){return this.pagination.records.length>0?this.html(this.templateHtml()):this.html(this.templateHtmlDataEmpty())},i.prototype.events={"click a[data-page]":"clickPage"},i.prototype.clickPage=function(t){var e;return t.preventDefault(),e=this.getPageFromE(t),null!=e?this.toPage(e):void 0},i.prototype.getPageFromE=function(t){var e,i,s;if(e=$(t.target),e.parent(".disabled, .active").length>0)return null;switch(s=e.data("page"),i=null,s){case"first":i=this.pagination.firstPage();break;case"prev":i=this.pagination.currentPage()-1;break;case"next":i=this.pagination.currentPage()+1;break;case"last":i=this.pagination.lastPage();break;case"gap":i=null;break;default:i=s}return i},i.prototype.templateHtmlDataEmpty=function(){return""},i.prototype.templateHtml=function(){var t,e,i,s,a,r,n,o,h,p,u,l;for(s=this.pagination.locals,t=$("<div class='pagination pagination-small pull-right'></div>"),h=$("<ul></ul>"),e=$("<li><a href='javascript:void(0);' data-page='first'>first</a></li>").addClass(s.hasFirst?"":"disabled"),o=$("<li><a href='javascript:void(0);' data-page='prev'>prev</a></li>").addClass(s.hasPrev?"":"disabled"),a=$("<li><a href='javascript:void(0);' data-page='next'>next</a></li>").addClass(s.hasNext?"":"disabled"),i=$("<li><a href='javascript:void(0);' data-page='last'>last</a></li>").addClass(s.hasLast?"":"disabled"),h.append(e).append(o),l=s.pages,p=0,u=l.length;u>p;p++)r=l[p],n=r.gap?$("<li class='disabled'><a href='javascript:void(0);' data-page='gap'>...</a></li>"):$("<li><a href='javascript:void(0);'' data-page='"+r.number+"'>"+r.number+"</a></li>").addClass(r.current?"active":""),h.append(n);return h.append(a).append(i),t.append(h)},i}(t.Controller)}).call(this);

data/dist/spine.paginator.js

@@ -264,6 +264,8 @@
 
   if (this.MyPaginatorName != null) {
     this[this.MyPaginatorName] = Paginator;
+  } else {
+    this['Paginator'] = Paginator;
   }
 
   if (this.Spine != null) {

data/dist/spine.paginator.min.js

@@ -2,4 +2,4 @@
 // version: 0.1.1
 // author: vkill
 // license: MIT
-(function(){var t,s,i;t=function(){function t(t,s,e){var r;this._page=s,null==e&&(e={}),i(t)||(t=[t]),this.originalRecords=t,this.totalCount=this.originalRecords.length,this._page=parseInt(this._page),(isNaN(this._page)||0>=this._page)&&(this._page=1),this._originalPage=this._page,this.perPage=e.perPage||this.constructor.DEFAULT_PER_PAGE,this.perPage=parseInt(this.perPage),(isNaN(this.perPage)||0>=this.perPage)&&(this.perPage=this.constructor.DEFAULT_PER_PAGE),this.maxPerPage=e.maxPerPage||this.constructor.MAX_PER_PAGE,this.window=e.window||e.inner_window||this.constructor.WINDOW,r=e.outer_window||this.constructor.OUTER_WINDOW,this.left=e.left||this.constructor.LEFT,0===this.left&&(this.left=r),this.right=e.right||this.constructor.RIGHT,0===this.right&&(this.right=r),this.skipbuildButtonsAndLocals=e.skipbuildButtonsAndLocals,this.records=[],this.buttons=[],this.locals={},this.per()}return t.DEFAULT_PER_PAGE=25,t.MAX_PER_PAGE=null,t.WINDOW=4,t.OUTER_WINDOW=0,t.LEFT=0,t.RIGHT=0,t.PAGE_TEXTS={first:"first",prev:"prev",current:"current",next:"next",last:"last",gap:"gap"},t.prototype.per=function(t){var s,i,e;return i=parseInt(t),!isNaN(i)&&i>0&&(this.perPage=i,this._page=this._originalPage),s=this.offsetValue(),e=s+this.limitValue(),this.records=this.originalRecords.slice(s,e),null==this.skipbuildButtonsAndLocals&&this.buildButtonsAndLocals(),this},t.prototype.totalPages=function(){return Math.ceil(this.totalCount/this.limitValue())},t.prototype.currentPage=function(){return null==this.limitValue()?this.firstPage():this.offsetValue()/this.limitValue()+1},t.prototype.firstPage=function(){return 1},t.prototype.isFirstPage=function(){return this.currentPage()===this.firstPage()},t.prototype.lastPage=function(){return this.totalPages()},t.prototype.isLastPage=function(){return this.currentPage()>=this.lastPage()},t.prototype.limitValue=function(){return this.perPage>this.totalCount&&(this.perPage=this.totalCount),null!=this.maxPerPage&&this.perPage>this.maxPerPage&&(this.perPage=this.maxPerPage),this.perPage},t.prototype.offsetValue=function(){var t;return t=this.totalPages(),this._page>t&&(this._page=t),(this._page-1)*this.limitValue()},t.prototype.buildPage=function(t,s,i,e,r){return{number:t,isCurrent:t===i,isFirst:t===e,isLast:t===r,isPrev:t===i-1,isNext:t===i+1,isLeftOuter:this.left>=t,isRightOuter:this.right>r-t,isInsideWindow:Math.abs(i-t)<=this.window,isWasTruncated:s===this.constructor.PAGE_TEXTS.gap}},t.prototype.curPage=function(){var t,s,i;return t=this.currentPage(),s=this.firstPage(),i=this.lastPage(),this.buildPage(t,null,t,s,i)},t.prototype.pages=function(){var t,s,i,e,r,n,a,h;for(t=this.currentPage(),s=this.firstPage(),e=this.lastPage(),h=[],i=null,r=a=s;e>=s?e>=a:a>=e;r=e>=s?++a:--a)n=this.buildPage(r,i,t,s,e),i=n.isLeftOuter||n.isRightOuter||n.isInsideWindow?null:this.constructor.PAGE_TEXTS.gap,h.push(n);return h},t.prototype.buildButtonsAndLocals=function(){var t,s,i,e,r,n,a;for(e=[],a={},t=this.curPage(),i=this.pages(),t.isFirst?a.hasFirst=!1:(e.push(this.constructor.PAGE_TEXTS.first),a.hasFirst=!0),t.isFirst?a.hasPrev=!1:(e.push(this.constructor.PAGE_TEXTS.prev),a.hasPrev=!0),a.pages=[],r=0,n=i.length;n>r;r++)s=i[r],s.isLeftOuter||s.isRightOuter||s.isInsideWindow?s.isCurrent?(e.push(this.constructor.PAGE_TEXTS.current),a.pages.push({number:s.number,current:!0})):(e.push(s.number),a.pages.push({number:s.number,current:!1})):s.isWasTruncated||(e.push(this.constructor.PAGE_TEXTS.gap),a.pages.push({number:s.number,gap:!0}));return t.isLast?a.hasNext=!1:(e.push(this.constructor.PAGE_TEXTS.next),a.hasNext=!0),t.isLast?a.hasLast=!1:(e.push(this.constructor.PAGE_TEXTS.last),a.hasLast=!0),a.first=this.firstPage(),a.current=this.currentPage(),a.last=this.lastPage(),a.numStart=0===this.records.length?0:this.offsetValue()+1,a.numEnd=this.offsetValue()+this.records.length,a.numTotal=this.totalCount,this.buttons=e,this.locals=a},t}(),i=function(t){return"[object Array]"===Object.prototype.toString.call(t)},t.isArray=i,null!=this.MyPaginatorName&&(this[this.MyPaginatorName]=t),null!=this.Spine&&(t.SpineModelExtend={page:function(s,i){return null==i&&(i={}),new t(this._perPaginateRecords(),s,i)},_perPaginateRecords:function(){return this.all()}},s=this.Spine,s.Paginator=t,s.Model.Paginator={extended:function(){return this.extend(t.SpineModelExtend)}})}).call(this);
+(function(){var t,s,i;t=function(){function t(t,s,e){var r;this._page=s,null==e&&(e={}),i(t)||(t=[t]),this.originalRecords=t,this.totalCount=this.originalRecords.length,this._page=parseInt(this._page),(isNaN(this._page)||0>=this._page)&&(this._page=1),this._originalPage=this._page,this.perPage=e.perPage||this.constructor.DEFAULT_PER_PAGE,this.perPage=parseInt(this.perPage),(isNaN(this.perPage)||0>=this.perPage)&&(this.perPage=this.constructor.DEFAULT_PER_PAGE),this.maxPerPage=e.maxPerPage||this.constructor.MAX_PER_PAGE,this.window=e.window||e.inner_window||this.constructor.WINDOW,r=e.outer_window||this.constructor.OUTER_WINDOW,this.left=e.left||this.constructor.LEFT,0===this.left&&(this.left=r),this.right=e.right||this.constructor.RIGHT,0===this.right&&(this.right=r),this.skipbuildButtonsAndLocals=e.skipbuildButtonsAndLocals,this.records=[],this.buttons=[],this.locals={},this.per()}return t.DEFAULT_PER_PAGE=25,t.MAX_PER_PAGE=null,t.WINDOW=4,t.OUTER_WINDOW=0,t.LEFT=0,t.RIGHT=0,t.PAGE_TEXTS={first:"first",prev:"prev",current:"current",next:"next",last:"last",gap:"gap"},t.prototype.per=function(t){var s,i,e;return i=parseInt(t),!isNaN(i)&&i>0&&(this.perPage=i,this._page=this._originalPage),s=this.offsetValue(),e=s+this.limitValue(),this.records=this.originalRecords.slice(s,e),null==this.skipbuildButtonsAndLocals&&this.buildButtonsAndLocals(),this},t.prototype.totalPages=function(){return Math.ceil(this.totalCount/this.limitValue())},t.prototype.currentPage=function(){return null==this.limitValue()?this.firstPage():this.offsetValue()/this.limitValue()+1},t.prototype.firstPage=function(){return 1},t.prototype.isFirstPage=function(){return this.currentPage()===this.firstPage()},t.prototype.lastPage=function(){return this.totalPages()},t.prototype.isLastPage=function(){return this.currentPage()>=this.lastPage()},t.prototype.limitValue=function(){return this.perPage>this.totalCount&&(this.perPage=this.totalCount),null!=this.maxPerPage&&this.perPage>this.maxPerPage&&(this.perPage=this.maxPerPage),this.perPage},t.prototype.offsetValue=function(){var t;return t=this.totalPages(),this._page>t&&(this._page=t),(this._page-1)*this.limitValue()},t.prototype.buildPage=function(t,s,i,e,r){return{number:t,isCurrent:t===i,isFirst:t===e,isLast:t===r,isPrev:t===i-1,isNext:t===i+1,isLeftOuter:this.left>=t,isRightOuter:this.right>r-t,isInsideWindow:Math.abs(i-t)<=this.window,isWasTruncated:s===this.constructor.PAGE_TEXTS.gap}},t.prototype.curPage=function(){var t,s,i;return t=this.currentPage(),s=this.firstPage(),i=this.lastPage(),this.buildPage(t,null,t,s,i)},t.prototype.pages=function(){var t,s,i,e,r,n,a,h;for(t=this.currentPage(),s=this.firstPage(),e=this.lastPage(),h=[],i=null,r=a=s;e>=s?e>=a:a>=e;r=e>=s?++a:--a)n=this.buildPage(r,i,t,s,e),i=n.isLeftOuter||n.isRightOuter||n.isInsideWindow?null:this.constructor.PAGE_TEXTS.gap,h.push(n);return h},t.prototype.buildButtonsAndLocals=function(){var t,s,i,e,r,n,a;for(e=[],a={},t=this.curPage(),i=this.pages(),t.isFirst?a.hasFirst=!1:(e.push(this.constructor.PAGE_TEXTS.first),a.hasFirst=!0),t.isFirst?a.hasPrev=!1:(e.push(this.constructor.PAGE_TEXTS.prev),a.hasPrev=!0),a.pages=[],r=0,n=i.length;n>r;r++)s=i[r],s.isLeftOuter||s.isRightOuter||s.isInsideWindow?s.isCurrent?(e.push(this.constructor.PAGE_TEXTS.current),a.pages.push({number:s.number,current:!0})):(e.push(s.number),a.pages.push({number:s.number,current:!1})):s.isWasTruncated||(e.push(this.constructor.PAGE_TEXTS.gap),a.pages.push({number:s.number,gap:!0}));return t.isLast?a.hasNext=!1:(e.push(this.constructor.PAGE_TEXTS.next),a.hasNext=!0),t.isLast?a.hasLast=!1:(e.push(this.constructor.PAGE_TEXTS.last),a.hasLast=!0),a.first=this.firstPage(),a.current=this.currentPage(),a.last=this.lastPage(),a.numStart=0===this.records.length?0:this.offsetValue()+1,a.numEnd=this.offsetValue()+this.records.length,a.numTotal=this.totalCount,this.buttons=e,this.locals=a},t}(),i=function(t){return"[object Array]"===Object.prototype.toString.call(t)},t.isArray=i,null!=this.MyPaginatorName?this[this.MyPaginatorName]=t:this.Paginator=t,null!=this.Spine&&(t.SpineModelExtend={page:function(s,i){return null==i&&(i={}),new t(this._perPaginateRecords(),s,i)},_perPaginateRecords:function(){return this.all()}},s=this.Spine,s.Paginator=t,s.Model.Paginator={extended:function(){return this.extend(t.SpineModelExtend)}})}).call(this);

data/examples/spine_pagination.coffee

@@ -12,20 +12,54 @@ App.UsersCtrl ||= {}
 Ctrl = App.UsersCtrl
 
 class Ctrl.IndexPagination extends Spine.PaginationController
-  @MODEL = User
-  @PER_PAGES = [5, 10, 20, 30]
-  @PAGINATE_EVENT = "paginate"
+  constructor: ->
+    @model = User
+    @perPage = 5
+    @paginateEvent = "paginate"
+    super
+
+  # templateHtml: ->
+  #   htmlSource = """
+  #     <div class='pagination pagination-small pull-right'>
+  #       <ul>
+  #         <li {{#unless hasFirst}}class='disabled'{{/unless}}>
+  #           <a href='javascript:void(0);' data-page='first'>first</a>
+  #         </li>
+  #         <li {{#unless hasPrev}}class='disabled'{{/unless}}>
+  #           <a href='javascript:void(0);' data-page='prev'>prev</a>
+  #         </li>
+  #         {{#each pages}}
+  #           {{#if this.gap}}
+  #             <li class='disabled'>
+  #               <a href='javascript:void(0);' data-page='gap'>...</a>
+  #             </li>
+  #           {{else}}
+  #             <li {{#if this.current}}class='active'{{/if}}>
+  #               <a href='javascript:void(0);' data-page='{{this.number}}'>{{this.number}}</a>
+  #             </li>
+  #           {{/if}}
+  #         {{/each}}
+  #         <li {{#unless hasNext}}class='disabled'{{/unless}}>
+  #           <a href='javascript:void(0);' data-page='next'>next</a>
+  #         </li>
+  #         <li {{#unless hasLast}}class='disabled'{{/unless}}>
+  #           <a href='javascript:void(0);' data-page='last'>last</a>
+  #         </li>
+  #       </ul>
+  #     </div>
+  #   """
+  #   Handlebars.compile(htmlSource)(@pagination.locals)
 
 class Ctrl.IndexTbody extends Spine.Controller
   constructor: ->
     super
-    User.bind Ctrl.IndexPagination.PAGINATE_EVENT, @render
+    User.bind @owner.pagination.paginateEvent, @render
   
   render: =>
     @html @templateHtml()
    
   templateHtml: =>
-    collection = Ctrl.IndexPagination.PAGINATION.records
+    collection = @owner.pagination.pagination.records
     source = """
       {{#each collection}}
         <tr data-id={{this.id}}>
@@ -39,14 +73,19 @@ class Ctrl.IndexTbody extends Spine.Controller
 class Ctrl.Index extends Spine.Controller
   constructor: ->
     super
-    @tbody = new Ctrl.IndexTbody
-      el: @$('tbody')
+
     @pagination = new Ctrl.IndexPagination
       el: @$('#pagination')
+      owner: @
+
+    @tbody = new Ctrl.IndexTbody
+      el: @$('tbody')
+      owner: @
+
     User.bind 'refresh', @refreshPagination
     
-  refreshPagination: ->
-    Ctrl.IndexPagination.refresh()
+  refreshPagination: =>
+    @pagination.refresh()
 
 
 $(document).ready ->

data/examples/spine_pagination.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><title>Spine Pagination Demo</title><link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet" /><link href="./spine_pagination.css" rel="stylesheet" /><script type="text/javascript">window.MyPaginatorName = "Paginator"</script><script src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script src="../spec/lib/spine.js"></script><script src="../spec/lib/handlebars.js"></script><script src="../dist/spine.paginator.js"></script><script src="../dist/spine.pagination_controller.js"></script><script src="./spine_pagination.js"></script></head><body><h1>Spine Pagination Demo</h1><div id="users"><table class="table table-hover"><thead><tr><td>ID</td><td>Name</td></tr></thead><tbody></tbody></table><div id="pagination"></div></div></body></html>
+<!DOCTYPE html><html><head><title>Spine Pagination Demo</title><link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet" /><link href="./spine_pagination.css" rel="stylesheet" /><script type="text/javascript">window.MyPaginatorName = "Paginator"</script><script src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script src="../spec/lib/spine.js"></script><script src="../spec/lib/handlebars.js"></script><script src="../dist/spine.paginator.js"></script><script src="../dist/spine.pagination_controller.js"></script><script src="./spine_pagination.js"></script></head><body><h1>Spine Pagination Demo</h1><div id="users"><table class="table table-hover"><thead><tr><td>ID</td><td>Name</td></tr></thead><tbody></tbody></table><div id="pagination"></div></div></body></html>

data/examples/spine_pagination.js

@@ -1,5 +1,5 @@
 (function() {
-  var App, Ctrl, Spine, User, _ref, _ref1,
+  var App, Ctrl, Spine, User, _ref,
     __hasProp = {}.hasOwnProperty,
     __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
     __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
@@ -34,16 +34,12 @@
     __extends(IndexPagination, _super);
 
     function IndexPagination() {
-      _ref1 = IndexPagination.__super__.constructor.apply(this, arguments);
-      return _ref1;
+      this.model = User;
+      this.perPage = 5;
+      this.paginateEvent = "paginate";
+      IndexPagination.__super__.constructor.apply(this, arguments);
     }
 
-    IndexPagination.MODEL = User;
-
-    IndexPagination.PER_PAGES = [5, 10, 20, 30];
-
-    IndexPagination.PAGINATE_EVENT = "paginate";
-
     return IndexPagination;
 
   })(Spine.PaginationController);
@@ -54,7 +50,7 @@
     function IndexTbody() {
       this.templateHtml = __bind(this.templateHtml, this);
       this.render = __bind(this.render, this);      IndexTbody.__super__.constructor.apply(this, arguments);
-      User.bind(Ctrl.IndexPagination.PAGINATE_EVENT, this.render);
+      User.bind(this.owner.pagination.paginateEvent, this.render);
     }
 
     IndexTbody.prototype.render = function() {
@@ -64,7 +60,7 @@
     IndexTbody.prototype.templateHtml = function() {
       var collection, source;
 
-      collection = Ctrl.IndexPagination.PAGINATION.records;
+      collection = this.owner.pagination.pagination.records;
       source = "{{#each collection}}\n  <tr data-id={{this.id}}>\n    <td>{{this.id}}</td>\n    <td>{{this.name}}</td>\n  </tr>\n{{/each}}";
       return Handlebars.compile(source)({
         collection: collection
@@ -79,18 +75,20 @@
     __extends(Index, _super);
 
     function Index() {
-      Index.__super__.constructor.apply(this, arguments);
-      this.tbody = new Ctrl.IndexTbody({
-        el: this.$('tbody')
-      });
+      this.refreshPagination = __bind(this.refreshPagination, this);      Index.__super__.constructor.apply(this, arguments);
       this.pagination = new Ctrl.IndexPagination({
-        el: this.$('#pagination')
+        el: this.$('#pagination'),
+        owner: this
+      });
+      this.tbody = new Ctrl.IndexTbody({
+        el: this.$('tbody'),
+        owner: this
       });
       User.bind('refresh', this.refreshPagination);
     }
 
     Index.prototype.refreshPagination = function() {
-      return Ctrl.IndexPagination.refresh();
+      return this.pagination.refresh();
     };
 
     return Index;
@@ -104,10 +102,10 @@
       el: '#users'
     });
     data = (function() {
-      var _i, _ref2, _ref3, _results;
+      var _i, _ref1, _ref2, _results;
 
       _results = [];
-      for (num = _i = _ref2 = 'A'.charCodeAt(0), _ref3 = 'z'.charCodeAt(0); _ref2 <= _ref3 ? _i <= _ref3 : _i >= _ref3; num = _ref2 <= _ref3 ? ++_i : --_i) {
+      for (num = _i = _ref1 = 'A'.charCodeAt(0), _ref2 = 'z'.charCodeAt(0); _ref1 <= _ref2 ? _i <= _ref2 : _i >= _ref2; num = _ref1 <= _ref2 ? ++_i : --_i) {
         _results.push({
           name: String.fromCharCode(num)
         });

data/examples/spine_pagination.slim

@@ -2,7 +2,7 @@ doctype html
 html
   head
     title Spine Pagination Demo
-    link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet"
+    link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet"
     link href="./spine_pagination.css" rel="stylesheet"
     javascript:
       window.MyPaginatorName = "Paginator"

data/lib/spine_paginator/version.rb

@@ -1,3 +1,3 @@
 module SpinePaginator
-  VERSION = "0.1.2"
+  VERSION = "1.0.0"
 end

data/src/spine.pagination_controller.coffee

@@ -11,38 +11,35 @@ see https://github.com/vkill/spine_paginator/blob/master/examples/spine_paginati
 
 class Spine.PaginationController extends Spine.Controller
 
-  @MODEL = null
-  @PER_PAGES = [10, 20, 30, 40]
-  @PAGINATE_EVENT = "paginate"
-  
-  @PAGE = 1
-  @PER_PAGE = null
-  @PAGINATION = null
-
   constructor: ->
+    @page ||= 1
+    @pagination ||= null
+
+    @model ||= null
+    @perPage ||= 10
+    @paginateEvent ||= "paginate"
+
     super
-    throw new Error("please defined class variable MODEL") unless @constructor.MODEL?
-    @constructor.PER_PAGE = @constructor.PER_PAGES[0]
-    throw new Error("please defined class variable PER_PAGES") unless @constructor.PER_PAGE?
-    @constructor.MODEL.bind @constructor.PAGINATE_EVENT, @render
+
+    if typeof(@model.page) isnt 'function'
+      throw new Error("not found page function for model")
+
+    @model.bind @paginateEvent, @render
   
-  @refresh: ->
-    @PAGE = 1
+  refresh: ->
+    @page = 1
     @load()
 
-  @toPage: (page)->
-    @PAGE = page
+  toPage: (page)->
+    @page = page
     @load()
 
-  @load: ->
-    pagination = @MODEL.page(@PAGE, {perPage: @PER_PAGE})
-    @PAGINATION = pagination
-    @MODEL.trigger(@PAGINATE_EVENT)
-
+  load: ->
+    @pagination = @model.page(@page, {perPage: @perPage})
+    @model.trigger(@paginateEvent)
 
   render: =>
-    pagination = @constructor.PAGINATION
-    if pagination.records.length > 0
+    if @pagination.records.length > 0
       @html @templateHtml()
     else
       @html @templateHtmlDataEmpty()
@@ -59,7 +56,7 @@ class Spine.PaginationController extends Spine.Controller
 
     page = @getPageFromE(e)
     return unless page?
-    @constructor.toPage(page)
+    @toPage(page)
   
   getPageFromE: (e) ->
     $node = $(e.target)
@@ -69,13 +66,13 @@ class Spine.PaginationController extends Spine.Controller
     page = null
     switch _page
       when 'first'
-        page = @constructor.PAGINATION.firstPage()
+        page = @pagination.firstPage()
       when 'prev'
-        page = @constructor.PAGINATION.currentPage() - 1
+        page = @pagination.currentPage() - 1
       when 'next'
-        page = @constructor.PAGINATION.currentPage() + 1
+        page = @pagination.currentPage() + 1
       when 'last'
-        page = @constructor.PAGINATION.lastPage()
+        page = @pagination.lastPage()
       when 'gap'
         page = null
       else
@@ -86,34 +83,24 @@ class Spine.PaginationController extends Spine.Controller
     ""
   
   templateHtml: ->
-    pagination = @constructor.PAGINATION
-    source = """
-      <div class="pagination pagination-small pull-right">
-        <ul>
-          <li {{#unless hasFirst}}class="disabled"{{/unless}}>
-            <a href="javascript:void(0);" data-page="first">first</a>
-          </li>
-          <li {{#unless hasPrev}}class="disabled"{{/unless}}>
-            <a href="javascript:void(0);" data-page="prev">prev</a>
-          </li>
-          {{#each pages}}
-            {{#if this.gap}}
-              <li class="disabled">
-                <a href="javascript:void(0);" data-page='gap'>...</a>
-              </li>
-            {{else}}
-              <li {{#if this.current}}class="active"{{/if}}>
-                <a href="javascript:void(0);" data-page={{this.number}}>{{this.number}}</a>
-              </li>
-            {{/if}}
-          {{/each}}
-          <li {{#unless hasNext}}class="disabled"{{/unless}}>
-            <a href='javascript:void(0);' data-page="next">next</a>
-          </li>
-          <li {{#unless hasLast}}class="disabled"{{/unless}}>
-            <a href='javascript:void(0);' data-page="last">last</a>
-          </li>
-        </ul>
-      </div>
-    """
-    Handlebars.compile(source)(pagination.locals)
+    locals = @pagination.locals
+
+    div = $("<div class='pagination pagination-small pull-right'></div>")
+    ul = $("<ul></ul>")
+
+    firstLi = $("<li><a href='javascript:void(0);' data-page='first'>first</a></li>").addClass(if locals.hasFirst then '' else 'disabled')
+    prevLi = $("<li><a href='javascript:void(0);' data-page='prev'>prev</a></li>").addClass(if locals.hasPrev then '' else 'disabled')
+    nextLi = $("<li><a href='javascript:void(0);' data-page='next'>next</a></li>").addClass(if locals.hasNext then '' else 'disabled')
+    lastLi = $("<li><a href='javascript:void(0);' data-page='last'>last</a></li>").addClass(if locals.hasLast then '' else 'disabled')
+
+    ul.append(firstLi).append(prevLi)
+    for page in locals.pages
+      if page.gap
+        pageLi = $("<li class='disabled'><a href='javascript:void(0);' data-page='gap'>...</a></li>")
+      else
+        pageLi = $("<li><a href='javascript:void(0);'' data-page='#{page.number}'>#{page.number}</a></li>").addClass(if page.current then 'active' else '')
+      ul.append(pageLi)
+    ul.append(nextLi).append(lastLi)
+
+    div.append(ul)
+

data/src/spine.paginator.coffee

@@ -194,12 +194,10 @@ isArray = (value) ->
 
 Paginator.isArray = isArray
 
-# 
-# if your want use window.Paginator, please set `window.MyPaginatorName = 'Paginator' ` before require this.
-# 
 if @MyPaginatorName?
   @[@MyPaginatorName] = Paginator
-
+else
+  @['Paginator'] = Paginator
 
 
 if @Spine?

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: spine_paginator
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 1.0.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-05-25 00:00:00.000000000 Z
+date: 2013-08-17 00:00:00.000000000 Z
 dependencies: []
 description: Paginator for Spine
 email: