66 lines
2.4 KiB
JavaScript
66 lines
2.4 KiB
JavaScript
define(["underscore", "js/views/baseview"], function(_, BaseView) {
|
|
|
|
var PagingFooter = BaseView.extend({
|
|
events : {
|
|
"click .next-page-link": "nextPage",
|
|
"click .previous-page-link": "previousPage",
|
|
"change .page-number-input": "changePage"
|
|
},
|
|
|
|
initialize: function(options) {
|
|
var view = options.view,
|
|
collection = view.collection;
|
|
this.view = view;
|
|
this.template = this.loadTemplate('paging-footer');
|
|
collection.bind('add', _.bind(this.render, this));
|
|
collection.bind('remove', _.bind(this.render, this));
|
|
collection.bind('reset', _.bind(this.render, this));
|
|
this.render();
|
|
},
|
|
|
|
render: function() {
|
|
var view = this.view,
|
|
collection = view.collection,
|
|
currentPage = collection.currentPage,
|
|
lastPage = collection.totalPages - 1;
|
|
this.$el.html(this.template({
|
|
current_page: collection.currentPage,
|
|
total_pages: collection.totalPages
|
|
}));
|
|
this.$(".previous-page-link").toggleClass("is-disabled", currentPage === 0).attr('aria-disabled', currentPage === 0);;
|
|
this.$(".next-page-link").toggleClass("is-disabled", currentPage === lastPage).attr('aria-disabled', currentPage === lastPage);
|
|
return this;
|
|
},
|
|
|
|
changePage: function() {
|
|
var view = this.view,
|
|
collection = view.collection,
|
|
currentPage = collection.currentPage + 1,
|
|
pageInput = this.$("#page-number-input"),
|
|
pageNumber = parseInt(pageInput.val(), 10);
|
|
if (pageNumber > collection.totalPages) {
|
|
pageNumber = false;
|
|
}
|
|
if (pageNumber <= 0) {
|
|
pageNumber = false;
|
|
}
|
|
// If we still have a page number by this point,
|
|
// and it's not the current page, load it.
|
|
if (pageNumber && pageNumber !== currentPage) {
|
|
view.setPage(pageNumber - 1);
|
|
}
|
|
pageInput.val(""); // Clear the value as the label will show beneath it
|
|
},
|
|
|
|
nextPage: function() {
|
|
this.view.nextPage();
|
|
},
|
|
|
|
previousPage: function() {
|
|
this.view.previousPage();
|
|
}
|
|
});
|
|
|
|
return PagingFooter;
|
|
}); // end define();
|