Prettified Code!

This commit is contained in:
DJ2LS 2023-04-20 10:06:27 +00:00 committed by GitHub Action
parent 914fc7cc0a
commit 13439e09f5

View file

@ -2234,58 +2234,56 @@
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title"> <h5 class="card-title">
<div class="progress mb-0" style="height: 22px">
<div class="progress mb-0" style="height: 22px"> <div
<div class="progress-bar progress-bar-striped bg-primary force-gpu"
class="progress-bar progress-bar-striped bg-primary force-gpu" role="progressbar"
role="progressbar" style="width: 5%"
style="width: 5%" aria-valuenow="5"
aria-valuenow="5" aria-valuemin="0"
aria-valuemin="0" aria-valuemax="100"
aria-valuemax="100" ></div>
></div> <p
<p class="justify-content-center d-flex position-absolute w-100"
class="justify-content-center d-flex position-absolute w-100" >
> -38 dBFS (Audio Level)
-38 dBFS (Audio Level) </p>
</p> </div>
</div> <div class="progress mb-0" style="height: 8px">
<div class="progress mb-0" style="height: 8px"> <div
<div class="progress-bar progress-bar-striped bg-warning"
class="progress-bar progress-bar-striped bg-warning" role="progressbar"
role="progressbar" style="width: 1%"
style="width: 1%" aria-valuenow="1"
aria-valuenow="1" aria-valuemin="0"
aria-valuemin="0" aria-valuemax="100"
aria-valuemax="100" ></div>
></div> <div
<div class="progress-bar bg-success"
class="progress-bar bg-success" role="progressbar"
role="progressbar" style="width: 89%"
style="width: 89%" aria-valuenow="50"
aria-valuenow="50" aria-valuemin="0"
aria-valuemin="0" aria-valuemax="100"
aria-valuemax="100" ></div>
></div> <div
<div class="progress-bar progress-bar-striped bg-warning"
class="progress-bar progress-bar-striped bg-warning" role="progressbar"
role="progressbar" style="width: 20%"
style="width: 20%" aria-valuenow="20"
aria-valuenow="20" aria-valuemin="0"
aria-valuemin="0" aria-valuemax="100"
aria-valuemax="100" ></div>
></div> <div
<div class="progress-bar progress-bar-striped bg-danger"
class="progress-bar progress-bar-striped bg-danger" role="progressbar"
role="progressbar" style="width: 29%"
style="width: 29%" aria-valuenow="29"
aria-valuenow="29" aria-valuemin="0"
aria-valuemin="0" aria-valuemax="100"
aria-valuemax="100" ></div>
></div> </div>
</h5>
</div>
</h5>
<p class="card-text"> <p class="card-text">
Represents the level of audio from transceiver. Excessively Represents the level of audio from transceiver. Excessively
high levels will affect decoding performance negatively. high levels will affect decoding performance negatively.
@ -2295,73 +2293,73 @@
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title"> <h5 class="card-title">
<div class="progress mb-0" style="height: 22px"> <div class="progress mb-0" style="height: 22px">
<div <div
class="progress-bar progress-bar-striped bg-primary force-gpu" class="progress-bar progress-bar-striped bg-primary force-gpu"
role="progressbar" role="progressbar"
style="width: 30%" style="width: 30%"
aria-valuenow="0" aria-valuenow="0"
aria-valuemin="0" aria-valuemin="0"
aria-valuemax="100" aria-valuemax="100"
></div> ></div>
<p <p
class="justify-content-center d-flex position-absolute w-100" class="justify-content-center d-flex position-absolute w-100"
id="noise_level_value" id="noise_level_value"
> >
-24 S-Meter (dBm) -24 S-Meter (dBm)
</p> </p>
</div> </div>
<div class="progress mb-0" style="height: 8px"> <div class="progress mb-0" style="height: 8px">
<div <div
class="progress-bar progress-bar-striped bg-warning" class="progress-bar progress-bar-striped bg-warning"
role="progressbar" role="progressbar"
style="width: 1%" style="width: 1%"
aria-valuenow="1" aria-valuenow="1"
aria-valuemin="0" aria-valuemin="0"
aria-valuemax="100" aria-valuemax="100"
></div> ></div>
<div <div
class="progress-bar bg-success" class="progress-bar bg-success"
role="progressbar" role="progressbar"
style="width: 89%" style="width: 89%"
aria-valuenow="50" aria-valuenow="50"
aria-valuemin="0" aria-valuemin="0"
aria-valuemax="100" aria-valuemax="100"
></div> ></div>
<div <div
class="progress-bar progress-bar-striped bg-warning" class="progress-bar progress-bar-striped bg-warning"
role="progressbar" role="progressbar"
style="width: 20%" style="width: 20%"
aria-valuenow="20" aria-valuenow="20"
aria-valuemin="0" aria-valuemin="0"
aria-valuemax="100" aria-valuemax="100"
></div> ></div>
<div <div
class="progress-bar progress-bar-striped bg-danger" class="progress-bar progress-bar-striped bg-danger"
role="progressbar" role="progressbar"
style="width: 29%" style="width: 29%"
aria-valuenow="29" aria-valuenow="29"
aria-valuemin="0" aria-valuemin="0"
aria-valuemax="100" aria-valuemax="100"
></div> ></div>
</div>
</div> </h5>
</h5>
<p class="card-text"> <p class="card-text">
Represents noise level of the channel from the transceiver. Represents noise level of the channel from the transceiver.
Requires hamlib rig control. Requires hamlib rig control.
</p> </p>
</div> </div>
</div> </div>
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title"> <h5 class="card-title">
<button
<button type="button" class="btn btn-sm btn-outline-secondary"> type="button"
Tune class="btn btn-sm btn-outline-secondary"
</button> >
</h5> Tune
</button>
</h5>
<p class="card-text"> <p class="card-text">
Adjust volume level of outgoing audio to transceiver. For best Adjust volume level of outgoing audio to transceiver. For best
results lower the level so that a minimum amount of ALC is results lower the level so that a minimum amount of ALC is
@ -2373,10 +2371,10 @@
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title"> <h5 class="card-title">
<button type="button" class="btn btn-sm btn-outline-danger"> <button type="button" class="btn btn-sm btn-outline-danger">
Record audio Record audio
</button> </button>
</h5> </h5>
<p class="card-text">Create a recording of current channel</p> <p class="card-text">Create a recording of current channel</p>
</div> </div>
</div> </div>
@ -2477,20 +2475,21 @@
<div class="modal-body"> <div class="modal-body">
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Waterfall <h5 class="card-title">
<input Waterfall
type="radio" <input
class="btn-check" type="radio"
name="waterfall-scatter-switch" class="btn-check"
autocomplete="off" name="waterfall-scatter-switch"
checked autocomplete="off"
/> checked
<label />
class="btn btn-sm btn-outline-secondary" <label
for="waterfall-scatter-switch1" class="btn btn-sm btn-outline-secondary"
><strong><i class="bi bi-water"></i></strong> for="waterfall-scatter-switch1"
</label> ><strong><i class="bi bi-water"></i></strong>
</h5> </label>
</h5>
<p class="card-text"> <p class="card-text">
Displays a waterfall for activity of current channel. Displays a waterfall for activity of current channel.
</p> </p>
@ -2498,12 +2497,13 @@
</div> </div>
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Busy Indicator <h5 class="card-title">
Busy Indicator
<button class="btn btn-sm btn-success" type="button"> <button class="btn btn-sm btn-success" type="button">
busy busy
</button> </button>
</h5> </h5>
<p class="card-text"> <p class="card-text">
Green when channel is open and changes to red to indicate Green when channel is open and changes to red to indicate
there is activity on the channel. there is activity on the channel.
@ -2512,11 +2512,12 @@
</div> </div>
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Signal Indicator <h5 class="card-title">
<button class="btn btn-sm btn-success" type="button"> Signal Indicator
signal <button class="btn btn-sm btn-success" type="button">
</button> signal
</h5> </button>
</h5>
<p class="card-text"> <p class="card-text">
Changes to green when Codec2 data is detected on channel. Changes to green when Codec2 data is detected on channel.
</p> </p>
@ -2524,12 +2525,13 @@
</div> </div>
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Constellation Plot <h5 class="card-title">
<input type="radio" class="btn-check" autocomplete="off" /> Constellation Plot
<label class="btn btn-sm btn-outline-secondary" <input type="radio" class="btn-check" autocomplete="off" />
><strong><i class="bi bi-border-outer"></i></strong> <label class="btn btn-sm btn-outline-secondary"
</label> ><strong><i class="bi bi-border-outer"></i></strong>
</h5> </label>
</h5>
<p class="card-text"> <p class="card-text">
Displays a plot of last decoded message. A constellation plot Displays a plot of last decoded message. A constellation plot
is a simple way to represent signal quality. is a simple way to represent signal quality.
@ -2538,13 +2540,14 @@
</div> </div>
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Speed Chart <h5 class="card-title">
Speed Chart
<input type="radio" class="btn-check" autocomplete="off" /> <input type="radio" class="btn-check" autocomplete="off" />
<label class="btn btn-sm btn-outline-secondary" <label class="btn btn-sm btn-outline-secondary"
><strong><i class="bi bi-graph-up-arrow"></i></strong> ><strong><i class="bi bi-graph-up-arrow"></i></strong>
</label> </label>
</h5> </h5>
<p class="card-text"> <p class="card-text">
Shows history of SNR and bit rate of messages. Shows history of SNR and bit rate of messages.
</p> </p>
@ -2576,17 +2579,15 @@
<div class="modal-body"> <div class="modal-body">
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<p class="card-text"> <p class="card-text">
Stations that you've been able to decode will be listed here. Stations that you've been able to decode will be listed here.
Details such as time, frequency, message type, call sign, location Details such as time, frequency, message type, call sign,
and SNR will be listed. Existing entries are updated if they already location and SNR will be listed. Existing entries are updated
exist and more detailed history can be viewed in chat window for if they already exist and more detailed history can be viewed
each station. in chat window for each station.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>