szurubooru/client/js/controllers/comments_controller.js

'use strict';

const api = require('../api.js');
const uri = require('../util/uri.js');
const PostList = require('../models/post_list.js');
const topNavigation = require('../models/top_navigation.js');
const PageController = require('../controllers/page_controller.js');
const CommentsPageView = require('../views/comments_page_view.js');
const EmptyView = require('../views/empty_view.js');

const fields = ['id', 'comments', 'commentCount', 'thumbnailUrl'];

class CommentsController {
    constructor(ctx) {
        if (!api.hasPrivilege('comments:list')) {
            this._view = new EmptyView();
            this._view.showError(
                'You don\'t have privileges to view comments.');
            return;
        }

        topNavigation.activate('comments');
        topNavigation.setTitle('Listing comments');

        this._pageController = new PageController();
        this._pageController.run({
            parameters: ctx.parameters,
            getClientUrlForPage: page => {
                const parameters = Object.assign(
                    {}, ctx.parameters, {page: page});
                return uri.formatClientLink('comments', parameters);
            },
            requestPage: page => {
                return PostList.search(
                    'sort:comment-date comment-count-min:1', page, 10, fields);
            },
            pageRenderer: pageCtx => {
                Object.assign(pageCtx, {
                    canViewPosts: api.hasPrivilege('posts:view'),
                });
                const view = new CommentsPageView(pageCtx);
                view.addEventListener('submit', e => this._evtUpdate(e));
                view.addEventListener('score', e => this._evtScore(e));
                view.addEventListener('delete', e => this._evtDelete(e));
                return view;
            },
        });
    }

    _evtUpdate(e) {
        // TODO: disable form
        e.detail.comment.text = e.detail.text;
        e.detail.comment.save()
            .catch(error => {
                e.detail.target.showError(error.message);
                // TODO: enable form
            });
    }

    _evtScore(e) {
        e.detail.comment.setScore(e.detail.score)
            .catch(error => window.alert(error.message));
    }

    _evtDelete(e) {
        e.detail.comment.delete()
            .catch(error => window.alert(error.message));
    }
};

module.exports = router => {
    router.enter(['comments'],
        (ctx, next) => { new CommentsController(ctx); });
};