mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
[CodeFactor] Apply fixes
This commit is contained in:
parent
1a27458d14
commit
f34f7d317e
5 changed files with 130 additions and 89 deletions
|
@ -3,7 +3,6 @@ import { setActivePinia } from "pinia";
|
||||||
import pinia from "../store/index";
|
import pinia from "../store/index";
|
||||||
setActivePinia(pinia);
|
setActivePinia(pinia);
|
||||||
|
|
||||||
|
|
||||||
import main_modals from "./main_modals.vue";
|
import main_modals from "./main_modals.vue";
|
||||||
import main_top_navbar from "./main_top_navbar.vue";
|
import main_top_navbar from "./main_top_navbar.vue";
|
||||||
import main_rig_control from "./main_rig_control.vue";
|
import main_rig_control from "./main_rig_control.vue";
|
||||||
|
@ -155,11 +154,13 @@ function stopAllTransmissions() {
|
||||||
<!--beginn of blur div -->
|
<!--beginn of blur div -->
|
||||||
<!-------------------------------- MAIN AREA ---------------->
|
<!-------------------------------- MAIN AREA ---------------->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Button trigger modal -->
|
<!-- Button trigger modal -->
|
||||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
|
<button
|
||||||
|
type="button"
|
||||||
|
class="btn btn-primary"
|
||||||
|
data-bs-toggle="modal"
|
||||||
|
data-bs-target="#staticBackdrop"
|
||||||
|
>
|
||||||
Check Screen
|
Check Screen
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|
|
@ -21,7 +21,6 @@ import { sendTestFrame, setTxAudioLevel, setRxAudioLevel } from "../js/sock.js";
|
||||||
|
|
||||||
import main_startup_check from "./main_startup_check.vue";
|
import main_startup_check from "./main_startup_check.vue";
|
||||||
|
|
||||||
|
|
||||||
function tuneAudio() {
|
function tuneAudio() {
|
||||||
sendTestFrame();
|
sendTestFrame();
|
||||||
}
|
}
|
||||||
|
@ -129,12 +128,8 @@ const transmissionSpeedChartDataMessageInfo = computed(() => ({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
||||||
|
|
||||||
<main_startup_check />
|
<main_startup_check />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- updater release notes-->
|
<!-- updater release notes-->
|
||||||
<div
|
<div
|
||||||
class="modal fade"
|
class="modal fade"
|
||||||
|
|
|
@ -1,66 +1,111 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts"></script>
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Modal -->
|
<!-- Modal -->
|
||||||
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
|
<div
|
||||||
|
class="modal fade"
|
||||||
|
id="staticBackdrop"
|
||||||
|
data-bs-backdrop="static"
|
||||||
|
data-bs-keyboard="false"
|
||||||
|
tabindex="-1"
|
||||||
|
aria-labelledby="staticBackdropLabel"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
<div class="modal-dialog">
|
<div class="modal-dialog">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h1 class="modal-title fs-5" id="staticBackdropLabel">Pre-Check</h1>
|
<h1 class="modal-title fs-5" id="staticBackdropLabel">Pre-Check</h1>
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
<button
|
||||||
|
type="button"
|
||||||
|
class="btn-close"
|
||||||
|
data-bs-dismiss="modal"
|
||||||
|
aria-label="Close"
|
||||||
|
></button>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="accordion" id="accordionFlushExample">
|
<div class="accordion" id="accordionFlushExample">
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header">
|
<h2 class="accordion-header">
|
||||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
|
<button
|
||||||
|
class="accordion-button collapsed"
|
||||||
|
type="button"
|
||||||
|
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" data-bs-parent="#accordionFlushExample">
|
<div
|
||||||
<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>
|
id="flush-collapseOne"
|
||||||
|
class="accordion-collapse collapse"
|
||||||
|
data-bs-parent="#accordionFlushExample"
|
||||||
|
>
|
||||||
|
<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>
|
||||||
</div>
|
</div>
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header">
|
<h2 class="accordion-header">
|
||||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
|
<button
|
||||||
|
class="accordion-button collapsed"
|
||||||
|
type="button"
|
||||||
|
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" data-bs-parent="#accordionFlushExample">
|
<div
|
||||||
<div class="accordion-body">Placeholder content for this accordion, which is intended to demonstrate the <code>.accordion-flush</code> class. This is the second item's accordion body. Let's imagine this being filled with some actual content.</div>
|
id="flush-collapseTwo"
|
||||||
|
class="accordion-collapse collapse"
|
||||||
|
data-bs-parent="#accordionFlushExample"
|
||||||
|
>
|
||||||
|
<div class="accordion-body">
|
||||||
|
Placeholder content for this accordion, which is intended to
|
||||||
|
demonstrate the <code>.accordion-flush</code> class. This is
|
||||||
|
the second item's accordion body. Let's imagine this being
|
||||||
|
filled with some actual content.
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header">
|
<h2 class="accordion-header">
|
||||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
|
<button
|
||||||
Radio control <span class="badge ms-2 bg-danger">Disconnected</span>
|
class="accordion-button collapsed"
|
||||||
|
type="button"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
data-bs-target="#flush-collapseThree"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-controls="flush-collapseThree"
|
||||||
|
>
|
||||||
|
Radio control
|
||||||
|
<span class="badge ms-2 bg-danger">Disconnected</span>
|
||||||
</button>
|
</button>
|
||||||
</h2>
|
</h2>
|
||||||
<div id="flush-collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
|
<div
|
||||||
<div class="accordion-body">Placeholder content for this accordion, which is intended to demonstrate the <code>.accordion-flush</code> class. This is the third item's accordion body. Nothing more exciting happening here in terms of content, but just filling up the space to make it look, at least at first glance, a bit more representative of how this would look in a real-world application.</div>
|
id="flush-collapseThree"
|
||||||
|
class="accordion-collapse collapse"
|
||||||
|
data-bs-parent="#accordionFlushExample"
|
||||||
|
>
|
||||||
|
<div class="accordion-body">
|
||||||
|
Placeholder content for this accordion, which is intended to
|
||||||
|
demonstrate the <code>.accordion-flush</code> class. This is
|
||||||
|
the third item's accordion body. Nothing more exciting
|
||||||
|
happening here in terms of content, but just filling up the
|
||||||
|
space to make it look, at least at first glance, a bit more
|
||||||
|
representative of how this would look in a real-world
|
||||||
|
application.
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<button type="button" class="btn btn-primary">Continue</button>
|
<button type="button" class="btn btn-primary">Continue</button>
|
||||||
|
@ -68,6 +113,4 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
|
@ -20,14 +20,12 @@ import { useSettingsStore } from "../store/settingsStore.js";
|
||||||
const settings = useSettingsStore(pinia);
|
const settings = useSettingsStore(pinia);
|
||||||
|
|
||||||
export function connectionFailed(endpoint, event) {
|
export function connectionFailed(endpoint, event) {
|
||||||
stateStore.modem_connection = "disconnected"
|
stateStore.modem_connection = "disconnected";
|
||||||
|
|
||||||
}
|
}
|
||||||
export function stateDispatcher(data) {
|
export function stateDispatcher(data) {
|
||||||
console.log(data);
|
console.log(data);
|
||||||
|
|
||||||
stateStore.modem_connection = "connected"
|
stateStore.modem_connection = "connected";
|
||||||
|
|
||||||
|
|
||||||
if (data["freedata-message"] == "state-change") {
|
if (data["freedata-message"] == "state-change") {
|
||||||
stateStore.channel_busy = data["channel_busy"];
|
stateStore.channel_busy = data["channel_busy"];
|
||||||
|
|
|
@ -1,4 +1,8 @@
|
||||||
import { eventDispatcher, stateDispatcher, connectionFailed } from "../js/eventHandler.js";
|
import {
|
||||||
|
eventDispatcher,
|
||||||
|
stateDispatcher,
|
||||||
|
connectionFailed,
|
||||||
|
} from "../js/eventHandler.js";
|
||||||
import { addDataToWaterfall } from "../js/waterfallHandler.js";
|
import { addDataToWaterfall } from "../js/waterfallHandler.js";
|
||||||
|
|
||||||
function connect(endpoint, dispatcher) {
|
function connect(endpoint, dispatcher) {
|
||||||
|
@ -17,7 +21,7 @@ function connect(endpoint, dispatcher) {
|
||||||
// handle errors
|
// handle errors
|
||||||
socket.addEventListener("error", function (event) {
|
socket.addEventListener("error", function (event) {
|
||||||
console.error("WebSocket error:", event);
|
console.error("WebSocket error:", event);
|
||||||
connectionFailed(endpoint, event)
|
connectionFailed(endpoint, event);
|
||||||
});
|
});
|
||||||
|
|
||||||
// handle closing and reconnect
|
// handle closing and reconnect
|
||||||
|
|
Loading…
Reference in a new issue