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