Prettified Code!

This commit is contained in:
DJ2LS 2023-04-11 12:43:41 +00:00 committed by GitHub Action
parent 50eeb8175b
commit e7ddb09b41
2 changed files with 359 additions and 445 deletions

View file

@ -530,8 +530,6 @@ window.addEventListener("DOMContentLoaded", () => {
FD.saveConfig(config, configPath); FD.saveConfig(config, configPath);
}); });
// // radio settings 'rigctld' event listener // // radio settings 'rigctld' event listener
document document
.getElementById("radio-control-switch-rigctld") .getElementById("radio-control-switch-rigctld")
@ -1959,9 +1957,11 @@ ipcRenderer.on("action-update-tnc-state", (event, arg) => {
// AUDIO RECORDING // AUDIO RECORDING
if (arg.audio_recording == "True") { if (arg.audio_recording == "True") {
document.getElementById("startStopRecording").textContent = "Stop recording"; document.getElementById("startStopRecording").textContent =
"Stop recording";
} else { } else {
document.getElementById("startStopRecording").textContent = "Start recording"; document.getElementById("startStopRecording").textContent =
"Start recording";
} }
//CHANNEL CODEC2 BUSY STATE //CHANNEL CODEC2 BUSY STATE
if (arg.is_codec2_traffic == "True") { if (arg.is_codec2_traffic == "True") {

View file

@ -276,41 +276,30 @@
<div class="col"> <div class="col">
<div class="card mb-0"> <div class="card mb-0">
<div class="card-header p-1"> <div class="card-header p-1">
<div class="container">
<div class="row">
<div class="col-auto">
<div class="container"> <i class="bi bi-volume-up" style="font-size: 1.2rem"></i>
<div class="row"> </div>
<div class="col-auto"> <div class="col-10">
<i class="bi bi-volume-up" style="font-size: 1.2rem"></i> <strong class="fs-5">Audio devices</strong>
</div> </div>
<div class="col-10"> <div class="col-1 text-end">
<strong class="fs-5">Audio devices</strong> <button
</div> type="button"
<div class="col-1 text-end"> id="openHelpModalAudio"
data-bs-toggle="modal"
data-bs-target="#audioHelpModal"
<button class="btn m-0 p-0 border-0"
type="button" >
id="openHelpModalAudio" <i
data-bs-toggle="modal" class="bi bi-question-circle"
data-bs-target="#audioHelpModal" style="font-size: 1rem"
class="btn m-0 p-0 border-0" ></i>
> </button>
<i class="bi bi-question-circle" style="font-size: 1rem"></i>
</button>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="card-body p-2" style="height: 100px"> <div class="card-body p-2" style="height: 100px">
@ -337,88 +326,78 @@
></select> ></select>
</div> </div>
</div> </div>
</div> </div>
<!--Start of TNC rig control pane--> <!--Start of TNC rig control pane-->
</div> </div>
<div class="col"> <div class="col">
<div class="card mb-0"> <div class="card mb-0">
<div class="card-header p-1"> <div class="card-header p-1">
<div class="container">
<div class="row">
<div class="col-auto">
<i class="bi bi-projector" style="font-size: 1.2rem"></i>
</div>
<div class="col-3">
<strong class="fs-5">Rig control</strong>
</div>
<div class="col-7">
<div
class="btn-group btn-group-sm"
role="group"
aria-label="radio-control-switch-disabled"
>
<input
type="radio"
class="btn-check"
name="radio-control-switch"
id="radio-control-switch-disabled"
autocomplete="off"
/>
<label
class="btn btn-sm btn-outline-secondary"
for="radio-control-switch-disabled"
>
None / Vox
</label>
<div
<div class="container"> class="btn-group btn-group-sm"
<div class="row"> role="group"
<div class="col-auto"> aria-label="radio-control-switch-rigctld"
<i class="bi bi-projector" style="font-size: 1.2rem"></i> >
</div> <input
<div class="col-3"> type="radio"
<strong class="fs-5">Rig control</strong> class="btn-check"
</div> name="radio-control-switch"
<div class="col-7"> id="radio-control-switch-rigctld"
<div autocomplete="off"
class="btn-group btn-group-sm" />
role="group" <label
aria-label="radio-control-switch-disabled" class="btn btn-sm btn-outline-secondary"
> for="radio-control-switch-rigctld"
<input >
type="radio" Hamlib
class="btn-check" </label>
name="radio-control-switch" </div>
id="radio-control-switch-disabled"
autocomplete="off"
/>
<label
class="btn btn-sm btn-outline-secondary"
for="radio-control-switch-disabled"
>
None / Vox
</label>
<div
class="btn-group btn-group-sm"
role="group"
aria-label="radio-control-switch-rigctld"
>
<input
type="radio"
class="btn-check"
name="radio-control-switch"
id="radio-control-switch-rigctld"
autocomplete="off"
/>
<label
class="btn btn-sm btn-outline-secondary"
for="radio-control-switch-rigctld"
>
Hamlib
</label>
</div>
</div>
</div>
<div class="col-1 text-end">
<button
type="button"
id="openHelpModalRigControl"
data-bs-toggle="modal"
data-bs-target="#rigcontrolHelpModal"
class="btn m-0 p-0 border-0"
>
<i class="bi bi-question-circle" style="font-size: 1rem"></i>
</button>
</div> </div>
</div> </div>
<div class="col-1 text-end">
<button
type="button"
id="openHelpModalRigControl"
data-bs-toggle="modal"
data-bs-target="#rigcontrolHelpModal"
class="btn m-0 p-0 border-0"
>
<i
class="bi bi-question-circle"
style="font-size: 1rem"
></i>
</button>
</div>
</div> </div>
</div>
</div> </div>
<div class="card-body p-2" style="height: 100px"> <div class="card-body p-2" style="height: 100px">
<!-- RADIO CONTROL DISABLED --> <!-- RADIO CONTROL DISABLED -->
@ -434,9 +413,7 @@
<div id="radio-control-rigctld"> <div id="radio-control-rigctld">
<div class="input-group input-group-sm mb-1"> <div class="input-group input-group-sm mb-1">
<div class="input-group input-group-sm mb-1"> <div class="input-group input-group-sm mb-1">
<span class="input-group-text" <span class="input-group-text">Rigctld</span>
>Rigctld</span
>
<span class="input-group-text">Address</span> <span class="input-group-text">Address</span>
<input <input
type="text" type="text"
@ -523,34 +500,30 @@
<div class="col"> <div class="col">
<div class="card mb-1"> <div class="card mb-1">
<div class="card-header p-1"> <div class="card-header p-1">
<div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-auto">
<div class="col-auto"> <i class="bi bi-house-door" style="font-size: 1.2rem"></i>
<i class="bi bi-house-door" style="font-size: 1.2rem"></i> </div>
</div> <div class="col-10">
<div class="col-10"> <strong class="fs-5">My station</strong>
<strong class="fs-5">My station</strong> </div>
</div> <div class="col-1 text-end">
<div class="col-1 text-end"> <button
type="button"
id="openHelpModalStation"
<button data-bs-toggle="modal"
type="button" data-bs-target="#stationHelpModal"
id="openHelpModalStation" class="btn m-0 p-0 border-0"
data-bs-toggle="modal" >
data-bs-target="#stationHelpModal" <i
class="btn m-0 p-0 border-0" class="bi bi-question-circle"
> style="font-size: 1rem"
<i class="bi bi-question-circle" style="font-size: 1rem"></i> ></i>
</button> </button>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="card-body p-2"> <div class="card-body p-2">
<div class="row"> <div class="row">
@ -636,53 +609,49 @@
<div class="col"> <div class="col">
<div class="card mb-0"> <div class="card mb-0">
<div class="card-header p-1 d-flex"> <div class="card-header p-1 d-flex">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-auto"> <div class="col-auto">
<i class="bi bi-cloud-download" style="font-size: 1.2rem"></i> <i
</div> class="bi bi-cloud-download"
<div class="col-2"> style="font-size: 1.2rem"
<strong class="fs-5">Updater</strong> ></i>
</div> </div>
<div class="col-8"> <div class="col-2">
<div class="progress w-100 ms-1 m-1"> <strong class="fs-5">Updater</strong>
<div </div>
class="progress-bar" <div class="col-8">
style="width: 0%" <div class="progress w-100 ms-1 m-1">
role="progressbar" <div
id="UpdateProgressBar" class="progress-bar"
aria-valuenow="0" style="width: 0%"
aria-valuemin="0" role="progressbar"
aria-valuemax="100" id="UpdateProgressBar"
> aria-valuenow="0"
<span id="UpdateProgressInfo"></span> aria-valuemin="0"
</div> aria-valuemax="100"
</div> >
</div> <span id="UpdateProgressInfo"></span>
</div>
<div class="col-1 text-end">
<button
type="button"
id="openHelpModalUpdater"
data-bs-toggle="modal"
data-bs-target="#updaterHelpModal"
class="btn m-0 p-0 border-0"
>
<i class="bi bi-question-circle" style="font-size: 1rem"></i>
</button>
</div> </div>
</div> </div>
<div class="col-1 text-end">
<button
type="button"
id="openHelpModalUpdater"
data-bs-toggle="modal"
data-bs-target="#updaterHelpModal"
class="btn m-0 p-0 border-0"
>
<i
class="bi bi-question-circle"
style="font-size: 1rem"
></i>
</button>
</div>
</div> </div>
</div>
</div> </div>
<div class="card-body p-2 mb-1"> <div class="card-body p-2 mb-1">
<button <button
@ -727,55 +696,48 @@
<div class="col-5"> <div class="col-5">
<div class="card mb-1"> <div class="card mb-1">
<div class="card-header p-1"> <div class="card-header p-1">
<div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-1">
<div class="col-1"> <i class="bi bi-volume-up" style="font-size: 1.2rem"></i>
<i class="bi bi-volume-up" style="font-size: 1.2rem"></i> </div>
</div> <div class="col-4">
<div class="col-4"> <strong class="fs-5">Audio level</strong>
<strong class="fs-5">Audio level</strong> </div>
</div> <div class="col-6">
<div class="col-6"> <button
type="button"
<button id="audioModalButton"
type="button" data-bs-toggle="modal"
id="audioModalButton" data-bs-target="#audioModal"
data-bs-toggle="modal" class="btn btn-sm btn-outline-secondary"
data-bs-target="#audioModal" >
class="btn btn-sm btn-outline-secondary" Tune
> </button>
Tune <button
</button> type="button"
<button id="startStopRecording"
type="button" class="btn btn-sm btn-outline-danger"
id="startStopRecording" >
class="btn btn-sm btn-outline-danger" Record audio
> </button>
Record audio </div>
</button> <div class="col-1 text-end">
</div> <button
<div class="col-1 text-end"> type="button"
id="openHelpModalAudioLevel"
data-bs-toggle="modal"
<button data-bs-target="#audioLevelHelpModal"
type="button" class="btn m-0 p-0 border-0"
id="openHelpModalAudioLevel" >
data-bs-toggle="modal" <i
data-bs-target="#audioLevelHelpModal" class="bi bi-question-circle"
class="btn m-0 p-0 border-0" style="font-size: 1rem"
> ></i>
<i class="bi bi-question-circle" style="font-size: 1rem"></i> </button>
</button>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="card-body p-2"> <div class="card-body p-2">
<div class="container"> <div class="container">
@ -894,37 +856,30 @@
<div class="col"> <div class="col">
<div class="card mb-1"> <div class="card mb-1">
<div class="card-header p-1"> <div class="card-header p-1">
<div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-auto">
<div class="col-auto"> <i class="bi bi-broadcast" style="font-size: 1.2rem"></i>
<i class="bi bi-broadcast" style="font-size: 1.2rem"></i> </div>
</div> <div class="col-10">
<div class="col-10"> <strong class="fs-5">Broadcasts</strong>
<strong class="fs-5">Broadcasts</strong> </div>
</div> <div class="col-1 text-end">
<div class="col-1 text-end"> <button
type="button"
id="openHelpModalBroadcasts"
<button data-bs-toggle="modal"
type="button" data-bs-target="#broadcastsHelpModal"
id="openHelpModalBroadcasts" class="btn m-0 p-0 border-0"
data-bs-toggle="modal" >
data-bs-target="#broadcastsHelpModal" <i
class="btn m-0 p-0 border-0" class="bi bi-question-circle"
> style="font-size: 1rem"
<i class="bi bi-question-circle" style="font-size: 1rem"></i> ></i>
</button> </button>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="card-body p-2"> <div class="card-body p-2">
<div class="row"> <div class="row">
@ -1034,107 +989,100 @@
<div class="col-5"> <div class="col-5">
<div class="card mb-1"> <div class="card mb-1">
<div class="card-header p-1"> <div class="card-header p-1">
<div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-11">
<div class="col-11"> <div
<div class="btn-group btn-group-sm"
class="btn-group btn-group-sm" role="group"
role="group" aria-label="waterfall-scatter-switch toggle button group"
aria-label="waterfall-scatter-switch toggle button group" >
> <input
<input type="radio"
type="radio" class="btn-check"
class="btn-check" name="waterfall-scatter-switch"
name="waterfall-scatter-switch" id="waterfall-scatter-switch1"
id="waterfall-scatter-switch1" autocomplete="off"
autocomplete="off" checked
checked />
/> <label
<label class="btn btn-sm btn-outline-secondary"
class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch1"
for="waterfall-scatter-switch1" ><strong><i class="bi bi-water"></i></strong>
><strong><i class="bi bi-water"></i></strong> </label>
</label> <input
<input type="radio"
type="radio" class="btn-check"
class="btn-check" name="waterfall-scatter-switch"
name="waterfall-scatter-switch" id="waterfall-scatter-switch2"
id="waterfall-scatter-switch2" autocomplete="off"
autocomplete="off" />
/> <label
<label class="btn btn-sm btn-outline-secondary"
class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch2"
for="waterfall-scatter-switch2" ><strong><i class="bi bi-border-outer"></i></strong>
><strong><i class="bi bi-border-outer"></i></strong> </label>
</label> <input
<input type="radio"
type="radio" class="btn-check"
class="btn-check" name="waterfall-scatter-switch"
name="waterfall-scatter-switch" id="waterfall-scatter-switch3"
id="waterfall-scatter-switch3" autocomplete="off"
autocomplete="off" />
/> <label
<label class="btn btn-sm btn-outline-secondary"
class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch3"
for="waterfall-scatter-switch3" ><strong><i class="bi bi-graph-up-arrow"></i></strong>
><strong><i class="bi bi-graph-up-arrow"></i></strong> </label>
</label>
</div>
<div
class="btn-group"
role="group"
aria-label="Busy indicators"
>
<button
class="btn btn-sm btn-secondary"
id="channel_busy"
type="button"
data-bs-placement="top"
data-bs-toggle="tooltip"
data-bs-trigger="hover"
data-bs-html="true"
title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>"
>
busy
</button>
<button
class="btn btn-sm btn-outline-secondary"
id="c2_busy"
type="button"
data-bs-placement="top"
data-bs-toggle="tooltip"
data-bs-trigger="hover"
data-bs-html="true"
title="Recieving data: illuminates <strong class='text-success'>green</strong> if receiving codec2 data"
>
signal
</button>
</div>
</div> </div>
<div
<div class="col-1 text-end"> class="btn-group"
role="group"
aria-label="Busy indicators"
<button >
type="button" <button
id="openHelpModalWaterfall" class="btn btn-sm btn-secondary"
data-bs-toggle="modal" id="channel_busy"
data-bs-target="#waterfallHelpModal" type="button"
class="btn m-0 p-0 border-0" data-bs-placement="top"
> data-bs-toggle="tooltip"
<i class="bi bi-question-circle" style="font-size: 1rem"></i> data-bs-trigger="hover"
</button> data-bs-html="true"
title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>"
>
busy
</button>
<button
class="btn btn-sm btn-outline-secondary"
id="c2_busy"
type="button"
data-bs-placement="top"
data-bs-toggle="tooltip"
data-bs-trigger="hover"
data-bs-html="true"
title="Recieving data: illuminates <strong class='text-success'>green</strong> if receiving codec2 data"
>
signal
</button>
</div> </div>
</div> </div>
<div class="col-1 text-end">
<button
type="button"
id="openHelpModalWaterfall"
data-bs-toggle="modal"
data-bs-target="#waterfallHelpModal"
class="btn m-0 p-0 border-0"
>
<i
class="bi bi-question-circle"
style="font-size: 1rem"
></i>
</button>
</div>
</div> </div>
</div>
</div> </div>
<div class="card-body p-1" style="height: 200px"> <div class="card-body p-1" style="height: 200px">
<!--278px--> <!--278px-->
@ -1160,37 +1108,33 @@
<div class="card mb-1" style="height: 240px"> <div class="card mb-1" style="height: 240px">
<!--325px--> <!--325px-->
<div class="card-header p-1"> <div class="card-header p-1">
<div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-auto">
<div class="col-auto"> <i
<i class="bi bi-list-columns-reverse" style="font-size: 1.2rem"></i> class="bi bi-list-columns-reverse"
</div> style="font-size: 1.2rem"
<div class="col-10"> ></i>
<strong class="fs-5">Heard stations</strong> </div>
</div> <div class="col-10">
<div class="col-1 text-end"> <strong class="fs-5">Heard stations</strong>
</div>
<div class="col-1 text-end">
<button <button
type="button" type="button"
id="openHelpModalHeardStations" id="openHelpModalHeardStations"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#heardStationsHelpModal" data-bs-target="#heardStationsHelpModal"
class="btn m-0 p-0 border-0" class="btn m-0 p-0 border-0"
> >
<i class="bi bi-question-circle" style="font-size: 1rem"></i> <i
</button> class="bi bi-question-circle"
style="font-size: 1rem"
></i>
</button>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="card-body p-0"> <div class="card-body p-0">
<div class="table-responsive"> <div class="table-responsive">
@ -1772,10 +1716,7 @@
aria-label="Close" aria-label="Close"
></button> ></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">Test ...</div>
Test ...
</div>
</div> </div>
</div> </div>
</div> </div>
@ -1797,14 +1738,11 @@
aria-label="Close" aria-label="Close"
></button> ></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">Test ...</div>
Test ...
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- HELP MODALS STATION --> <!-- HELP MODALS STATION -->
<div <div
class="modal fade" class="modal fade"
data-bs-backdrop="static" data-bs-backdrop="static"
@ -1822,14 +1760,11 @@
aria-label="Close" aria-label="Close"
></button> ></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">Test ...</div>
Test ...
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- HELP MODALS UPDATER --> <!-- HELP MODALS UPDATER -->
<div <div
class="modal fade" class="modal fade"
data-bs-backdrop="static" data-bs-backdrop="static"
@ -1847,15 +1782,12 @@
aria-label="Close" aria-label="Close"
></button> ></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">Test ...</div>
Test ...
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- HELP MODALS AUDIO LEVEL --> <!-- HELP MODALS AUDIO LEVEL -->
<div <div
class="modal fade" class="modal fade"
data-bs-backdrop="static" data-bs-backdrop="static"
@ -1873,14 +1805,11 @@
aria-label="Close" aria-label="Close"
></button> ></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">Test ...</div>
Test ...
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- HELP MODALS BROADCASTS --> <!-- HELP MODALS BROADCASTS -->
<div <div
class="modal fade" class="modal fade"
data-bs-backdrop="static" data-bs-backdrop="static"
@ -1898,14 +1827,11 @@
aria-label="Close" aria-label="Close"
></button> ></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">Test ...</div>
Test ...
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- HELP MODALS WATERFALL --> <!-- HELP MODALS WATERFALL -->
<div <div
class="modal fade" class="modal fade"
data-bs-backdrop="static" data-bs-backdrop="static"
@ -1923,15 +1849,12 @@
aria-label="Close" aria-label="Close"
></button> ></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">Test ...</div>
Test ...
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- HELP MODALS HEARD STATIONS --> <!-- HELP MODALS HEARD STATIONS -->
<div <div
class="modal fade" class="modal fade"
data-bs-backdrop="static" data-bs-backdrop="static"
@ -1949,17 +1872,11 @@
aria-label="Close" aria-label="Close"
></button> ></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">Test ...</div>
Test ...
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- AUDIO MODAL --> <!-- AUDIO MODAL -->
<div <div
class="modal fade" class="modal fade"
@ -2209,27 +2126,25 @@
<option value="alpha">alpha</option> <option value="alpha">alpha</option>
</select> </select>
</div> </div>
<div class="input-group input-group-sm mb-1"> <div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50" <label class="input-group-text w-50"
>Auto-start TNC/rigctld</label >Auto-start TNC/rigctld</label
> >
<label class="input-group-text w-50"> <label class="input-group-text w-50">
<div class="form-check form-switch form-check-inline"> <div class="form-check form-switch form-check-inline">
<input <input
class="form-check-input" class="form-check-input"
type="checkbox" type="checkbox"
id="AutoStartSwitch" id="AutoStartSwitch"
/> />
<label class="form-check-label" for="AutoStartSwitch" <label class="form-check-label" for="AutoStartSwitch"
>Start on launch</label >Start on launch</label
> >
</div> </div>
</label> </label>
</div> </div>
</div> </div>
<div <div
class="tab-pane" class="tab-pane"
id="chat" id="chat"
@ -3175,4 +3090,3 @@
</div> </div>
</body> </body>
</html> </html>