szurubooru/public_html/js/Presenters/PostListPresenter.js

94 lines
2.1 KiB
JavaScript
Raw Normal View History

2014-09-07 19:49:11 +02:00
var App = App || {};
App.Presenters = App.Presenters || {};
App.Presenters.PostListPresenter = function(
2014-09-17 18:34:57 +02:00
_,
2014-09-07 19:49:11 +02:00
jQuery,
2014-09-17 18:34:57 +02:00
util,
promise,
auth,
router,
pagedCollectionPresenter,
topNavigationPresenter,
messagePresenter) {
2014-09-07 19:49:11 +02:00
var $el = jQuery('#content');
2014-09-17 18:34:57 +02:00
var listTemplate;
var itemTemplate;
2014-09-07 19:49:11 +02:00
2014-09-17 22:37:49 +02:00
function init(args, loaded) {
2014-09-07 19:49:11 +02:00
topNavigationPresenter.select('posts');
topNavigationPresenter.changeTitle('Posts');
2014-09-17 18:34:57 +02:00
promise.waitAll(
2014-09-17 22:37:49 +02:00
util.promiseTemplate('post-list'),
util.promiseTemplate('post-list-item'))
.then(function(listHtml, itemHtml) {
listTemplate = _.template(listHtml);
itemTemplate = _.template(itemHtml);
render();
reinit(args, loaded);
});
2014-09-17 18:34:57 +02:00
}
2014-09-17 22:37:49 +02:00
function reinit(args, loaded) {
2014-09-17 18:34:57 +02:00
var searchArgs = util.parseComplexRouteArgs(args.searchArgs);
searchArgs.order = searchArgs.order;
updateActiveOrder(searchArgs.order);
2014-09-17 22:37:49 +02:00
initPaginator(searchArgs, loaded);
2014-09-17 18:34:57 +02:00
}
2014-09-17 22:37:49 +02:00
function initPaginator(searchArgs, onLoad) {
2014-09-17 18:34:57 +02:00
pagedCollectionPresenter.init({
page: searchArgs.page,
searchParams: {order: searchArgs.order},
baseUri: '#/posts',
backendUri: '/posts',
updateCallback: function(data, clear) {
renderPosts(data.entities, clear);
return $el.find('.pagination-content');
},
failCallback: function(response) {
$el.empty();
messagePresenter.showError($el, response.json && response.json.error || response);
2014-09-17 22:37:49 +02:00
}}, onLoad);
2014-09-07 19:49:11 +02:00
}
function render() {
2014-09-17 18:34:57 +02:00
$el.html(listTemplate());
}
function updateActiveOrder(activeOrder) {
$el.find('.order li a').removeClass('active');
$el.find('.order [data-order="' + activeOrder + '"]').addClass('active');
}
function renderPosts(posts, clear) {
var $target = $el.find('.posts');
var all = '';
_.each(posts, function(post) {
all += itemTemplate({
post: post,
});
});
if (clear) {
$target.html(all);
} else {
$target.append(all);
}
2014-09-08 22:02:28 +02:00
}
2014-09-07 19:49:11 +02:00
return {
init: init,
2014-09-17 18:34:57 +02:00
reinit: reinit,
2014-09-07 19:49:11 +02:00
render: render,
};
};
2014-09-17 18:34:57 +02:00
App.DI.register('postListPresenter', ['_', 'jQuery', 'util', 'promise', 'auth', 'router', 'pagedCollectionPresenter', 'topNavigationPresenter', 'messagePresenter'], App.Presenters.PostListPresenter);