Merge a17t-redesign, kinda ts-ify setup.js

the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
parent 69bf81b658
commit eb370d64df
89 changed files with 5753 additions and 5617 deletions
@@ -0,0 +1,40 @@
+export class Tabs implements Tabs {
+    private _current: string = "";
+    tabs: Array<Tab>;
+   
+    constructor() {
+        this.tabs = [];
+    }
+
+    addTab = (tabID: string, preFunc = () => void {}, postFunc = () => void {}) => {
+        let tab = {} as Tab;
+        tab.tabID = tabID;
+        tab.tabEl = document.getElementById("tab-" + tabID) as HTMLDivElement;
+        tab.buttonEl = document.getElementById("button-tab-" + tabID) as HTMLSpanElement;
+        tab.buttonEl.onclick = () => { this.switch(tabID); };
+        tab.preFunc = preFunc;
+        tab.postFunc = postFunc;
+        this.tabs.push(tab);
+    }
+
+    get current(): string { return this._current; }
+    set current(tabID: string) { this.switch(tabID); }
+
+    switch = (tabID: string, noRun: boolean = false) => {
+        this._current = tabID;
+        for (let t of this.tabs) {
+            if (t.tabID == tabID) {
+                t.buttonEl.classList.add("active", "~urge");
+                if (t.preFunc && !noRun) { t.preFunc(); }
+                t.tabEl.classList.remove("unfocused");
+                if (t.postFunc && !noRun) { t.postFunc(); }
+                document.dispatchEvent(new CustomEvent("tab-change", { detail: tabID }));
+            } else {
+                t.buttonEl.classList.remove("active");
+                t.buttonEl.classList.remove("~urge");
+                t.tabEl.classList.add("unfocused");
+            }
+        }
+    }
+}
+