From f34f7d317e8a639e6613e7e2d96ed6c1eede673d Mon Sep 17 00:00:00 2001
From: codefactor-io <support@codefactor.io>
Date: Mon, 13 Nov 2023 06:21:13 +0000
Subject: [PATCH] [CodeFactor] Apply fixes

---
 gui/src/components/main.vue               |  17 +-
 gui/src/components/main_modals.vue        |   7 +-
 gui/src/components/main_startup_check.vue | 179 ++++++++++++++--------
 gui/src/js/eventHandler.js                |   8 +-
 gui/src/js/event_sock.js                  |   8 +-
 5 files changed, 130 insertions(+), 89 deletions(-)

diff --git a/gui/src/components/main.vue b/gui/src/components/main.vue
index 4c998417..11775f6f 100644
--- a/gui/src/components/main.vue
+++ b/gui/src/components/main.vue
@@ -3,7 +3,6 @@ import { setActivePinia } from "pinia";
 import pinia from "../store/index";
 setActivePinia(pinia);
 
-
 import main_modals from "./main_modals.vue";
 import main_top_navbar from "./main_top_navbar.vue";
 import main_rig_control from "./main_rig_control.vue";
@@ -155,13 +154,15 @@ function stopAllTransmissions() {
               <!--beginn of blur div -->
               <!-------------------------------- MAIN AREA ---------------->
 
-
-
-
-<!-- Button trigger modal -->
-<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
-  Check Screen
-</button>
+              <!-- Button trigger modal -->
+              <button
+                type="button"
+                class="btn btn-primary"
+                data-bs-toggle="modal"
+                data-bs-target="#staticBackdrop"
+              >
+                Check Screen
+              </button>
 
               <!------------------------------------------------------------------------------------------>
               <div class="container">
diff --git a/gui/src/components/main_modals.vue b/gui/src/components/main_modals.vue
index 9e4d7fa5..93af247c 100644
--- a/gui/src/components/main_modals.vue
+++ b/gui/src/components/main_modals.vue
@@ -21,7 +21,6 @@ import { sendTestFrame, setTxAudioLevel, setRxAudioLevel } from "../js/sock.js";
 
 import main_startup_check from "./main_startup_check.vue";
 
-
 function tuneAudio() {
   sendTestFrame();
 }
@@ -129,11 +128,7 @@ const transmissionSpeedChartDataMessageInfo = computed(() => ({
 </script>
 
 <template>
-
-
-<main_startup_check />
-
-
+  <main_startup_check />
 
   <!-- updater release notes-->
   <div
diff --git a/gui/src/components/main_startup_check.vue b/gui/src/components/main_startup_check.vue
index fcba5587..69bfc4f7 100644
--- a/gui/src/components/main_startup_check.vue
+++ b/gui/src/components/main_startup_check.vue
@@ -1,73 +1,116 @@
-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <template>
-
-
-
-<!-- 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-dialog">
-    <div class="modal-content">
-      <div class="modal-header">
-        <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>
-      </div>
-      <div class="modal-body">
-
-
-
-   <div class="accordion" id="accordionFlushExample">
-  <div class="accordion-item">
-    <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">
-        Network <span class="badge ms-2 bg-success">Connected</span>
-      </button>
-    </h2>
-    <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 class="accordion-item">
-    <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">
-        Modem <span class="badge ms-2 bg-success">Running</span>
-      </button>
-    </h2>
-    <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 class="accordion-item">
-    <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">
-        Radio control <span class="badge ms-2 bg-danger">Disconnected</span>
-      </button>
-    </h2>
-    <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 class="modal-footer">
-        <button type="button" class="btn btn-primary">Continue</button>
+  <!-- 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-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <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>
+        </div>
+        <div class="modal-body">
+          <div class="accordion" id="accordionFlushExample">
+            <div class="accordion-item">
+              <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"
+                >
+                  Network <span class="badge ms-2 bg-success">Connected</span>
+                </button>
+              </h2>
+              <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 class="accordion-item">
+              <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"
+                >
+                  Modem <span class="badge ms-2 bg-success">Running</span>
+                </button>
+              </h2>
+              <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 class="accordion-item">
+              <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"
+                >
+                  Radio control
+                  <span class="badge ms-2 bg-danger">Disconnected</span>
+                </button>
+              </h2>
+              <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 class="modal-footer">
+          <button type="button" class="btn btn-primary">Continue</button>
+        </div>
       </div>
     </div>
   </div>
-</div>
-
-
-</template>
\ No newline at end of file
+</template>
diff --git a/gui/src/js/eventHandler.js b/gui/src/js/eventHandler.js
index 58a997e9..19514014 100644
--- a/gui/src/js/eventHandler.js
+++ b/gui/src/js/eventHandler.js
@@ -19,15 +19,13 @@ const stateStore = useStateStore(pinia);
 import { useSettingsStore } from "../store/settingsStore.js";
 const settings = useSettingsStore(pinia);
 
-export function connectionFailed(endpoint, event){
-   stateStore.modem_connection = "disconnected"
-
+export function connectionFailed(endpoint, event) {
+  stateStore.modem_connection = "disconnected";
 }
 export function stateDispatcher(data) {
   console.log(data);
 
-     stateStore.modem_connection = "connected"
-
+  stateStore.modem_connection = "connected";
 
   if (data["freedata-message"] == "state-change") {
     stateStore.channel_busy = data["channel_busy"];
diff --git a/gui/src/js/event_sock.js b/gui/src/js/event_sock.js
index 22d6e17b..a2116de6 100644
--- a/gui/src/js/event_sock.js
+++ b/gui/src/js/event_sock.js
@@ -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";
 
 function connect(endpoint, dispatcher) {
@@ -17,7 +21,7 @@ function connect(endpoint, dispatcher) {
   // handle errors
   socket.addEventListener("error", function (event) {
     console.error("WebSocket error:", event);
-    connectionFailed(endpoint, event)
+    connectionFailed(endpoint, event);
   });
 
   // handle closing and reconnect