73 lines
2.8 KiB
JavaScript
73 lines
2.8 KiB
JavaScript
import {Config} from "data";
|
|
import ContentManager from "./contentmanager";
|
|
import Utilities from "./utilities";
|
|
import {Modals} from "ui";
|
|
import Settings from "./settingsmanager";
|
|
import DOMManager from "./dommanager";
|
|
import {SettingsPanel as SettingsRenderer} from "ui";
|
|
|
|
const path = require("path");
|
|
|
|
export default new class ThemeManager extends ContentManager {
|
|
get name() {return "ThemeManager";}
|
|
get moduleExtension() {return ".css";}
|
|
get extension() {return ".theme.css";}
|
|
get contentFolder() {return path.resolve(Config.dataPath, "themes");}
|
|
get prefix() {return "theme";}
|
|
|
|
/* Aliases */
|
|
updateThemeList() {return this.updateList();}
|
|
loadAllThemes() {
|
|
Settings.registerPanel("themes", "Themes", {element: () => SettingsRenderer.getContentPanel("Themes", this.contentList, this.state, {
|
|
folder: this.contentFolder,
|
|
onChange: this.toggleTheme.bind(this),
|
|
reload: this.reloadTheme.bind(this),
|
|
refreshList: this.updateThemeList.bind(this)
|
|
})});
|
|
return this.loadAllContent();
|
|
}
|
|
|
|
enableTheme(idOrContent) {return this.enableContent(idOrContent);}
|
|
disableTheme(idOrContent) {return this.disableContent(idOrContent);}
|
|
toggleTheme(id) {return this.toggleContent(id);}
|
|
|
|
unloadTheme(idOrFileOrContent) {return this.unloadContent(idOrFileOrContent);}
|
|
|
|
loadTheme(filename) {
|
|
const error = this.loadContent(filename);
|
|
if (error) Modals.showContentErrors({themes: [error]});
|
|
}
|
|
|
|
reloadTheme(idOrFileOrContent) {
|
|
const error = this.reloadContent(idOrFileOrContent);
|
|
if (error) Modals.showContentErrors({themes: [error]});
|
|
}
|
|
|
|
/* Overrides */
|
|
getContentModification(module, content, meta) {
|
|
meta.css = content;
|
|
return `module.exports = ${JSON.stringify(meta)};`;
|
|
}
|
|
|
|
startContent(id) {return this.addTheme(id);}
|
|
stopContent(id) {return this.removeTheme(id);}
|
|
|
|
addTheme(idOrContent) {
|
|
const content = typeof(idOrContent) == "string" ? this.contentList.find(p => p.id == idOrContent) : idOrContent;
|
|
if (!content) return;
|
|
// const style = document.createElement("style");
|
|
// style.id = Utilities.escapeID(content.id);
|
|
// style.textContent = unescape(content.css);
|
|
// document.head.append(style);
|
|
// content.element = style;
|
|
DOMManager.injectTheme(Utilities.escapeID(content.id), unescape(content.css));
|
|
}
|
|
|
|
removeTheme(idOrContent) {
|
|
const content = typeof(idOrContent) == "string" ? this.contentList.find(p => p.id == idOrContent) : idOrContent;
|
|
if (!content) return;
|
|
// const element = content.element || document.getElementById(Utilities.escapeID(content.id));
|
|
// if (element) element.remove();
|
|
DOMManager.removeTheme(Utilities.escapeID(content.id));
|
|
}
|
|
}; |