2023-11-13 08:39:15 +00:00
|
|
|
<script setup lang="ts">
|
2023-11-13 12:48:02 +00:00
|
|
|
|
|
|
|
import { Modal } from 'bootstrap'
|
|
|
|
import { onMounted } from 'vue'
|
|
|
|
|
2023-11-13 08:39:15 +00:00
|
|
|
import main_rig_control from "./main_rig_control.vue";
|
|
|
|
import main_audio from "./main_audio.vue";
|
|
|
|
import infoScreen_updater from "./infoScreen_updater.vue";
|
2023-11-13 12:48:02 +00:00
|
|
|
|
|
|
|
// start modemCheck modal once on startup
|
|
|
|
onMounted(() => {
|
|
|
|
new Modal('#modemCheck', {}).show()
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2023-11-13 08:39:15 +00:00
|
|
|
</script>
|
2023-11-13 06:20:46 +00:00
|
|
|
|
|
|
|
<template>
|
2023-11-13 06:21:13 +00:00
|
|
|
<div
|
|
|
|
class="modal fade"
|
2023-11-13 08:39:15 +00:00
|
|
|
id="modemCheck"
|
2023-11-13 06:21:13 +00:00
|
|
|
data-bs-backdrop="static"
|
|
|
|
data-bs-keyboard="false"
|
|
|
|
tabindex="-1"
|
|
|
|
aria-hidden="true"
|
|
|
|
>
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
2023-11-13 08:39:15 +00:00
|
|
|
<h1 class="modal-title fs-5">Modem check</h1>
|
2023-11-13 06:21:13 +00:00
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="btn-close"
|
|
|
|
data-bs-dismiss="modal"
|
|
|
|
aria-label="Close"
|
|
|
|
></button>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
2023-11-13 12:48:02 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="accordion" id="startupCheckAccordion">
|
|
|
|
<!-- Version Section -->
|
2023-11-13 08:39:34 +00:00
|
|
|
<div class="accordion-item">
|
2023-11-13 08:39:15 +00:00
|
|
|
<h2 class="accordion-header">
|
|
|
|
<button
|
|
|
|
class="accordion-button collapsed"
|
|
|
|
type="button"
|
2023-11-13 12:48:02 +00:00
|
|
|
data-bs-target="#versionCheckCollapse"
|
2023-11-13 08:39:15 +00:00
|
|
|
data-bs-toggle="collapse"
|
|
|
|
>
|
2023-11-13 12:48:02 +00:00
|
|
|
Version <span class="badge ms-2 bg-warning">Update needed</span>
|
2023-11-13 08:39:15 +00:00
|
|
|
</button>
|
|
|
|
</h2>
|
2023-11-13 12:48:02 +00:00
|
|
|
<div id="versionCheckCollapse" class="accordion-collapse collapse">
|
2023-11-13 08:39:15 +00:00
|
|
|
<div class="accordion-body">
|
|
|
|
<infoScreen_updater />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-11-13 12:48:02 +00:00
|
|
|
<!-- Network Section -->
|
2023-11-13 06:21:13 +00:00
|
|
|
<div class="accordion-item">
|
|
|
|
<h2 class="accordion-header">
|
|
|
|
<button
|
|
|
|
class="accordion-button collapsed"
|
|
|
|
type="button"
|
2023-11-13 12:48:02 +00:00
|
|
|
data-bs-target="#networkStatusCollapse"
|
2023-11-13 06:21:13 +00:00
|
|
|
data-bs-toggle="collapse"
|
|
|
|
>
|
|
|
|
Network <span class="badge ms-2 bg-success">Connected</span>
|
|
|
|
</button>
|
|
|
|
</h2>
|
2023-11-13 12:48:02 +00:00
|
|
|
<div id="networkStatusCollapse" class="accordion-collapse collapse">
|
2023-11-13 06:21:13 +00:00
|
|
|
<div class="accordion-body">
|
|
|
|
Placeholder content for this accordion, which is intended to
|
|
|
|
demonstrate the <code>.accordion-flush</code> class. This is
|
|
|
|
the first item's accordion body.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-11-13 12:48:02 +00:00
|
|
|
<!-- Modem Section -->
|
2023-11-13 06:21:13 +00:00
|
|
|
<div class="accordion-item">
|
|
|
|
<h2 class="accordion-header">
|
|
|
|
<button
|
|
|
|
class="accordion-button collapsed"
|
|
|
|
type="button"
|
2023-11-13 12:48:02 +00:00
|
|
|
data-bs-target="#modemStatusCollapse"
|
2023-11-13 06:21:13 +00:00
|
|
|
data-bs-toggle="collapse"
|
|
|
|
>
|
|
|
|
Modem <span class="badge ms-2 bg-success">Running</span>
|
|
|
|
</button>
|
|
|
|
</h2>
|
2023-11-13 12:48:02 +00:00
|
|
|
<div id="modemStatusCollapse" class="accordion-collapse collapse">
|
2023-11-13 06:21:13 +00:00
|
|
|
<div class="accordion-body">
|
2023-11-13 08:39:34 +00:00
|
|
|
<main_audio />
|
2023-11-13 06:21:13 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-11-13 12:48:02 +00:00
|
|
|
<!-- Radio Control Section -->
|
2023-11-13 06:21:13 +00:00
|
|
|
<div class="accordion-item">
|
|
|
|
<h2 class="accordion-header">
|
|
|
|
<button
|
|
|
|
class="accordion-button collapsed"
|
|
|
|
type="button"
|
2023-11-13 12:48:02 +00:00
|
|
|
data-bs-target="#radioControlCollapse"
|
2023-11-13 06:21:13 +00:00
|
|
|
data-bs-toggle="collapse"
|
|
|
|
>
|
|
|
|
Radio control
|
|
|
|
<span class="badge ms-2 bg-danger">Disconnected</span>
|
|
|
|
</button>
|
|
|
|
</h2>
|
2023-11-13 12:48:02 +00:00
|
|
|
<div id="radioControlCollapse" class="accordion-collapse collapse">
|
2023-11-13 06:21:13 +00:00
|
|
|
<div class="accordion-body">
|
2023-11-13 08:39:15 +00:00
|
|
|
<main_rig_control />
|
2023-11-13 06:21:13 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
2023-11-13 08:39:34 +00:00
|
|
|
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">
|
|
|
|
Continue
|
|
|
|
</button>
|
2023-11-13 06:21:13 +00:00
|
|
|
</div>
|
2023-11-13 06:20:46 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-11-13 12:48:02 +00:00
|
|
|
</template>
|