szurubooru/public_html/js/Presenters/GlobalCommentListPresenter.js

var App = App || {};
App.Presenters = App.Presenters || {};

App.Presenters.GlobalCommentListPresenter = function(
    _,
    jQuery,
    util,
    auth,
    promise,
    pagerPresenter,
    topNavigationPresenter) {

    var $el;
    var privileges;
    var templates = {};

    function init(params, loaded) {
        $el = jQuery('#content');
        topNavigationPresenter.select('comments');

        privileges = {
            canViewPosts: auth.hasPrivilege(auth.privileges.viewPosts),
        };

        promise.wait(
                util.promiseTemplate('global-comment-list'),
                util.promiseTemplate('global-comment-list-item'),
                util.promiseTemplate('post-list-item'))
            .then(function(listTemplate, listItemTemplate, postTemplate) {
                templates.list = listTemplate;
                templates.listItem = listItemTemplate;
                templates.post = postTemplate;

                render();
                loaded();

                pagerPresenter.init({
                        baseUri: '#/comments',
                        backendUri: '/comments',
                        $target: $el.find('.pagination-target'),
                        updateCallback: function($page, response) {
                            renderComments($page, response.json.comments);
                        },
                    },
                    function() {
                        reinit(params, function() {});
                    });
            }).fail(function() {
                console.log(arguments);
                loaded();
            });
    }


    function reinit(params, loaded) {
        pagerPresenter.reinit({query: params.query || {}});
        loaded();
    }

    function deinit() {
        pagerPresenter.deinit();
    }

    function render() {
        $el.html(templates.list());
    }

    function renderComments($page, postComments) {
        var $target = $page.find('.posts');
        _.each(postComments, function(postComments) {
            var post = postComments.post;
            var comments = postComments.comments;
            var $post = jQuery('<li>' + templates.listItem({
                util: util,
                post: post,
                postTemplate: templates.post,
                canViewPosts: privileges.canViewPosts,
            }) + '</li>');

            util.loadImagesNicely($post.find('img'));
            var presenter = App.DI.get('commentListPresenter');

            presenter.init({
                post: post,
                comments: comments,
                $target: $post.find('.post-comments-target'),
            }, function() {
                presenter.render();
            });

            $target.append($post);
        });
    }

    return {
        init: init,
        reinit: reinit,
        deinit: deinit,
        render: render,
    };

};

App.DI.register('globalCommentListPresenter', ['_', 'jQuery', 'util', 'auth', 'promise', 'pagerPresenter', 'topNavigationPresenter'], App.Presenters.GlobalCommentListPresenter);