From 0f6ee3038926881ba4d466b322b30073bdf30230 Mon Sep 17 00:00:00 2001
From: Pedro Monteiro <ptsmonteiro@gmail.com>
Date: Wed, 1 Nov 2023 15:36:24 +0100
Subject: [PATCH 1/8] Move station settings to the settings area

---
 gui/src/components/main.vue             |  2 -
 gui/src/components/settings.vue         | 29 +++++++++-
 gui/src/components/settings_station.vue | 76 +++++++++++++++++++++++++
 3 files changed, 104 insertions(+), 3 deletions(-)
 create mode 100644 gui/src/components/settings_station.vue

diff --git a/gui/src/components/main.vue b/gui/src/components/main.vue
index 070efcdd..aa19fcf5 100644
--- a/gui/src/components/main.vue
+++ b/gui/src/components/main.vue
@@ -7,7 +7,6 @@ import main_modals from "./main_modals.vue";
 import main_top_navbar from "./main_top_navbar.vue";
 import main_audio from "./main_audio.vue";
 import main_rig_control from "./main_rig_control.vue";
-import main_my_station from "./main_my_station.vue";
 import main_updater from "./main_updater.vue";
 import settings_view from "./settings.vue";
 import main_active_rig_control from "./main_active_rig_control.vue";
