mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
start pre check on app start
This commit is contained in:
parent
9c745167ac
commit
2579d167e7
2 changed files with 41 additions and 21 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue