gallery.accords-library.com/client/js/controllers/settings_controller.js

"use strict";

const settings = require("../models/settings.js");
const topNavigation = require("../models/top_navigation.js");
const SettingsView = require("../views/settings_view.js");

class SettingsController {
    constructor() {
        topNavigation.activate("settings");
        topNavigation.setTitle("Browsing settings");
        this._view = new SettingsView({
            settings: settings.get(),
        });
        this._view.addEventListener("submit", (e) => this._evtSubmit(e));
    }

    _evtSubmit(e) {
        this._view.clearMessages();
        settings.save(e.detail);
        this._view.showSuccess("Settings saved.");
    }
}

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