Some local settings work

gui/src/components/settings_exp.vue

@@ -9,23 +9,7 @@ import { settingsStore as settings } from "../store/settingsStore.js";
 </script>
 
 <template>
-  <div class="input-group input-group-sm mb-1">
+
-    <label class="input-group-text w-50">Enable autotune</label>
-    <label class="input-group-text w-50">
-      <div class="form-check form-switch form-check-inline ms-2">
-        <input
-          class="form-check-input"
-          type="checkbox"
-          id="autoTuneSwitch"
-          @change="setConfig"
-          v-model="settings.auto_tune"
-        />
-        <label class="form-check-label" for="autoTuneSwitch"
-          >adjust ALC on TX</label
-        >
-      </div>
-    </label>
-  </div>
   <div class="input-group input-group-sm mb-1">
     <label class="input-group-text w-50">Enable FSK mode</label>
     <label class="input-group-text w-50">
@@ -35,7 +19,7 @@ import { settingsStore as settings } from "../store/settingsStore.js";
           type="checkbox"
           id="fskModeSwitch"
           @change="setConfig"
-          v-model="settings.enable_fsk"
+          v-model="settings.remote.MODEM.enable_fsk"
           disabled
         />
         <label class="form-check-label" for="fskModeSwitch"
@@ -53,7 +37,7 @@ import { settingsStore as settings } from "../store/settingsStore.js";
           type="checkbox"
           id="enableMeshSwitch"
           @change="setConfig"
-          v-model="settings.enable_mesh_features"
+          v-model="settings.remote.MESH.enable_protocol"
         />
         <label class="form-check-label" for="enableMeshSwitch"
           >experimental! REALLY!</label

gui/src/components/settings_gui.vue

@@ -19,7 +19,7 @@ function saveSettings() {
       class="form-select form-select-sm w-50"
       id="theme_selector"
       @change="saveSettings"
-      v-model="settings.theme"
+      v-model="settings.local.theme"
       disabled
     >
       <option value="default_light">Default (light)</option>
@@ -78,7 +78,7 @@ function saveSettings() {
           type="checkbox"
           id="GraphicsSwitch"
           @change="saveSettings"
-          v-model="settings.high_graphics"
+          v-model="settings.local.high_graphics"
           disabled
         />
         <label class="form-check-label" for="GraphicsSwitch"
@@ -104,7 +104,7 @@ function saveSettings() {
       class="form-select form-select-sm w-50"
       id="update_channel_selector"
       @change="saveSettings"
-      v-model="settings.update_channel"
+      v-model="settings.local.update_channel"
       disabled
     >
       <option value="latest">stable</option>
@@ -121,7 +121,7 @@ function saveSettings() {
           type="checkbox"
           id="NotificationSwitch"
           @change="saveSettings"
-          v-model="settings.enable_sys_notification"
+          v-model="settings.local.enable_sys_notification"
           disabled
         />
         <label class="form-check-label" for="NotificationSwitch"
@@ -130,22 +130,5 @@ function saveSettings() {
       </div>
     </label>
   </div>
-  <div class="input-group input-group-sm mb-1">
+
-    <label class="input-group-text w-50">Auto-start Modem/rigctld</label>
-    <label class="input-group-text w-50">
-      <div class="form-check form-switch form-check-inline">
-        <input
-          class="form-check-input"
-          type="checkbox"
-          id="AutoStartSwitch"
-          @change="saveSettings"
-          v-model="settings.auto_start"
-          disabled
-        />
-        <label class="form-check-label" for="AutoStartSwitch"
-          >Start on app launch</label
-        >
-      </div>
-    </label>
-  </div>
 </template>

gui/src/store/settingsStore.js

@@ -9,6 +9,11 @@ export const settingsStore = reactive({
     enable_fft: false,
     spectrum: "waterfall",
     wf_theme: 0,
+    theme: "default_light",
+    high_graphics: true,
+    update_channel: "alpha",
+    enable_sys_notification: true,
+
   },
   remote: {
     AUDIO: {