szurubooru/client/js/controllers/pool_list_controller.js

"use strict";

const router = require("../router.js");
const api = require("../api.js");
const uri = require("../util/uri.js");
const PoolList = require("../models/pool_list.js");
const topNavigation = require("../models/top_navigation.js");
const PageController = require("../controllers/page_controller.js");
const PoolsHeaderView = require("../views/pools_header_view.js");
const PoolsPageView = require("../views/pools_page_view.js");
const EmptyView = require("../views/empty_view.js");

const fields = [
    "id",
    "names",
    "posts",
    "creationTime",
    "postCount",
    "category",
];

class PoolListController {
    constructor(ctx) {
        this._pageController = new PageController();

        if (!api.hasPrivilege("pools:list")) {
            this._view = new EmptyView();
            this._view.showError("You don't have privileges to view pools.");
            return;
        }

        this._ctx = ctx;

        topNavigation.activate("pools");
        topNavigation.setTitle("Listing pools");

        this._headerView = new PoolsHeaderView({
            hostNode: this._pageController.view.pageHeaderHolderNode,
            parameters: ctx.parameters,
            canCreate: api.hasPrivilege("pools:create"),
            canEditPoolCategories: api.hasPrivilege("poolCategories:edit"),
        });
        this._headerView.addEventListener(
            "submit",
            (e) => this._evtSubmit(e),
            "navigate",
            (e) => this._evtNavigate(e)
        );

        this._syncPageController();
    }

    showSuccess(message) {
        this._pageController.showSuccess(message);
    }

    showError(message) {
        this._pageController.showError(message);
    }

    _evtSubmit(e) {
        this._view.clearMessages();
        this._view.disableForm();
        e.detail.pool.save().then(
            () => {
                this._installView(e.detail.pool, "edit");
                this._view.showSuccess("Pool created.");
                router.replace(
                    uri.formatClientLink("pool", e.detail.pool.id, "edit"),
                    null,
                    false
                );
            },
            (error) => {
                this._view.showError(error.message);
                this._view.enableForm();
            }
        );
    }

    _evtNavigate(e) {
        router.showNoDispatch(
            uri.formatClientLink("pools", e.detail.parameters)
        );
        Object.assign(this._ctx.parameters, e.detail.parameters);
        this._syncPageController();
    }

    _syncPageController() {
        this._pageController.run({
            parameters: this._ctx.parameters,
            defaultLimit: 50,
            getClientUrlForPage: (offset, limit) => {
                const parameters = Object.assign({}, this._ctx.parameters, {
                    offset: offset,
                    limit: limit,
                });
                return uri.formatClientLink("pools", parameters);
            },
            requestPage: (offset, limit) => {
                return PoolList.search(
                    this._ctx.parameters.query,
                    offset,
                    limit,
                    fields
                );
            },
            pageRenderer: (pageCtx) => {
                return new PoolsPageView(pageCtx);
            },
        });
    }
}

module.exports = (router) => {
    router.enter(["pools"], (ctx, next) => {
        ctx.controller = new PoolListController(ctx);
    });
};