updated busy state

gui_vue/src/components/main_active_stats.vue

@@ -57,7 +57,6 @@ switch (event.target.id) {
                     <div
                         class="btn-group"
                         role="group"
-                        aria-label="Busy indicators"
                       >
 
                        <div class="list-group list-group-horizontal" id="list-tab" role="tablist">
@@ -66,27 +65,33 @@ switch (event.target.id) {
       <a class="py-1 list-group-item list-group-item-action" id="list-chart-list" data-bs-toggle="list" href="#list-chart" role="tab" aria-controls="list-messages" v-bind:class="{ 'active' : settings.spectrum === 'chart'}" @click="selectStatsControl()"><strong><i class="bi bi-graph-up-arrow" ></i></strong></a>
     </div>
 
+    </div>
+<div
+                        class="btn-group"
+                        role="group"
+                        aria-label="Busy indicators"
+                      >
                         <button
-                          class="btn btn-sm btn-secondary ms-2 "
+                          class="btn btn-sm btn-outline-secondary ms-2 disabled"
-                          id="channel_busy"
                           type="button"
                           data-bs-placement="top"
                           data-bs-toggle="tooltip"
                           data-bs-trigger="hover"
                           data-bs-html="true"
+                          v-bind:class="{ 'btn-warning' : state.channel_busy === 'True', 'btn-outline-secondary' : state.channel_busy === 'False', }"
                           title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>"
                         >
                           busy
                         </button>
                         <button
-                          class="btn btn-sm btn-outline-secondary"
+                          class="btn btn-sm btn-outline-secondary disabled"
-                          id="c2_busy"
                           type="button"
                           data-bs-placement="top"
                           data-bs-toggle="tooltip"
                           data-bs-trigger="hover"
                           data-bs-html="true"
                           title="Recieving data: illuminates <strong class='text-success'>green</strong> if receiving codec2 data"
+                          v-bind:class="{ 'btn-success' : state.is_codec2_traffic === 'True', 'btn-outline-secondary' : state.is_codec2_traffic === 'False', }"
                         >
                           signal
                         </button>

gui_vue/src/js/sock.js

@@ -205,6 +205,7 @@ client.on("data", function (socketdata) {
         stateStore.alc = data["alc"]
         stateStore.rf_level = data["rf_level"]
 
+        stateStore.is_codec2_traffic = data["is_codec2_traffic"]
 
 
 

gui_vue/src/main.ts

@@ -21,11 +21,16 @@ import 'bootstrap-icons/font/bootstrap-icons.css'
 //import './scss/styles.scss'
 
 import App from './App.vue'
-const app = createApp(App)//.mount('#app').$nextTick(() => postMessage({ payload: 'removeLoading' }, '*'))
+const app = createApp(App)
+
+
+//.mount('#app').$nextTick(() => postMessage({ payload: 'removeLoading' }, '*'))
 
 const pinia = createPinia()
 app.mount('#app')
 
+
+
 console.log("init...")
 app.use(pinia)
 loadSettings()

gui_vue/src/store/stateStore.js

@@ -15,7 +15,7 @@ export const useStateStore = defineStore('stateStore', () => {
 
     var speed_level = ref(0)
     var fft = ref()
-    var channel_busy = ref("False")
+    var channel_busy = ref("")
     var channel_busy_slot = ref()
     var scatter = ref()
     var s_meter_strength_percent = ref(0)
@@ -40,6 +40,8 @@ export const useStateStore = defineStore('stateStore', () => {
     var audio_level = ref("")
     var alc = ref("")
 
+    var is_codec2_traffic = ref("")
+