updated busy state

This commit is contained in:
DJ2LS 2023-09-11 17:08:56 +02:00
parent 85fccc9ca7
commit b4eafeae3c
5 changed files with 1831 additions and 8 deletions

File diff suppressed because it is too large Load diff

View file

@ -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 "
id="channel_busy"
class="btn btn-sm btn-outline-secondary ms-2 disabled"
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"
id="c2_busy"
class="btn btn-sm btn-outline-secondary disabled"
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>

View file

@ -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"]

View file

@ -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()

View file

@ -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("")