9e3935b3b2
Apologies in advance for the insanely huge commit. This commit is primarily based on Anton Linevych's amazing work found here [1]. While he had gone through the pains of making small, atomic changes to each file, I had put off reviewing the PR for a long time. By the time I finally got around to it, the project had changed so much that it didn't make sense to keep the commits the same way. So I've cherry-picked most of his commits, with some changes here and there, and I've squashed them into one commit. [1] https://gitlab.com/linevych/commento-ce/tree/feature/frontend_building_improvements
94 lines
2.3 KiB
JavaScript
94 lines
2.3 KiB
JavaScript
(function (global, document) {
|
|
"use strict";
|
|
|
|
(document);
|
|
|
|
// Sets a vue.js field. Short for "vue set".
|
|
function vs(field, value) {
|
|
Vue.set(global.dashboard, field, value);
|
|
}
|
|
|
|
|
|
global.vs = vs;
|
|
|
|
|
|
// Sets the owner's name in the navbar.
|
|
global.navbarFill = function() {
|
|
$("#owner-name").text(global.owner.name);
|
|
};
|
|
|
|
|
|
// Constructs the vue.js object
|
|
global.vueConstruct = function(callback) {
|
|
var settings = [
|
|
{
|
|
"id": "installation",
|
|
"text": "Installation",
|
|
"meaning": "Install Commento with HTML",
|
|
"selected": false,
|
|
"open": global.installationOpen,
|
|
},
|
|
{
|
|
"id": "general",
|
|
"text": "Configure Domain",
|
|
"meaning": "Names, domains and the rest",
|
|
"selected": false,
|
|
"open": global.generalOpen,
|
|
},
|
|
{
|
|
"id": "moderation",
|
|
"text": "Moderation Settings",
|
|
"meaning": "Manage list of moderators",
|
|
"selected": false,
|
|
"open": global.moderationOpen,
|
|
},
|
|
{
|
|
"id": "statistics",
|
|
"text": "View Activity",
|
|
"meaning": "Usage and comment statistics",
|
|
"selected": false,
|
|
"open": global.statisticsOpen,
|
|
},
|
|
{
|
|
"id": "import",
|
|
"text": "Import Comments",
|
|
"meaning": "Import from a different service",
|
|
"selected": false,
|
|
"open": global.importOpen,
|
|
},
|
|
{
|
|
"id": "danger",
|
|
"text": "Danger Zone",
|
|
"meaning": "Delete or freeze domain",
|
|
"selected": false,
|
|
"open": global.dangerOpen,
|
|
},
|
|
];
|
|
|
|
var reactiveData = {
|
|
// list of panes; mutable because selection information is stored within
|
|
settings: settings,
|
|
|
|
// list of domains dynamically loaded; obviously mutable
|
|
domains: [{show: false, viewsLast30Days: global.numberify(0), commentsLast30Days: global.numberify(0), moderators: []}],
|
|
|
|
// whether or not to show the settings column; mutable because we do not
|
|
// show the column until a domain has been selected
|
|
showSettings: false,
|
|
|
|
// currently selected domain index; obviously mutable
|
|
cd: 0, // stands for "current domain"
|
|
};
|
|
|
|
global.dashboard = new Vue({
|
|
el: "#dashboard",
|
|
data: reactiveData,
|
|
});
|
|
|
|
if (callback !== undefined) {
|
|
callback();
|
|
}
|
|
};
|
|
|
|
} (window.commento, document));
|