Update static/js/config.js

static/js/config.js

@@ -1,14 +1,34 @@
-function getConfig() {
-    apiGet('/config/get')
-        .then(data => {
-            document.getElementById('config-json').value = JSON.stringify(data, null, 2);
-        })
-        .catch(err => console.error(err));
-}
-
-function updateConfig() {
-    const config = JSON.parse(document.getElementById('config-json').value);
-    apiPost('/config/update', config)
-        .then(data => showResult('config-result', data))
-        .catch(err => console.error(err));
-}
+function getConfig() {
+    apiGet('/config/get')
+        .then(data => {
+            document.getElementById('work-mode').value = data.work_mode;
+            document.getElementById('cloud-token').value = data.cloud_token;
+            toggleCloudToken();
+        })
+        .catch(err => console.error(err));
+}
+
+function updateConfig() {
+    const workMode = document.getElementById('work-mode').value;
+    const cloudToken = document.getElementById('cloud-token').value;
+
+    if ((workMode === 'hfcloud' || workMode === 'cloud') && cloudToken.trim() === '') {
+        alert('Cloud token cannot be empty for selected work mode.');
+        return;
+    }
+
+    apiPost('/config/update', { work_mode: workMode, cloud_token: cloudToken })
+        .then(data => showResult('config-result', data))
+        .catch(err => console.error(err));
+}
+
+function toggleCloudToken() {
+    const workMode = document.getElementById('work-mode').value;
+    const cloudTokenField = document.getElementById('cloud-token');
+    if (workMode === 'on-premise') {
+        cloudTokenField.value = '';
+        cloudTokenField.disabled = true;
+    } else {
+        cloudTokenField.disabled = false;
+    }
+}