(Cleanup) Split js files

webroot/index.html

@@ -284,7 +284,12 @@ <h1>Vector is restarting, please wait...</h1>
         <h2>A vic restart is required for changes to take affect.</h2>
         <input type="button" value="Restart" id="restartButton" onclick="RestartVic()">
     </div>
-    <script src="js/mods.js"></script>
+    <script src="js/main.js"></script>
+    <script src="js/freq.js"></script>
+    <script src="js/wakeword-pv.js"></script>
+    <script src="js/auto-update.js"></script>
+    <script src="js/sensitivity-pv.js"></script>
+    <script src="js/jdoc-settings.js"></script>
 </body>
 
 </html>

webroot/js/auto-update.js

@@ -0,0 +1,37 @@
+async function setAutoUpdateStatus(status) {
+    const el = document.getElementById('autoUpdateStatus');
+    el.innerHTML = `<p>${status}</p>`;
+    show('autoUpdateStatus');
+}
+
+async function checkAutoUpdateStatus() {
+    ['autoUpdateStatus', 'autoUpdateInhibit', 'autoUpdateAllow'].forEach(hide);
+    let res = await fetch('/api/mods/AutoUpdate/isSelfMadeBuild');
+    let txt = await res.text();
+    if (txt.includes('true')) {
+        setAutoUpdateStatus('This is a self-made build. This build cannot auto-update.');
+    } else {
+        res = await fetch('/api/mods/AutoUpdate/isInhibitedByUser');
+        txt = await res.text();
+        if (txt.includes('true')) {
+            setAutoUpdateStatus('Auto-updates: not enabled');
+            show('autoUpdateAllow');
+        } else {
+            setAutoUpdateStatus('Auto-updates: enabled');
+            show('autoUpdateInhibit');
+        }
+    }
+}
+
+async function autoUpdateInhibit() {
+    ['autoUpdateStatus', 'autoUpdateInhibit', 'autoUpdateAllow'].forEach(hide);
+    await fetch('/api/mods/AutoUpdate/setInhibited');
+    checkAutoUpdateStatus();
+}
+async function autoUpdateAllow() {
+    ['autoUpdateStatus', 'autoUpdateInhibit', 'autoUpdateAllow'].forEach(hide);
+    await fetch('/api/mods/AutoUpdate/setAllowed');
+    checkAutoUpdateStatus();
+}
+
+UpdateAllMods();

webroot/js/freq.js

@@ -0,0 +1,20 @@
+async function FreqChange_Submit() {
+    hide('mods');
+    SetModStatus('FreqChange is applying, please wait...');
+    const freq = document.querySelector('input[name="frequency"]:checked').value;
+    try {
+        const res = await fetch(`/api/mods/FreqChange/set?freq=${freq}`);
+        if (!res.ok) {
+            const e = await res.json();
+            SetModStatus(`FreqChange failed: ${e.message}`);
+        } else {
+            HideModStatus();
+        }
+    } catch {
+        SetModStatus('FreqChange failed.');
+    } finally {
+        show('mods');
+    }
+}
+
+UpdateAllMods();

webroot/js/jdoc-settings.js

@@ -0,0 +1,103 @@
+function setJdocStatus(status) {
+    const el = document.getElementById('jdocStatus');
+    el.innerHTML = `<p>${status}</p>`;
+}
+
+async function setLocation() {
+    const v = document.getElementById('location').value;
+    setJdocStatus("Setting location...")
+    try {
+        const res = await fetch(`/api/mods/JdocSettings/setLocation?location=${v}`);
+        if (!res.ok) {
+            const e = await res.json();
+            setJdocStatus(`${e.status}: ${e.message}`);
+        } else {
+            getLocation()
+            setJdocStatus('Successfully set location.');
+        }
+    } catch (e) {
+        setJdocStatus(`network error: ${e.message}`);
+    }
+}
+
+async function setTimezone() {
+    const v = document.getElementById('timezone').value;
+    setJdocStatus("Setting time zone...")
+    try {
+        const res = await fetch(`/api/mods/JdocSettings/setTimezone?timezone=${v}`);
+        if (!res.ok) {
+            const e = await res.json();
+            setJdocStatus(`${e.status}: ${e.message}`);
+        } else {
+            getTimezone()
+            setJdocStatus('Successfully set time zone.');
+        }
+    } catch (e) {
+        setJdocStatus(`network error: ${e.message}`);
+    }
+}
+
+async function setTempUnits() {
+    const v = document.getElementById('tUnits').value;
+    setJdocStatus("Setting time zone...")
+    try {
+        const res = await fetch(`/api/mods/JdocSettings/setFahrenheit?t=${v}`);
+        if (!res.ok) {
+            const e = await res.json();
+            setJdocStatus(`${e.status}: ${e.message}`);
+        } else {
+            getTimezone()
+            setJdocStatus('Successfully set temp units.');
+        }
+    } catch (e) {
+        setJdocStatus(`network error: ${e.message}`);
+    }
+}
+
+async function getLocation() {
+    try {
+        const res = await fetch(`/api/mods/JdocSettings/getLocation`);
+        if (!res.ok) {
+            const e = await res.json();
+            console.log(`${e.status}: ${e.message}`);
+        } else {
+            const e = await res.text();
+            document.getElementById('location').value = e;
+        }
+    } catch (e) {
+        console.log(`network error: ${e.message}`);
+    }
+}
+
+async function getTimezone() {
+    try {
+        const res = await fetch(`/api/mods/JdocSettings/getTimezone`);
+        if (!res.ok) {
+            const e = await res.json();
+            console.log(`${e.status}: ${e.message}`);
+        } else {
+            const e = await res.text();
+            document.getElementById('timezone').value = e;
+        }
+    } catch (e) {
+        console.log(`network error: ${e.message}`);
+    }
+}
+
+async function getTempUnits() {
+    try {
+        const res = await fetch(`/api/mods/JdocSettings/getFahrenheit`);
+        if (!res.ok) {
+            const e = await res.json();
+            console.log(`${e.status}: ${e.message}`);
+        } else {
+            const e = await res.text();
+            document.getElementById('tUnits').value = e;
+        }
+    } catch (e) {
+        console.log(`network error: ${e.message}`);
+    }
+}
+
+
+UpdateAllMods();

webroot/js/main.js

@@ -0,0 +1,38 @@
+const tabs = document.querySelectorAll('.tabs button');
+tabs.forEach(btn => btn.addEventListener('click', () => {
+    tabs.forEach(b => b.classList.remove('active'));
+    btn.classList.add('active');
+    document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
+    document.querySelector(btn.dataset.target).classList.add('active');
+}));
+
+function hide(id) { document.getElementById(id).style.display = 'none'; }
+function show(id) { document.getElementById(id).style.display = 'block'; }
+
+async function GetCurrent(mod) {
+    let res = await fetch(`/api/mods/${mod}/get`);
+    return res.text();
+}
+
+function SetModStatus(msg) {
+    const div = document.getElementById('modStatus');
+    div.innerHTML = `<h3>${msg}</h3>`;
+    div.style.display = msg ? 'block' : 'none';
+}
+
+function HideModStatus() { hide('modStatus'); }
+
+async function UpdateAllMods() {
+    hide('restartNeeded');
+    hide('showDuringVicRestart');
+
+    const data = await GetCurrent('FreqChange');
+    document.getElementsByName('frequency')
+        .forEach(rb => { if (rb.value == data) rb.checked = true; });
+    checkAutoUpdateStatus();
+    setSensitivity();
+    getTimezone()
+    getLocation()
+    getTempUnits()
+    getName()
+}