f9c45586a4
These changes implement STUD-813. The commit consists of the following logical changes: - a REST API has been implemented for a course's assets - the page itself now fetches the assets client-side - the Backbone.Paginator library is used to support pagination - the AssetCollection has been refactored to extend Backbone.Paginator.requestPager so that it can be paged - an abstract PagingView class has been added to generalize the communication with a paging REST API - the AssetsView has been reimplemented to extend PagingView - two new child views have been added: - PagingHeader: the paging controls above the list of assets - PagingFooter: the paging controls below the assets
49 lines
1.6 KiB
JavaScript
49 lines
1.6 KiB
JavaScript
define(["backbone", "js/views/feedback_alert", "gettext"], function(Backbone, AlertView, gettext) {
|
|
|
|
var PagingView = Backbone.View.extend({
|
|
// takes a Backbone Paginator as a model
|
|
|
|
initialize: function() {
|
|
Backbone.View.prototype.initialize.call(this);
|
|
var collection = this.collection;
|
|
collection.bind('add', _.bind(this.renderPageItems, this));
|
|
collection.bind('remove', _.bind(this.renderPageItems, this));
|
|
collection.bind('reset', _.bind(this.renderPageItems, this));
|
|
},
|
|
|
|
setPage: function(page) {
|
|
var self = this,
|
|
collection = self.collection,
|
|
oldPage = collection.currentPage;
|
|
collection.goTo(page, {
|
|
reset: true,
|
|
success: function() {
|
|
window.scrollTo(0, 0);
|
|
},
|
|
error: function(collection, response, options) {
|
|
collection.currentPage = oldPage;
|
|
}
|
|
});
|
|
},
|
|
|
|
nextPage: function() {
|
|
var collection = this.collection,
|
|
currentPage = collection.currentPage,
|
|
lastPage = collection.totalPages - 1;
|
|
if (currentPage < lastPage) {
|
|
this.setPage(currentPage + 1);
|
|
}
|
|
},
|
|
|
|
previousPage: function() {
|
|
var collection = this.collection,
|
|
currentPage = collection.currentPage;
|
|
if (currentPage > 0) {
|
|
this.setPage(currentPage - 1);
|
|
}
|
|
}
|
|
});
|
|
|
|
return PagingView;
|
|
}); // end define();
|