@@ -173,7 +172,6 @@ function stopAllTransmissions() {
                   id="collapseSecondRow"
                 >
                   <div class="col">
-                    <main_my_station />
                   </div>
                   <div class="col">
                     <main_updater />
diff --git a/gui/src/components/settings.vue b/gui/src/components/settings.vue
index 3f5a7fd4..f06ec1e6 100644
--- a/gui/src/components/settings.vue
+++ b/gui/src/components/settings.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import settings_station from "./settings_station.vue";
 import settings_gui from "./settings_gui.vue";
 import settings_chat from "./settings_chat.vue";
 import settings_hamlib from "./settings_hamlib.vue";
@@ -28,6 +29,20 @@ import settings_exp from "./settings_exp.vue";
             <li class="nav-item" role="presentation">
               <button
                 class="nav-link active"
+                id="station-tab"
+                data-bs-toggle="tab"
+                data-bs-target="#station"
+                type="button"
+                role="tab"
+                aria-controls="home"
+                aria-selected="true"
+              >
+                Station
+              </button>
+            </li>
+            <li class="nav-item" role="presentation">
+              <button
+                class="nav-link"
                 id="gui-tab"
                 data-bs-toggle="tab"
                 data-bs-target="#gui"
@@ -113,10 +128,22 @@ import settings_exp from "./settings_exp.vue";
         </div>
         <div class="card-body">
           <!-- SETTINGS Nav Tab panes -->
+
+          <!-- Station tab contents-->
           <div class="tab-content">
-            <!-- GUI tab contents-->
             <div
               class="tab-pane active"
+              id="station"
+              role="tabpanel"
+              aria-labelledby="station-tab"
+              tabindex="0"
+            >
+              <settings_station />
+            </div>
+
+            <!-- GUI tab contents-->
+            <div
+              class="tab-pane"
               id="gui"
               role="tabpanel"
               aria-labelledby="gui-tab"
diff --git a/gui/src/components/settings_station.vue b/gui/src/components/settings_station.vue
new file mode 100644
index 00000000..4237c3e1
--- /dev/null
+++ b/gui/src/components/settings_station.vue
@@ -0,0 +1,76 @@
+<script setup lang="ts">
+import { saveSettingsToFile } from "../js/settingsHandler";
+
+import { setActivePinia } from "pinia";
+import pinia from "../store/index";
+setActivePinia(pinia);
+
+import { useSettingsStore } from "../store/settingsStore.js";
+const settings = useSettingsStore(pinia);
+
+function saveSettings() {
+  saveSettingsToFile();
+}
+</script>
+<template>
+
+  <!-- station callsign -->
+  <div class="input-group input-group-sm mb-1">
+      <span class="input-group-text" style="width: 180px">Your station callsign</span>
+      <input
+        type="text"
+        class="form-control"
+        placeholder="Enter your callsign and save it"
+        id="myCall"
+        aria-label="Station Callsign"
+        aria-describedby="basic-addon1"
+        @change="saveSettings"
+        v-model="settings.mycall"
+      />
+  </div>
+
+  <!-- station ssid -->
+  <div class="input-group input-group-sm mb-1">
+    <span class="input-group-text" style="width: 180px">Call SSID</span>
+    <select
+      class="form-select form-select-sm w-50"
+      id="myCallSSID"
+      @change="saveSettings"
+      v-model="settings.myssid"
+    >
+      <option selected value="0">0</option>
+      <option value="1">1</option>
+      <option value="2">2</option>
+      <option value="3">3</option>
+      <option value="4">4</option>
+      <option value="5">5</option>
+      <option value="6">6</option>
+      <option value="7">7</option>
+      <option value="8">8</option>
+      <option value="9">9</option>
+      <option value="10">10</option>
+      <option value="11">11</option>
+      <option value="12">12</option>
+      <option value="13">13</option>
+      <option value="14">14</option>
+      <option value="15">15</option>
+    </select>
+  </div>
+
+  <!-- station grid locator -->
+  <div class="input-group input-group-sm mb-1">
+      <span class="input-group-text" style="width: 180px">Grid Locator</span>
+      <input
+        type="text"
+        class="form-control"
+        placeholder="Your grid locator"
+        id="myGrid"
+        maxlength="6"
+        aria-label="Station Grid Locator"
+        aria-describedby="basic-addon1"
+        @change="saveSettings"
+        v-model="settings.mygrid"
+      />
+  </div>
+
+</template>

From 362e2e68292526d34327b1896ee45e87724a8558 Mon Sep 17 00:00:00 2001
From: Pedro Monteiro <ptsmonteiro@gmail.com>
Date: Wed, 1 Nov 2023 16:22:15 +0100
Subject: [PATCH 2/8] Move radio port setting to hamlib settings

---
 gui/src/components/main_rig_control.vue | 16 ----------------
 gui/src/components/settings_hamlib.vue  | 14 ++++++++++++++
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/gui/src/components/main_rig_control.vue b/gui/src/components/main_rig_control.vue
index 10398b9c..4e80fa4a 100644
--- a/gui/src/components/main_rig_control.vue
+++ b/gui/src/components/main_rig_control.vue
@@ -151,22 +151,6 @@ alert("not yet implemented")
           aria-labelledby="list-rig-control-rigctld-list"
         >
           <div class="input-group input-group-sm mb-1">
-            <div class="input-group input-group-sm mb-1">
-
-<span class="input-group-text"> Radio port </span>
-
-    <select
-      class="form-select form-select-sm"
-      aria-label=".form-select-sm"
-      id="hamlib_deviceport"
-      style="width: 7rem"
-      v-html="settings.getSerialDevices()"
-    >
-
-    </select>
-
-
-            </div>
 
             <div class="input-group input-group-sm mb-1">
               <span class="input-group-text">Rigctld service</span>
diff --git a/gui/src/components/settings_hamlib.vue b/gui/src/components/settings_hamlib.vue
index 5ed01765..cc51b9fb 100644
--- a/gui/src/components/settings_hamlib.vue
+++ b/gui/src/components/settings_hamlib.vue
@@ -348,6 +348,20 @@ function saveSettings() {
     </datalist>
   </div>
 
+  <div class="input-group input-group-sm mb-1">
+    <span class="input-group-text" style="width: 180px">Radio port</span>
+
+    <select
+      class="form-select form-select-sm"
+      aria-label=".form-select-sm"
+      id="hamlib_deviceport"
+      style="width: 7rem"
+      @change="saveSettings"
+      v-html="settings.getSerialDevices()"
+    >
+    </select>
+  </div>
+
   <div class="input-group input-group-sm mb-1">
     <span class="input-group-text" style="width: 180px">Serial speed</span>
 

From bc292a66e63978ef74fec23a4d812bf7c283fe5f Mon Sep 17 00:00:00 2001
From: Pedro <ptsmonteiro@gmail.com>
Date: Wed, 1 Nov 2023 17:12:08 +0100
Subject: [PATCH 3/8] Display radio model name on hamlib radio model settings

---
 gui/src/components/settings_hamlib.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/gui/src/components/settings_hamlib.vue b/gui/src/components/settings_hamlib.vue
index 5ed01765..10958a99 100644
--- a/gui/src/components/settings_hamlib.vue
+++ b/gui/src/components/settings_hamlib.vue
@@ -72,16 +72,13 @@ function saveSettings() {
   <hr class="m-2" />
   <div class="input-group input-group-sm mb-1">
     <span class="input-group-text" style="width: 180px"> Radio model </span>
-    <input
-      class="form-control"
-      list="datalistOptions"
+    <select
+      class="form-select form-select-sm"
+      aria-label=".form-select-sm"
       id="hamlib_deviceid"
-      placeholder="Search radio..."
-      style="width: 7rem"
       @change="saveSettings"
       v-model="settings.hamlib_deviceid"
-    />
-    <datalist id="datalistOptions">
+    >
       <option selected value="-- ignore --">-- ignore --</option>
       <option value="2028">Kenwood TS480</option>
       <option value="1">Hamlib Dummy</option>
@@ -345,7 +342,7 @@ function saveSettings() {
       <option value="32001">Barrett 2050</option>
       <option value="32002">Barrett 950</option>
       <option value="33001">ELAD FDM-DUO</option>
-    </datalist>
+    </select>
   </div>
 
   <div class="input-group input-group-sm mb-1">

From 59188d71ebb36070b859aa632368f1c75ceddf2d Mon Sep 17 00:00:00 2001
From: Pedro Monteiro <ptsmonteiro@gmail.com>
Date: Wed, 1 Nov 2023 18:45:02 +0100
Subject: [PATCH 4/8] Move audio device settings to modem settings area.

---
 gui/src/components/main.vue           |  2 -
 gui/src/components/main_audio.vue     | 61 ---------------------------
 gui/src/components/settings_modem.vue | 34 ++++++++++++++-
 3 files changed, 32 insertions(+), 65 deletions(-)
 delete mode 100644 gui/src/components/main_audio.vue

diff --git a/gui/src/components/main.vue b/gui/src/components/main.vue
index aa19fcf5..8a4436d5 100644
--- a/gui/src/components/main.vue
+++ b/gui/src/components/main.vue
@@ -5,7 +5,6 @@ setActivePinia(pinia);
 
 import main_modals from "./main_modals.vue";
 import main_top_navbar from "./main_top_navbar.vue";
-import main_audio from "./main_audio.vue";
 import main_rig_control from "./main_rig_control.vue";
 import main_updater from "./main_updater.vue";
 import settings_view from "./settings.vue";
@@ -161,7 +160,6 @@ function stopAllTransmissions() {
                   id="collapseFirstRow"
                 >
                   <div class="col">
-                    <main_audio />
                   </div>
                   <div class="col">
                     <main_rig_control />
diff --git a/gui/src/components/main_audio.vue b/gui/src/components/main_audio.vue
deleted file mode 100644
index 62bfc928..00000000
--- a/gui/src/components/main_audio.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<script setup>
-import { setActivePinia } from "pinia";
-import pinia from "../store/index";
-setActivePinia(pinia);
-
-import { useAudioStore } from "../store/audioStore.js";
-const audio = useAudioStore(pinia);
-</script>
-
-<template>
-  <div class="card mb-0">
-    <div class="card-header p-1">
-      <div class="container">
-        <div class="row">
-          <div class="col-1">
-            <i class="bi bi-volume-up" style="font-size: 1.2rem"></i>
-          </div>
-          <div class="col-10">
-            <strong class="fs-5">Audio devices</strong>
-          </div>
-          <div class="col-1 text-end">
-            <button
-              type="button"
-              id="openHelpModalAudio"
-              data-bs-toggle="modal"
-              data-bs-target="#audioHelpModal"
-              class="btn m-0 p-0 border-0"
-            >
-              <i class="bi bi-question-circle" style="font-size: 1rem"></i>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="card-body p-2" style="height: 100px">
-      <div class="input-group input-group-sm mb-1">
-        <span class="input-group-text">
-          <i class="bi bi-mic-fill" style="font-size: 1rem"></i>
-        </span>
-        <select
-          class="form-select form-select-sm"
-          id="audio_input_selectbox"
-          aria-label=".form-select-sm"
-          v-html="audio.getInputDevices()"
-        ></select>
-      </div>
-      <div class="input-group input-group-sm">
-        <span class="input-group-text">
-          <i class="bi bi-volume-up" style="font-size: 1rem"></i>
-        </span>
-        <select
-          class="form-select form-select-sm"
-          id="audio_output_selectbox"
-          aria-label=".form-select-sm"
-          v-html="audio.getOutputDevices()"
-        ></select>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/gui/src/components/settings_modem.vue b/gui/src/components/settings_modem.vue
index bb422550..20bd5eb6 100644
--- a/gui/src/components/settings_modem.vue
+++ b/gui/src/components/settings_modem.vue
@@ -8,14 +8,18 @@ setActivePinia(pinia);
 import { useSettingsStore } from "../store/settingsStore.js";
 const settings = useSettingsStore(pinia);
 
+import { useAudioStore } from "../store/audioStore.js";
+const audio = useAudioStore(pinia);
+
 function saveSettings() {
   saveSettingsToFile();
 }
 </script>
 
 <template>
+
   <div class="input-group input-group-sm mb-1">
-    <span class="input-group-text" style="width: 180px">modem port</span>
+    <span class="input-group-text" style="width: 180px">Modem port</span>
     <input
       type="text"
       class="form-control"
@@ -30,7 +34,7 @@ function saveSettings() {
   </div>
 
   <div class="input-group input-group-sm mb-1">
-    <span class="input-group-text" style="width: 180px">modem host</span>
+    <span class="input-group-text" style="width: 180px">Modem host</span>
     <input
       type="text"
       class="form-control"
@@ -41,6 +45,32 @@ function saveSettings() {
     />
   </div>
 
+  <!-- Audio Input Device -->
+  <div class="input-group input-group-sm mb-1">
+    <label class="input-group-text w-50">Audio Input device</label>
+    <select
+          class="form-select form-select-sm"
+          id="audio_input_selectbox"
+          aria-label=".form-select-sm"
+          @change="saveSettings"
+          v-html="audio.getInputDevices()"
+        >  
+    </select>
+  </div>
+
+  <!-- Audio Output Device -->
+  <div class="input-group input-group-sm mb-1">
+    <label class="input-group-text w-50">Audio Output device</label>
+    <select
+          class="form-select form-select-sm"
+          id="audio_output_selectbox"
+          aria-label=".form-select-sm"
+          @change="saveSettings"
+          v-html="audio.getOutputDevices()"
+        >  
+    </select>
+  </div>
+
   <div class="input-group input-group-sm mb-1">
     <label class="input-group-text w-50">TX delay in ms</label>
     <select

From e5766e13246b4600812a3b4c6eb048c640a88d3e Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@proton.me>
Date: Wed, 1 Nov 2023 22:37:30 +0100
Subject: [PATCH 5/8] moved updater to info screen

---
 gui/src/components/infoScreen.vue             | 11 +++-----
 ...ain_updater.vue => infoScreen_updater.vue} | 27 +++++++++++++++++--
 gui/src/components/main.vue                   |  2 --
 3 files changed, 28 insertions(+), 12 deletions(-)
 rename gui/src/components/{main_updater.vue => infoScreen_updater.vue} (81%)

diff --git a/gui/src/components/infoScreen.vue b/gui/src/components/infoScreen.vue
index c0c6a1c9..d3c3a3a0 100644
--- a/gui/src/components/infoScreen.vue
+++ b/gui/src/components/infoScreen.vue
@@ -5,8 +5,7 @@ import { setActivePinia } from "pinia";
 import pinia from "../store/index";
 setActivePinia(pinia);
 
-import { useStateStore } from "../store/stateStore.js";
-const state = useStateStore(pinia);
+import infoScreen_updater from "./infoScreen_updater.vue";
 
 const version = import.meta.env.PACKAGE_VERSION;
 
@@ -91,12 +90,8 @@ onMounted(shuffleCards);
 </script>
 
 <template>
-  <h3 class="m-2">
-    <span class="badge bg-secondary">FreeDATA: {{ version }}</span>
-    <span class="ms-2 badge bg-secondary"
-      >Modem: {{ state.modem_version }}</span
-    >
-  </h3>
+<infoScreen_updater/>
+
 
   <div class="container-fluid">
     <div class="row mt-2">
diff --git a/gui/src/components/main_updater.vue b/gui/src/components/infoScreen_updater.vue
similarity index 81%
rename from gui/src/components/main_updater.vue
rename to gui/src/components/infoScreen_updater.vue
index f289d697..f1f2fc0b 100644
--- a/gui/src/components/main_updater.vue
+++ b/gui/src/components/infoScreen_updater.vue
@@ -5,10 +5,15 @@ setActivePinia(pinia);
 
 import { useSettingsStore } from "../store/settingsStore.js";
 const settings = useSettingsStore(pinia);
+
+import { useStateStore } from "../store/stateStore.js";
+const state = useStateStore(pinia);
+
+
 </script>
 
 <template>
-  <div class="card mb-0">
+  <div class="card m-2">
     <div class="card-header p-1 d-flex">
       <div class="container">
         <div class="row">
@@ -49,13 +54,31 @@ const settings = useSettingsStore(pinia);
       </div>
     </div>
     <div class="card-body p-2 mb-1">
+
+      <button
+        class="btn btn-secondary btn-sm ms-1 me-1"
+        type="button"
+        disabled
+      >
+        GUI version | {{ version }}
+      </button>
+
+      <button
+        class="btn btn-secondary btn-sm ms-1 me-1"
+        type="button"
+        disabled
+      >
+        Modem version | {{ state.modem_version }}
+      </button>
+
+
       <button
         class="btn btn-secondary btn-sm ms-1 me-1"
         id="updater_channel"
         type="button"
         disabled
       >
-        {{ settings.update_channel }}
+        Update channel | {{ settings.update_channel }}
       </button>
       <button
         class="btn btn-secondary btn-sm ms-1"
diff --git a/gui/src/components/main.vue b/gui/src/components/main.vue
index 8a4436d5..4c5f7f95 100644
--- a/gui/src/components/main.vue
+++ b/gui/src/components/main.vue
@@ -6,7 +6,6 @@ setActivePinia(pinia);
 import main_modals from "./main_modals.vue";
 import main_top_navbar from "./main_top_navbar.vue";
 import main_rig_control from "./main_rig_control.vue";
-import main_updater from "./main_updater.vue";
 import settings_view from "./settings.vue";
 import main_active_rig_control from "./main_active_rig_control.vue";
 import main_footer_navbar from "./main_footer_navbar.vue";
@@ -172,7 +171,6 @@ function stopAllTransmissions() {
                   <div class="col">
                   </div>
                   <div class="col">
-                    <main_updater />
                   </div>
                 </div>
               </div>

From 5f76a0d283e09507c5e7769cff6ba0bb48a30502 Mon Sep 17 00:00:00 2001
From: Pedro <ptsmonteiro@gmail.com>
Date: Thu, 2 Nov 2023 15:51:56 +0100
Subject: [PATCH 6/8] Move updater to info screen

---
 gui/src/components/infoScreen.vue |  4 +---
 gui/src/components/main.vue       | 11 -----------
 2 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/gui/src/components/infoScreen.vue b/gui/src/components/infoScreen.vue
index d3c3a3a0..54e7bfea 100644
--- a/gui/src/components/infoScreen.vue
+++ b/gui/src/components/infoScreen.vue
@@ -90,9 +90,7 @@ onMounted(shuffleCards);
 </script>
 
 <template>
-<infoScreen_updater/>
-
-
+  <infoScreen_updater />
   <div class="container-fluid">
     <div class="row mt-2">
       <hr />
diff --git a/gui/src/components/main.vue b/gui/src/components/main.vue
index 4c5f7f95..2acd48fa 100644
--- a/gui/src/components/main.vue
+++ b/gui/src/components/main.vue
@@ -158,21 +158,10 @@ function stopAllTransmissions() {
                   class="row collapse multi-collapse show mt-4"
                   id="collapseFirstRow"
                 >
-                  <div class="col">
-                  </div>
                   <div class="col">
                     <main_rig_control />
                   </div>
                 </div>
-                <div
-                  class="row collapse multi-collapse show mt-4"
-                  id="collapseSecondRow"
-                >
-                  <div class="col">
-                  </div>
-                  <div class="col">
-                  </div>
-                </div>
               </div>
               <div class="container">
                 <div class="row collapse multi-collapse" id="collapseThirdRow">

From d0a2eca8be196112180bed4ddf958ac46bd82f01 Mon Sep 17 00:00:00 2001
From: Pedro <ptsmonteiro@gmail.com>
Date: Thu, 2 Nov 2023 16:12:30 +0100
Subject: [PATCH 7/8] Add rig control settings to settings area

---
 gui/src/components/settings.vue            | 25 ++++++++++
 gui/src/components/settings_rigcontrol.vue | 57 ++++++++++++++++++++++
 2 files changed, 82 insertions(+)
 create mode 100644 gui/src/components/settings_rigcontrol.vue

diff --git a/gui/src/components/settings.vue b/gui/src/components/settings.vue
index f06ec1e6..e41935e6 100644
--- a/gui/src/components/settings.vue
+++ b/gui/src/components/settings.vue
@@ -2,6 +2,7 @@
 import settings_station from "./settings_station.vue";
 import settings_gui from "./settings_gui.vue";
 import settings_chat from "./settings_chat.vue";
+import settings_rigcontrol from "./settings_rigcontrol.vue";
 import settings_hamlib from "./settings_hamlib.vue";
 import settings_modem from "./settings_modem.vue";
 import settings_web from "./settings_web.vue";
@@ -68,6 +69,20 @@ import settings_exp from "./settings_exp.vue";
                 Chat
               </button>
             </li>
+            <li class="nav-item" role="presentation">
+              <button
+                class="nav-link"
+                id="rigcontrol-tab"
+                data-bs-toggle="tab"
+                data-bs-target="#rigcontrol"
+                type="button"
+                role="tab"
+                aria-controls="profile"
+                aria-selected="false"
+              >
+                Rig Control
+              </button>
+            </li>
             <li class="nav-item" role="presentation">
               <button
                 class="nav-link"
@@ -162,6 +177,16 @@ import settings_exp from "./settings_exp.vue";
               <settings_chat />
             </div>
 
+            <div
+              class="tab-pane"
+              id="rigcontrol"
+              role="tabpanel"
+              aria-labelledby="rigcontrol-tab"
+              tabindex="0"
+            >
+              <settings_rigcontrol />
+            </div>
+
             <div
               class="tab-pane"
               id="hamlib"
diff --git a/gui/src/components/settings_rigcontrol.vue b/gui/src/components/settings_rigcontrol.vue
new file mode 100644
index 00000000..7d93ddce
--- /dev/null
+++ b/gui/src/components/settings_rigcontrol.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { saveSettingsToFile } from "../js/settingsHandler";
+
+import { setActivePinia } from "pinia";
+import pinia from "../store/index";
+setActivePinia(pinia);
+
+import { useSettingsStore } from "../store/settingsStore.js";
+const settings = useSettingsStore(pinia);
+function saveSettings() {
+  saveSettingsToFile();
+}
+</script>
+
+<template>
+  <div class="input-group input-group-sm mb-1">
+    <span class="input-group-text" style="width: 180px">Rig Control</span>
+
+    <select
+      class="form-select form-select-sm"
+      aria-label=".form-select-sm"
+      id="rigcontrol_radiocontrol"
+      @change="saveSettings"
+      v-model="settings.radiocontrol"
+    >
+      <option selected value="disabled">Disabled / VOX (no rig control - use with VOX)</option>
+      <option selected value="rigctld">Rigctld (Hamlib)</option>
+      <option selected value="tci">TCI</option>
+    </select>
+  </div>
+
+  <hr class="m-2" />
+
+  <div class="input-group input-group-sm mb-1">
+    <span class="input-group-text" style="width: 180px">TCI IP Address</span>
+    <input
+      type="text"
+      class="form-control"
+      placeholder="TCI IP"
+      id="rigcontrol_tci_ip"
+      aria-label="Device IP"
+      v-model="settings.tci_ip"
+    />
+  </div>
+
+  <div class="input-group input-group-sm mb-1">
+    <span class="input-group-text" style="width: 180px">TCI port</span>
+    <input
+      type="text"
+      class="form-control"
+      placeholder="TCI port"
+      id="rigcontrol_tci_port"
+      aria-label="Device Port"
+      v-model="settings.tci_port"
+    />
+  </div>
+</template>

From b6e8cb2df5f297da351bd46fa9d1172b9bf41c23 Mon Sep 17 00:00:00 2001
From: Pedro <ptsmonteiro@gmail.com>
Date: Thu, 2 Nov 2023 16:27:49 +0100
Subject: [PATCH 8/8] Move Rig Control to active view. Remove default view.
 Only active view now.

---
 gui/src/components/main.vue             | 18 ++--------
 gui/src/components/main_rig_control.vue |  6 ++--
 gui/src/store/stateStore.js             | 44 -------------------------
 3 files changed, 6 insertions(+), 62 deletions(-)

diff --git a/gui/src/components/main.vue b/gui/src/components/main.vue
index 2acd48fa..1084ea09 100644
--- a/gui/src/components/main.vue
+++ b/gui/src/components/main.vue
@@ -153,19 +153,10 @@ function stopAllTransmissions() {
               <!-------------------------------- MAIN AREA ---------------->
 
               <!------------------------------------------------------------------------------------------>
-              <div class="container p-3">
-                <div
-                  class="row collapse multi-collapse show mt-4"
-                  id="collapseFirstRow"
-                >
-                  <div class="col">
-                    <main_rig_control />
-                  </div>
-                </div>
-              </div>
               <div class="container">
-                <div class="row collapse multi-collapse" id="collapseThirdRow">
+                <div class="row">
                   <main_active_rig_control />
+                  <main_rig_control />
 
                   <div class="col-5">
                     <main_active_audio_level />
@@ -173,11 +164,6 @@ function stopAllTransmissions() {
                   <div class="col">
                     <main_active_broadcasts />
                   </div>
-                </div>
-                <div
-                  class="row collapse multi-collapse mt-3"
-                  id="collapseFourthRow"
-                >
                   <div class="col-5">
                     <main_active_stats />
                   </div>
diff --git a/gui/src/components/main_rig_control.vue b/gui/src/components/main_rig_control.vue
index 4e80fa4a..83156eb5 100644
--- a/gui/src/components/main_rig_control.vue
+++ b/gui/src/components/main_rig_control.vue
@@ -61,8 +61,9 @@ alert("not yet implemented")
 </script>
 
 <template>
-  <div class="card mb-0">
-    <div class="card-header p-1">
+  <div class="mb-3">
+    <div class="card mb-1">
+      <div class="card-header p-1">
       <div class="container">
         <div class="row">
           <div class="col-1">
@@ -259,4 +260,5 @@ alert("not yet implemented")
               </div>
               -->
   </div>
+  </div>
 </template>
diff --git a/gui/src/store/stateStore.js b/gui/src/store/stateStore.js
index 235b5c68..a336c66b 100644
--- a/gui/src/store/stateStore.js
+++ b/gui/src/store/stateStore.js
@@ -84,55 +84,11 @@ export const useStateStore = defineStore("stateStore", () => {
     modem_connection.value = state;
 
     if (modem_connection.value == "open") {
-      // collapse settings screen
-      var collapseFirstRow = new bootstrap.Collapse(
-        document.getElementById("collapseFirstRow"),
-        { toggle: false },
-      );
-      collapseFirstRow.hide();
-      var collapseSecondRow = new bootstrap.Collapse(
-        document.getElementById("collapseSecondRow"),
-        { toggle: false },
-      );
-      collapseSecondRow.hide();
-      var collapseThirdRow = new bootstrap.Collapse(
-        document.getElementById("collapseThirdRow"),
-        { toggle: false },
-      );
-      collapseThirdRow.show();
-      var collapseFourthRow = new bootstrap.Collapse(
-        document.getElementById("collapseFourthRow"),
-        { toggle: false },
-      );
-      collapseFourthRow.show();
-
       //Set tuning for fancy graphics mode (high/low CPU)
       //set_CPU_mode();
 
       //GUI will auto connect to TNC if already running, if that is the case increment start count if 0
       if (modemStartCount.value == 0) modemStartCount.value++;
-    } else {
-      // collapse settings screen
-      var collapseFirstRow = new bootstrap.Collapse(
-        document.getElementById("collapseFirstRow"),
-        { toggle: false },
-      );
-      collapseFirstRow.show();
-      var collapseSecondRow = new bootstrap.Collapse(
-        document.getElementById("collapseSecondRow"),
-        { toggle: false },
-      );
-      collapseSecondRow.show();
-      var collapseThirdRow = new bootstrap.Collapse(
-        document.getElementById("collapseThirdRow"),
-        { toggle: false },
-      );
-      collapseThirdRow.hide();
-      var collapseFourthRow = new bootstrap.Collapse(
-        document.getElementById("collapseFourthRow"),
-        { toggle: false },
-      );
-      collapseFourthRow.hide();
     }
   }