refactor plugin, split into modules

plugin/src/settings/inject.js

@@ -0,0 +1,86 @@
+const generalTab = require("./general-tab");
+const serverPluginsTab = require("./server-plugins-tab");
+
+function createNavEl(tab, setting) {
+  const nav = document.createElement("div");
+  nav.className = "vertical-tab-nav-item tappable";
+
+  const title = document.createElement("div");
+  title.className = "vertical-tab-nav-item-title";
+  title.textContent = tab.name;
+  nav.appendChild(title);
+
+  const chevron = document.createElement("div");
+  chevron.className = "vertical-tab-nav-item-chevron";
+  nav.appendChild(chevron);
+
+  nav.addEventListener("click", () => {
+    setting.openTab(tab);
+  });
+
+  return nav;
+}
+
+function createTab(id, name, displayFn) {
+  const tab = {
+    id,
+    name,
+    containerEl: createDiv("vertical-tab-content"),
+    navEl: null,
+
+    display() {
+      this.containerEl.empty();
+      displayFn(this.containerEl);
+    },
+
+    hide() {
+      this.containerEl.empty();
+    },
+  };
+
+  return tab;
+}
+
+function injectIgnisSettings(setting) {
+  const group = document.createElement("div");
+  group.className = "vertical-tab-header-group";
+
+  const title = document.createElement("div");
+  title.className = "vertical-tab-header-group-title";
+  title.textContent = "Ignis";
+  group.appendChild(title);
+
+  const items = document.createElement("div");
+  items.className = "vertical-tab-header-group-items";
+  group.appendChild(items);
+
+  const tabs = [
+    createTab("ignis-general", "General", generalTab.display),
+    createTab("ignis-server-plugins", "Server Plugins", serverPluginsTab.display),
+  ];
+
+  for (const tab of tabs) {
+    tab.navEl = createNavEl(tab, setting);
+    items.appendChild(tab.navEl);
+  }
+
+  setting.tabHeadersEl.appendChild(group);
+}
+
+function patchSettingsModal(plugin) {
+  const original = plugin.app.setting.onOpen;
+  plugin._originalOnOpen = original;
+
+  plugin.app.setting.onOpen = function () {
+    original.call(this);
+    injectIgnisSettings(this);
+  };
+}
+
+function unpatchSettingsModal(plugin) {
+  if (plugin._originalOnOpen) {
+    plugin.app.setting.onOpen = plugin._originalOnOpen;
+  }
+}
+
+module.exports = { patchSettingsModal, unpatchSettingsModal };