Crash_Override/FreeDATA
1
0
Fork 0
mirror of https://github.com/DJ2LS/FreeDATA synced 2024-05-14 08:04:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prettified Code!

Browse source
This commit is contained in:
DJ2LS 2023-03-16 06:48:18 +00:00 committed by GitHub Action
parent 9eb2cb210c
commit 3604c41805
3 changed files with 111 additions and 165 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
gui/src/chat-module.html
View file

@ -288,7 +288,7 @@
<i <i
id="emojipickerbutton" id="emojipickerbutton"
class="bi bi-emoji-smile p-0" class="bi bi-emoji-smile p-0"
style="font-size: 1rem;" style="font-size: 1rem"
></i> ></i>
</div> </div>
@ -302,7 +302,7 @@
<div class="input-group-text me-3"> <div class="input-group-text me-3">
<i <i
class="bi bi-paperclip" class="bi bi-paperclip"
style="font-size: 1rem;" style="font-size: 1rem"
id="selectFilesButton" id="selectFilesButton"
></i> ></i>
@ -311,10 +311,7 @@
id="sendMessage" id="sendMessage"
type="button" type="button"
> >
<i <i class="bi bi-send" style="font-size: 1.2rem"></i>
class="bi bi-send"
style="font-size: 1.2rem;"
></i>
</button> </button>
</div> </div>
</div> </div>

253
gui/src/index.html
View file

