From 2579d167e70360cabf703c1e75b0200afc7d822b Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@proton.me>
Date: Mon, 13 Nov 2023 13:48:02 +0100
Subject: [PATCH] start pre check on app start

---
 gui/src/components/main_audio.vue         |  7 +++
 gui/src/components/main_startup_check.vue | 55 ++++++++++++++---------
 2 files changed, 41 insertions(+), 21 deletions(-)

diff --git a/gui/src/components/main_audio.vue b/gui/src/components/main_audio.vue
index abc73312..cef695d2 100644
--- a/gui/src/components/main_audio.vue
+++ b/gui/src/components/main_audio.vue
@@ -5,6 +5,11 @@ setActivePinia(pinia);
 
 import { useAudioStore } from "../store/audioStore.js";
 const audio = useAudioStore(pinia);
+
+import { saveModemConfig } from "../js/api";
+
+
+
 </script>
 
 <template>
@@ -41,6 +46,7 @@ const audio = useAudioStore(pinia);
           class="form-select form-select-sm"
           aria-label=".form-select-sm"
           v-html="audio.getInputDevices()"
+          @change="saveModemConfig"
         ></select>
       </div>
       <div class="input-group input-group-sm">
@@ -51,6 +57,7 @@ const audio = useAudioStore(pinia);
           class="form-select form-select-sm"
           aria-label=".form-select-sm"
           v-html="audio.getOutputDevices()"
+          @change="saveModemConfig"
         ></select>
       </div>
     </div>
diff --git a/gui/src/components/main_startup_check.vue b/gui/src/components/main_startup_check.vue
index 273805f4..1af01784 100644
--- a/gui/src/components/main_startup_check.vue
+++ b/gui/src/components/main_startup_check.vue
@@ -1,11 +1,24 @@
 <script setup lang="ts">
+
+import { Modal } from 'bootstrap'
+import { onMounted } from 'vue'
+
 import main_rig_control from "./main_rig_control.vue";
 import main_audio from "./main_audio.vue";
 import infoScreen_updater from "./infoScreen_updater.vue";
+
+// start modemCheck modal once on startup
+onMounted(() => {
+    new Modal('#modemCheck', {}).show()
+})
+
+
+
+
+
 </script>
 
 <template>
-  <!-- Modal -->
   <div
     class="modal fade"
     id="modemCheck"
@@ -26,41 +39,43 @@ import infoScreen_updater from "./infoScreen_updater.vue";
           ></button>
         </div>
         <div class="modal-body">
-          <div class="accordion" id="accordionFlushExample">
+
+
+
+
+
+          <div class="accordion" id="startupCheckAccordion">
+            <!-- Version Section -->
             <div class="accordion-item">
               <h2 class="accordion-header">
                 <button
                   class="accordion-button collapsed"
                   type="button"
+                  data-bs-target="#versionCheckCollapse"
                   data-bs-toggle="collapse"
-                  data-bs-target="#flush-collapseOne"
-                  aria-expanded="false"
-                  aria-controls="flush-collapseOne"
                 >
-                  Version
-                  <span class="badge ms-2 bg-warning">Update needed</span>
+                  Version <span class="badge ms-2 bg-warning">Update needed</span>
                 </button>
               </h2>
-              <div id="flush-collapseOne" class="accordion-collapse collapse">
+              <div id="versionCheckCollapse" class="accordion-collapse collapse">
                 <div class="accordion-body">
                   <infoScreen_updater />
                 </div>
               </div>
             </div>
+            <!-- Network Section -->
             <div class="accordion-item">
               <h2 class="accordion-header">
                 <button
                   class="accordion-button collapsed"
                   type="button"
+                  data-bs-target="#networkStatusCollapse"
                   data-bs-toggle="collapse"
-                  data-bs-target="#flush-collapseOne"
-                  aria-expanded="false"
-                  aria-controls="flush-collapseOne"
                 >
                   Network <span class="badge ms-2 bg-success">Connected</span>
                 </button>
               </h2>
-              <div id="flush-collapseOne" class="accordion-collapse collapse">
+              <div id="networkStatusCollapse" class="accordion-collapse collapse">
                 <div class="accordion-body">
                   Placeholder content for this accordion, which is intended to
                   demonstrate the <code>.accordion-flush</code> class. This is
@@ -68,40 +83,38 @@ import infoScreen_updater from "./infoScreen_updater.vue";
                 </div>
               </div>
             </div>
+            <!-- Modem Section -->
             <div class="accordion-item">
               <h2 class="accordion-header">
                 <button
                   class="accordion-button collapsed"
                   type="button"
+                  data-bs-target="#modemStatusCollapse"
                   data-bs-toggle="collapse"
-                  data-bs-target="#flush-collapseTwo"
-                  aria-expanded="false"
-                  aria-controls="flush-collapseTwo"
                 >
                   Modem <span class="badge ms-2 bg-success">Running</span>
                 </button>
               </h2>
-              <div id="flush-collapseTwo" class="accordion-collapse collapse">
+              <div id="modemStatusCollapse" class="accordion-collapse collapse">
                 <div class="accordion-body">
                   <main_audio />
                 </div>
               </div>
             </div>
+            <!-- Radio Control Section -->
             <div class="accordion-item">
               <h2 class="accordion-header">
                 <button
                   class="accordion-button collapsed"
                   type="button"
+                  data-bs-target="#radioControlCollapse"
                   data-bs-toggle="collapse"
-                  data-bs-target="#flush-collapseFour"
-                  aria-expanded="false"
-                  aria-controls="flush-collapseFour"
                 >
                   Radio control
                   <span class="badge ms-2 bg-danger">Disconnected</span>
                 </button>
               </h2>
-              <div id="flush-collapseFour" class="accordion-collapse collapse">
+              <div id="radioControlCollapse" class="accordion-collapse collapse">
                 <div class="accordion-body">
                   <main_rig_control />
                 </div>
@@ -117,4 +130,4 @@ import infoScreen_updater from "./infoScreen_updater.vue";
       </div>
     </div>
   </div>
-</template>
+</template>
\ No newline at end of file