scl/szurubooru
1
0
Fork 0
mirror of https://github.com/rr-/szurubooru.git synced 2025-07-17 08:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added proof of concept for pagination and search

Browse Source
This commit is contained in:
Marcin Kurczewski
2014-09-03 19:07:53 +02:00
parent 48016bea13
commit ee9fde5402
28 changed files with 643 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
public_html/js/Presenters/UserListPresenter.js
View File

@ -1,19 +1,56 @@
var App = App || {};
App.Presenters = App.Presenters || {};
App.Presenters.UserListPresenter = function(jQuery, topNavigationPresenter, appState) {
App.Presenters.UserListPresenter = function(
jQuery,
util,
router,
pagedCollectionPresenter,
topNavigationPresenter) {
var $el = jQuery('#content');
var template;
var userList = [];
var activeSearchOrder;
function init() {
function init(args) {
topNavigationPresenter.select('users');
render();
activeSearchOrder = util.parseComplexRouteArgs(args.searchArgs).order;
util.loadTemplate('user-list').then(function(html) {
template = _.template(html);
pagedCollectionPresenter.init({
searchArgs: args.searchArgs,
baseUri: '#/users',
backendUri: '/users',
renderCallback: function updateCollection(data) {
userList = data.entities;
render();
}});
});
}
function render() {
$el.html('Logged in: ' + appState.get('loggedIn'));
$el.html(template({
userList: userList,
}));
$el.find('.order a').click(orderLinkClicked);
$el.find('.order [data-order="' + activeSearchOrder + '"]').parent('li').addClass('active');
console.log(activeSearchOrder);
var $pager = $el.find('.pager');
pagedCollectionPresenter.render($pager);
};
function orderLinkClicked(e)
{
e.preventDefault();
var $orderLink = jQuery(this);
activeSearchOrder = $orderLink.attr('data-order');
router.navigate(pagedCollectionPresenter.getSearchOrderChangeLink(activeSearchOrder));
}
return {
init: init,
render: render