@ -102,10 +102,7 @@
type="button" type="button"
disabled disabled
> >
<i <i class="bi bi-diagram-3" style="font-size: 1rem"></i>
class="bi bi-diagram-3"
style="font-size: 1rem;"
></i>
</button> </button>
</div> </div>
</div> </div>
@ -273,30 +270,18 @@
<div class="container p-0" style="margin-top: 55px"> <div class="container p-0" style="margin-top: 55px">
<div class="row collapse multi-collapse show" id="collapseFirstRow"> <div class="row collapse multi-collapse show" id="collapseFirstRow">
<div class="col"> <div class="col">
<div class="card mb-0 "> <div class="card mb-0">
<div class="card-header p-2 "> <div class="card-header p-2">
<div class=""> <div class="">
<i <i class="bi bi-volume-up" style="font-size: 1rem"></i
class="bi bi-volume-up" ><strong>AUDIO</strong>
style="font-size: 1rem;" </div>
></i
><strong>AUDIO</strong>
</div>
</div> </div>
<div class="card-body p-1" style="height: 100px">
<div class="card-body p-1" style="height:100px">
<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">
<i <i class="bi bi-mic-fill" style="font-size: 1rem"></i>
class="bi bi-mic-fill"
style="font-size: 1rem;"
></i>
</span> </span>
<select <select
class="form-select form-select-sm" class="form-select form-select-sm"
@ -307,11 +292,8 @@
</select> </select>
</div> </div>
<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">
<i <i class="bi bi-volume-up" style="font-size: 1rem"></i>
class="bi bi-volume-up"
style="font-size: 1rem;"
></i>
</span> </span>
<select <select
class="form-select form-select-sm" class="form-select form-select-sm"
@ -320,19 +302,16 @@
></select> ></select>
</div> </div>
</div> </div>
<div class="card-footer text-muted small "> <div class="card-footer text-muted small">
Please select audio device for RX and TX Please select audio device for RX and TX
</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">
<i <i class="bi bi-projector" style="font-size: 1rem"></i
class="bi bi-projector"
style="font-size: 1rem;"
></i
><strong> TNC RIG CONTROL</strong> ><strong> TNC RIG CONTROL</strong>
<div <div
class="btn-group btn-group-sm" class="btn-group btn-group-sm"
@ -393,7 +372,7 @@
</label> </label>
</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 -->
<div id="radio-control-disabled"> <div id="radio-control-disabled">
<p class="small"> <p class="small">
@ -407,10 +386,10 @@
<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 Network settings</span >Rigctld Network settings</span
> >
<span class="input-group-text ">IP</span> <span class="input-group-text">IP</span>
<input <input
type="text" type="text"
class="form-control" class="form-control"
@ -419,7 +398,7 @@
aria-label="Device IP" aria-label="Device IP"
aria-describedby="basic-addon1" aria-describedby="basic-addon1"
/> />
<span class="input-group-text ">Port</span> <span class="input-group-text">Port</span>
<input <input
type="text" type="text"
class="form-control" class="form-control"
@ -431,44 +410,44 @@
</div> </div>
<div class="input-group input-group-sm mb-1"> <div class="input-group input-group-sm mb-1">
<span class="input-group-text ">Rigctld application</span> <span class="input-group-text">Rigctld application</span>
<button <button
class="btn btn-outline-success" class="btn btn-outline-success"
type="button" type="button"
id="hamlib_rigctld_start" id="hamlib_rigctld_start"
> >
Start Start
</button> </button>
<input <input
type="text" type="text"
class="form-control" class="form-control"
placeholder="Status" placeholder="Status"
id="hamlib_rigctld_status" id="hamlib_rigctld_status"
aria-label="State" aria-label="State"
aria-describedby="basic-addon1" aria-describedby="basic-addon1"
/> />
<button <button
class="btn btn-outline-danger" class="btn btn-outline-danger"
type="button" type="button"
id="hamlib_rigctld_stop" id="hamlib_rigctld_stop"
> >
Stop Stop
</button> </button>
<button <button
type="button" type="button"
id="testHamlib" id="testHamlib"
class="btn btn-sm btn-outline-secondary ms-1" class="btn btn-sm btn-outline-secondary ms-1"
data-bs-placement="bottom" data-bs-placement="bottom"
data-bs-toggle="tooltip" data-bs-toggle="tooltip"
data-bs-trigger="hover" data-bs-trigger="hover"
data-bs-html="true" data-bs-html="true"
title="Test your hamlib settings and toggle PTT once. Button will become <strong class='text-success'>green</strong> on success and <strong class='text-danger'>red</strong> if fails." title="Test your hamlib settings and toggle PTT once. Button will become <strong class='text-success'>green</strong> on success and <strong class='text-danger'>red</strong> if fails."
> >
PTT Test PTT Test
</button> </button>
</div>
</div> </div>
</div> </div>
</div>
<!-- RADIO CONTROL HELP --> <!-- RADIO CONTROL HELP -->
<div id="radio-control-help"> <div id="radio-control-help">
@ -481,7 +460,7 @@
happens automatically. happens automatically.
</div> </div>
</div> </div>
<div class="card-footer text-muted small " id="hamlib_info_field"> <div class="card-footer text-muted small" id="hamlib_info_field">
Define TNC rig control mode (none/hamlib) Define TNC rig control mode (none/hamlib)
</div> </div>
</div> </div>
@ -492,8 +471,10 @@
id="collapseSecondRow" id="collapseSecondRow"
> >
<div class="col"> <div class="col">
<div class="card mb-1 "> <div class="card mb-1">
<div class="card-header p-2"><i class="bi bi-house-door"></i><strong> MY STATION</strong></div> <div class="card-header p-2">
<i class="bi bi-house-door"></i><strong> MY STATION</strong>
</div>
<div class="card-body p-2"> <div class="card-body p-2">
<div class="row"> <div class="row">
<div class="col-md-auto"> <div class="col-md-auto">
@ -505,10 +486,10 @@
data-bs-html="false" data-bs-html="false"
title="Enter your callsign and save it" title="Enter your callsign and save it"
> >
<span class="input-group-text "> <span class="input-group-text">
<i <i
class="bi bi-person-bounding-box" class="bi bi-person-bounding-box"
style="font-size: 1rem;" style="font-size: 1rem"
></i> ></i>
</span> </span>
<input <input
@ -555,11 +536,8 @@
data-bs-html="false" data-bs-html="false"
title="Enter your gridsquare and save it" title="Enter your gridsquare and save it"
> >
<span class="input-group-text "> <span class="input-group-text">
<i <i class="bi bi-house-fill" style="font-size: 1rem"></i>
class="bi bi-house-fill"
style="font-size: 1rem;"
></i>
</span> </span>
<input <input
type="text" type="text"
@ -579,11 +557,11 @@
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<div class="card mb-0 "> <div class="card mb-0">
<div class="card-header p-2 d-flex"> <div class="card-header p-2 d-flex">
<i <i
class="bi bi-cloud-download ms-1 me-1" class="bi bi-cloud-download ms-1 me-1"
style="font-size: 1rem;" style="font-size: 1rem"
></i> ></i>
<strong>UPDATER</strong> <strong>UPDATER</strong>
<div class="progress w-75 ms-1 m-1"> <div class="progress w-75 ms-1 m-1">
@ -641,12 +619,9 @@
<div class="container mt-2 p-0"> <div class="container mt-2 p-0">
<div class="row collapse multi-collapse" id="collapseThirdRow"> <div class="row collapse multi-collapse" id="collapseThirdRow">
<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">
<i <i class="bi bi-volume-up" style="font-size: 1rem"></i>
class="bi bi-volume-up"
style="font-size: 1rem;"
></i>
<strong>AUDIO LEVEL</strong> <strong>AUDIO LEVEL</strong>
<button <button
type="button" type="button"
@ -780,8 +755,8 @@
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<div class="card mb-1 "> <div class="card mb-1">
<div class="card-header p-2 "> <div class="card-header p-2">
<strong>PING, CQ & BEACON</strong> <strong>PING, CQ & BEACON</strong>
</div> </div>
<div class="card-body p-2"> <div class="card-body p-2">
@ -890,8 +865,8 @@
</div> </div>
<div class="row collapse multi-collapse" id="collapseFourthRow"> <div class="row collapse multi-collapse" id="collapseFourthRow">
<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 <div
class="btn-group btn-group-sm" class="btn-group btn-group-sm"
role="group" role="group"
@ -987,12 +962,12 @@
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<div class="card mb-1 " style="height: 240px"> <div class="card mb-1" style="height: 240px">
<!--325px--> <!--325px-->
<div class="card-header p-2 "> <div class="card-header p-2">
<i <i
class="bi bi-list-columns-reverse" class="bi bi-list-columns-reverse"
style="font-size: 1rem;" style="font-size: 1rem"
></i> ></i>
<strong> HEARD STATIONS</strong> <strong> HEARD STATIONS</strong>
</div> </div>
@ -1045,10 +1020,7 @@
id="openReceivedFilesFolder" id="openReceivedFilesFolder"
type="button" type="button"
> >
<i <i class="bi bi-folder2-open" style="font-size: 1rem"></i>
class="bi bi-folder2-open"
style="font-size: 1rem;"
></i>
</button> </button>
<h5 id="receivedFilesSidebarLabel">Filetransfer</h5> <h5 id="receivedFilesSidebarLabel">Filetransfer</h5>
<button <button
@ -1261,7 +1233,9 @@
<!--end of blur div --> <!--end of blur div -->
<!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------> <!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
<div class="container-fluid"> <div class="container-fluid">
<nav class="navbar fixed-bottom navbar-expand-xl navbar-light border-top rounded-3 p-2"> <nav
class="navbar fixed-bottom navbar-expand-xl navbar-light border-top rounded-3 p-2"
>
<div class="col-sm-2"> <div class="col-sm-2">
<div class="btn-toolbar" role="toolbar" style="margin-left: 2px"> <div class="btn-toolbar" role="toolbar" style="margin-left: 2px">
<div class="btn-group btn-group-sm me-1" role="group"> <div class="btn-group btn-group-sm me-1" role="group">
@ -1275,10 +1249,7 @@
data-bs-html="true" data-bs-html="true"
title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>" title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>"
> >
<i <i class="bi bi-broadcast-pin" style="font-size: 0.8rem"></i>
class="bi bi-broadcast-pin"
style="font-size: 0.8rem;"
></i>
</button> </button>
</div> </div>
<div class="btn-group btn-group-sm me-1" role="group"> <div class="btn-group btn-group-sm me-1" role="group">
@ -1292,10 +1263,7 @@
data-bs-html="true" data-bs-html="true"
title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>" title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>"
> >
<i <i class="bi bi-cpu" style="font-size: 0.8rem"></i>
class="bi bi-cpu"
style="font-size: 0.8rem;"
></i>
</button> </button>
</div> </div>
<div class="btn-group btn-group-sm me-1" role="group"> <div class="btn-group btn-group-sm me-1" role="group">
@ -1309,10 +1277,7 @@
data-bs-html="true" data-bs-html="true"
title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>" title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>"
> >
<i <i class="bi bi-arrow-left-right" style="font-size: 0.8rem"></i>
class="bi bi-arrow-left-right"
style="font-size: 0.8rem;"
></i>
</button> </button>
</div> </div>
<div class="btn-group btn-group-sm me-1" role="group"> <div class="btn-group btn-group-sm me-1" role="group">
@ -1328,7 +1293,7 @@
> >
<i <i
class="bi bi-file-earmark-binary" class="bi bi-file-earmark-binary"
style="font-size: 0.8rem;" style="font-size: 0.8rem"
></i> ></i>
</button> </button>
</div> </div>
@ -1343,10 +1308,7 @@
data-bs-html="true" data-bs-html="true"
title="rigctld state: <strong class='text-success'>CONNECTED</strong> / <strong class='text-secondary'>UNKNOWN</strong>" title="rigctld state: <strong class='text-success'>CONNECTED</strong> / <strong class='text-secondary'>UNKNOWN</strong>"
> >
<i <i class="bi bi-usb-symbol" style="font-size: 0.8rem"></i>
class="bi bi-usb-symbol"
style="font-size: 0.8rem;"
></i>
</button> </button>
</div> </div>
</div> </div>
@ -1387,10 +1349,7 @@
data-bs-html="false" data-bs-html="false"
title="save frequency" title="save frequency"
> >
<i <i class="bi bi-check-lg" style="font-size: 0.8rem"></i>
class="bi bi-check-lg"
style="font-size: 0.8rem;"
></i>
</button> </button>
</div> </div>
</form> </form>
@ -1493,10 +1452,7 @@
<div class="col-sm-3"> <div class="col-sm-3">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<span class="input-group-text"> <span class="input-group-text">
<i <i class="bi bi-speedometer2" style="font-size: 1rem"></i>
class="bi bi-speedometer2"
style="font-size: 1rem;"
></i>
</span> </span>
<span <span
class="input-group-text" class="input-group-text"
@ -1509,14 +1465,11 @@
<i <i
id="speed_level" id="speed_level"
class="bi bi-reception-0" class="bi bi-reception-0"
style="font-size: 1rem;" style="font-size: 1rem"
></i> ></i>
</span> </span>
<span class="input-group-text"> <span class="input-group-text">
<i <i class="bi bi-file-earmark-binary" style="font-size: 1rem"></i>
class="bi bi-file-earmark-binary"
style="font-size: 1rem;"
></i>
</span> </span>
<span <span
class="input-group-text" class="input-group-text"
@ -1792,7 +1745,7 @@
</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">Enable fancy GUI</label> <label class="input-group-text w-50">Enable fancy GUI</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"
@ -1839,7 +1792,7 @@
<label class="input-group-text w-50" <label class="input-group-text w-50"
>Enable "is typing"</label >Enable "is typing"</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"
@ -1857,7 +1810,7 @@
<label class="input-group-text w-50" <label class="input-group-text w-50"
>Allow requesting "user profile"</label >Allow requesting "user profile"</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"
@ -1872,7 +1825,7 @@
<label class="input-group-text w-50" <label class="input-group-text w-50"
>Allow requesting "shared folder"</label >Allow requesting "shared folder"</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"
@ -2483,7 +2436,7 @@
<label class="input-group-text w-50" <label class="input-group-text w-50"
>Enable waterfall data</label >Enable waterfall data</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"
@ -2500,7 +2453,7 @@
<label class="input-group-text w-50" <label class="input-group-text w-50"
>Enable scatter diagram data</label >Enable scatter diagram data</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"
@ -2517,7 +2470,7 @@
<label class="input-group-text w-50" <label class="input-group-text w-50"
>Enable 563Hz only mode</label >Enable 563Hz only mode</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"
@ -2532,7 +2485,7 @@
</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">Respond to CQ</label> <label class="input-group-text w-50">Respond to CQ</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"
@ -2547,7 +2500,7 @@
</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">RX buffer size</label> <label class="input-group-text w-50">RX buffer size</label>
<label class="input-group-text w-50"> <label class="input-group-text w-50">
<select <select
class="form-select form-select-sm" class="form-select form-select-sm"
id="rx_buffer_size" id="rx_buffer_size"
@ -2579,7 +2532,7 @@
<label class="input-group-text w-50" <label class="input-group-text w-50"
>Explorer publishing</label >Explorer publishing</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"
@ -2596,7 +2549,7 @@
<label class="input-group-text w-50" <label class="input-group-text w-50"
>Explorer stats publishing</label >Explorer stats publishing</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"
@ -2620,7 +2573,7 @@
> >
<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">Enable autotune</label> <label class="input-group-text w-50">Enable autotune</label>
<label class="input-group-text w-50"> <label class="input-group-text w-50">
<div class="form-check form-switch form-check-inline ms-2"> <div class="form-check form-switch form-check-inline ms-2">
<input <input
class="form-check-input" class="form-check-input"
@ -2635,7 +2588,7 @@
</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">Enable FSK mode</label> <label class="input-group-text w-50">Enable FSK mode</label>
<label class="input-group-text w-50"> <label class="input-group-text w-50">
<div class="form-check form-switch form-check-inline ms-2"> <div class="form-check form-switch form-check-inline ms-2">
<input <input
class="form-check-input" class="form-check-input"

14
gui/src/styles.css
View file

@ -1,4 +1,3 @@
/* disable scrolling in main window */ /* disable scrolling in main window */
body { body {
padding-right: 0px !important; padding-right: 0px !important;
@ -95,18 +94,15 @@ https://stackoverflow.com/a/9622873
transition: 0.5s; transition: 0.5s;
} }
/* theme area */ /* theme area */
/* default light theme mods */ /* default light theme mods */
[data-bs-theme="light"] { [data-bs-theme="light"] {
.card-header{ .card-header {
background-color: var(--bs-card-cap-bg); background-color: var(--bs-card-cap-bg);
/*--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.3);*/ /*--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.3);*/
} }
} }
/* default light theme mods */ /* default light theme mods */
[data-bs-theme="dark"] { [data-bs-theme="dark"] {
}
}