diff --git a/js/main.js b/js/main.js index 108e2626..e45d2965 100644 --- a/js/main.js +++ b/js/main.js @@ -166,7 +166,12 @@ Core.prototype.init = function() { } $("head").append(''); //By http://www.somethinghitme.com - + + utils.injectJs("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/codemirror.min.js"); + utils.injectJs("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/mode/css/css.min.js"); + utils.injectCss("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/codemirror.min.css"); + + $("head").append(""); pluginModule = new PluginModule(); pluginModule.loadPlugins(); @@ -801,9 +806,16 @@ var panel = null; function SettingsPanel() { + utils.injectJs("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/codemirror.min.js"); + utils.injectJs("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/mode/css/css.min.js"); + utils.injectCss("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/codemirror.min.css"); + } SettingsPanel.prototype.init = function() { + console.log("SETTINGSPANEL INIT"); + + var self = this; @@ -859,89 +871,42 @@ SettingsPanel.prototype.applyCustomCss = function(css) { localStorage.setItem("bdcustomcss", btoa(css)); }; -SettingsPanel.prototype.construct = function() { +var customCssInitialized = false; +var lastTab = ""; - var self = this; - - panel = $("
", { - class: "settings-inner", - style: "display:none;" - }); - - var settingsPolyfill = $("", { - class:" scroller-wrap polyfil" - }); - - panel.append(settingsPolyfill); - - var settingsWrapper = $("", { - class: "scroller settings-wrapper settings-panel" - }); - - //Scrollbar - var scrollBar = $("", { - class: "scrollbar" - }).append($("", { - class: "track" - }).append($("", { - class: "thumb" - }))); - - settingsWrapper.append(scrollBar); - - settingsPolyfill.append(settingsWrapper); - - var controlGroups = $("", { - class: "control-groups" - }); - - var controlGroups2 = $("", { - class: "control-groups" - }); - - settingsWrapper.append(controlGroups); - settingsWrapper.append(controlGroups2); - var featuresGroup = $("", { - class: "control-group" - }); - - var customCssGroup = $("", { - class: "control-group" - }); - - controlGroups.append(featuresGroup); - controlGroups2.append(customCssGroup); - - featuresGroup.append($("", { - text: "BetterDiscord Settings" - })); - - customCssGroup.append($("", { - text: "Custom CSS" - })); - - var ta = $("", { - id: "custom-css-ta" - }); - - var decode = atob(localStorage.getItem("bdcustomcss")); - self.applyCustomCss(decode); - ta.val(decode); - - customCssGroup.append(ta); - - ta.on("input propertychange", function() { - self.applyCustomCss($(this).val()); - }); - - var featuresCheckboxGroup = $("