html beautify

This commit is contained in:
dj2ls 2022-09-23 19:19:24 +02:00
parent 605fb61fc1
commit 2a5e3c820a

View file

@ -1,7 +1,6 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
@ -16,6 +15,7 @@
<link rel="stylesheet" type="text/css" href="styles.css" />
<title>FreeDATA by DJ2LS</title>
</head>
<body>
<!-- SECONDARY NAVBAR -->
<nav class="navbar bg-light fixed-top mt-0 mb-1 pb-1 pt-1 shadow-sm">
@ -23,63 +23,41 @@
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
<div class="btn-group btn-group-sm me-2" role="group" aria-label="local-remote-switch toggle button group" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Select a local or a remote location of your TNC daemon. Normally local is the preferred option.">
<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch1" autocomplete="off" checked>
<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch1">
<i class="bi bi-pc-display-horizontal" style="font-size: 1rem; color: black;"></i>
</label>
<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch1"> <i class="bi bi-pc-display-horizontal" style="font-size: 1rem; color: black;"></i> </label>
<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch2" autocomplete="off">
<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch2">
<i class="bi bi-ethernet" style="font-size: 1rem; color: black;"></i>
</label>
<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch2"> <i class="bi bi-ethernet" style="font-size: 1rem; color: black;"></i> </label>
</div>
<div class="input-group input-group-sm me-2" id="remote-tnc-field"> <span class="input-group-text" id="basic-addon1">TNC IP</span>
<input type="text" class="form-control" placeholder="ip adress" id="tnc_adress" value="192.168.178.163" maxlength="17" style="width: 8rem" aria-label="Username" aria-describedby="basic-addon1"> <span class="input-group-text" id="basic-addon1">:</span>
<input type="text" class="form-control" placeholder="port" value="3000" id="tnc_port" maxlength="5" max="65534" min="1025" style="width: 4rem" aria-label="Username" aria-describedby="basic-addon1">
<button class="btn btn-sm btn-danger" id="daemon_connection_state" type="button" disabled>
<i class="bi bi-diagram-3" style="font-size: 1rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-danger" id="daemon_connection_state" type="button" disabled> <i class="bi bi-diagram-3" style="font-size: 1rem; color: white;"></i> </button>
</div>
<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Start or stop the TNC process. Please set your audio and radio settings first!">
<button type="button" id="startTNC" class="btn btn-sm btn-success">
<i class="bi bi-play-fill" style="font-size: 1rem; color: white;"></i>
</button>
<button type="button" id="startTNC" class="btn btn-sm btn-success"> <i class="bi bi-play-fill" style="font-size: 1rem; color: white;"></i> </button>
<!-- TNC LOG BUTTON -->
<button class="btn btn-sm btn-secondary" id="tncLog" type="button">
<i class="bi bi-activity" style="font-size: 1rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-secondary" id="tncLog" type="button"> <i class="bi bi-activity" style="font-size: 1rem; color: white;"></i> </button>
<!-- <span class="input-group-text" id="tnc_running_state" style="width: 5rem">---</span>-->
<button type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" id="stopTNC" class="btn btn-sm btn-danger">
<i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i>
</button>
<button type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" id="stopTNC" class="btn btn-sm btn-danger"> <i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i> </button>
</div>
</div>
<div class="btn-toolbar" role="toolbar">
<button class="btn btn-sm btn-danger" id="stop_transmission_connection" type="button">
<i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i>
STOP
</button>
<button class="btn btn-sm btn-danger" id="stop_transmission_connection" type="button"> <i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i> STOP </button>
</div>
<div class="btn-toolbar" role="toolbar">
<button class="btn btn-sm btn-primary me-4 position-relative" id="openRFChat" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Open the HF chat module. This is currently just a test and not finished, yet!" > <strong>RF Chat</strong>
<i class="bi bi-chat-left-text-fill" style="font-size: 1rem; color: white;"></i>
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">.</span>
</button>
<span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View the received files. This is currently under development!">
<button class="btn btn-sm btn-primary me-4 position-relative" id="openRFChat" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Open the HF chat module. This is currently just a test and not finished, yet!"> <strong>RF Chat</strong> <i class="bi bi-chat-left-text-fill" style="font-size: 1rem; color: white;"></i> <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">.</span> </button> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View the received files. This is currently under development!">
<button class="btn btn-sm btn-primary me-2" data-bs-toggle="offcanvas" data-bs-target="#receivedFilesSidebar" id="openReceivedFiles" type="button" > <strong>Files </strong>
<i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
<i class="bi bi-file-earmark-arrow-down-fill" style="font-size: 1rem; color: white;"></i>
</button>
</span>
<span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send files through HF. This is currently under development!">
</span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send files through HF. This is currently under development!">
<button class="btn btn-sm btn-primary me-2" id="openDataModule" data-bs-toggle="offcanvas" data-bs-target="#transmitFileSidebar" type="button" style="display: None;"> <strong>TX File </strong>
<i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
</button>
</span>
<span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Settings and Info">
</span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Settings and Info">
<button type="button" id="infoModalButton" data-bs-toggle="modal" data-bs-target="#infoModal" class="btn btn-sm btn-secondary"><strong>Settings </strong>
<i class="bi bi-sliders" style="font-size: 1rem; color: white;"></i>
</button>
</span>
</div>
</span> </div>
</div>
</nav>
<div id="blurdiv" style="-webkit-Filter: blur(0px)">
@ -221,7 +199,6 @@
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
<!-- ARQ SESSION CONNECTING-->
<div class="toast align-items-center text-white bg-warning border-0" id="toastARQsessionconnecting" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
@ -229,7 +206,6 @@
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
<!-- ARQ SESSION CONNECTED-->
<div class="toast align-items-center text-white bg-success border-0" id="toastARQsessionconnected" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
@ -237,7 +213,6 @@
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
<!-- ARQ SESSION CLOSE-->
<div class="toast align-items-center text-white bg-success border-0" id="toastARQsessionclose" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
@ -245,7 +220,6 @@
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
<!-- ARQ SESSION FAILED-->
<div class="toast align-items-center text-white bg-danger border-0" id="toastARQsessionfailed" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
@ -253,9 +227,6 @@
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------>
@ -263,12 +234,9 @@
<div class="row collapse multi-collapse show" id="collapseFirstRow">
<div class="col">
<div class="card text-dark mb-0">
<div class="card-header p-1">
<i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i><strong>AUDIO</strong>
</div>
<div class="card-header p-1"> <i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i><strong>AUDIO</strong> </div>
<div class="card-body p-2 mb-1">
<div class="input-group input-group-sm mb-1">
<span class="input-group-text" id="basic-addon1">
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
<i class="bi bi-mic-fill" style="font-size: 1rem; color: black;"></i>
</span>
<select class="form-select form-select-sm" id="audio_input_selectbox" aria-label=".form-select-sm">
@ -286,59 +254,37 @@
</div>
<div class="col">
<div class="card text-dark mb-0">
<div class="card-header p-1">
<i class="bi bi-projector" style="font-size: 1rem; color: black;"></i>
<div class="card-header p-1"> <i class="bi bi-projector" style="font-size: 1rem; color: black;"></i>
<div class="btn-group btn-group-sm" role="group" aria-label="waterfall-scatter-switch toggle button group">
<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-disabled" autocomplete="off" checked>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-disabled">
<i class="bi bi-x-circle" style="font-size: 0.8rem; color: black;"></i>
</label>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-disabled"> <i class="bi bi-x-circle" style="font-size: 0.8rem; color: black;"></i> </label>
<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-radio" autocomplete="off" checked>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-radio">
<i class="bi bi-projector" style="font-size: 0.8rem; color: black;"></i>
</label>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-radio"> <i class="bi bi-projector" style="font-size: 0.8rem; color: black;"></i> </label>
<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-connect" autocomplete="off" checked>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-connect">
<i class="bi bi-usb-symbol" style="font-size: 0.8rem; color: black;"></i>
</label>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-connect"> <i class="bi bi-usb-symbol" style="font-size: 0.8rem; color: black;"></i> </label>
<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-ptt" autocomplete="off" checked>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-ptt">
<i class="bi bi-alt" style="font-size: 0.8rem; color: black;"></i>
</label>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-ptt"> <i class="bi bi-alt" style="font-size: 0.8rem; color: black;"></i> </label>
</div>
<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">
<i class="bi bi-terminal" style="font-size: 0.8rem; color: black;"></i>
</label>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld"> <i class="bi bi-terminal" style="font-size: 0.8rem; color: black;"></i> </label>
<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-rigctld-info" autocomplete="off">
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld-info">
<i class="bi bi-activity" style="font-size: 0.8rem; color: black;"></i>
</label>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld-info"> <i class="bi bi-activity" style="font-size: 0.8rem; color: black;"></i> </label>
</div>
<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-network" autocomplete="off">
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-network">
<i class="bi bi-ethernet" style="font-size: 0.8rem; color: black;"></i>
</label>
<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-network"> <i class="bi bi-ethernet" style="font-size: 0.8rem; color: black;"></i> </label>
</div>
<div class="btn-group" role="group">
<button type="button" id="testHamlib" class="btn btn-sm btn-outline-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" 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.">PTT Test</button>
</div>
</div>
<div class="card-body p-2">
<!-- RADIO CONTROL DISABLED -->
<div id="radio-control-disabled">DISABLED....</div>
<!-- RADIO CONTROL RADIO -->
<div id="radio-control-radio">
<div class="input-group input-group-sm mb-1">
<span class="input-group-text" id="basic-addon1">
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
<i class="bi bi-projector-fill" style="font-size: 0.8rem; color: black;"></i>
</span>
<input class="form-control" list="datalistOptions" id="hamlib_deviceid" placeholder="Search radio..." style="width:7rem">
@ -608,22 +554,17 @@
</datalist>
</div>
</div>
<!-- RADIO CONTROL CONNECTION -->
<div id="radio-control-connection">
<div class="input-group input-group-sm mb-1">
<span class="input-group-text" id="basic-addon1">
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
<i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i>
</span>
<span class="input-group-text" id="basic-addon1">
</span> <span class="input-group-text" id="basic-addon1">
<input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_deviceport">
</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_deviceport" style="width:7rem">
<!--<option selected value="/dev/ttyUSB0">/dev/ttyUSB0</option>
<option value="/dev/ttyUSB1">/dev/ttyUSB1</option>-->
</select>
<span class="input-group-text" id="basic-addon1"><i class="bi bi-speedometer" style="font-size: 1rem; color: black;"></i></span>
<span class="input-group-text" id="basic-addon1">
</select> <span class="input-group-text" id="basic-addon1"><i class="bi bi-speedometer" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" id="basic-addon1">
<input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_serialspeed">
</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_serialspeed">
@ -639,25 +580,19 @@
<option value="115200">115200</option>
</select>
</div>
<div class="input-group input-group-sm mb-1">
<span class="input-group-text" id="basic-addon1">Data</span>
<span class="input-group-text" id="basic-addon1">
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Data</span> <span class="input-group-text" id="basic-addon1">
<input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_databits">
</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_databits">
<option value="7">7</option>
<option value="8">8</option>
</select>
<span class="input-group-text" id="basic-addon1">Stop</span>
<span class="input-group-text" id="basic-addon1">
</select> <span class="input-group-text" id="basic-addon1">Stop</span> <span class="input-group-text" id="basic-addon1">
<input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_stopbits">
</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_stopbits">
<option value="1">1</option>
<option value="2">2</option>
</select>
<span class="input-group-text" id="basic-addon1">HS</span>
<span class="input-group-text" id="basic-addon1">
</select> <span class="input-group-text" id="basic-addon1">HS</span> <span class="input-group-text" id="basic-addon1">
<input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_handshake">
</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_handshake">
@ -665,20 +600,14 @@
</select>
</div>
</div>
<!-- RADIO CONTROL PTT -->
<div id="radio-control-ptt">
<div class="input-group input-group-sm mb-1">
<span class="input-group-text" id="basic-addon1"><i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i></span>
<span class="input-group-text" id="basic-addon1">
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1"><i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" id="basic-addon1">
<input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_ptt_port">
</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_port">
<!--<option value="None">None</option>-->
</select>
<span class="input-group-text" id="basic-addon1">Type</span>
<span class="input-group-text" id="basic-addon1">
</select> <span class="input-group-text" id="basic-addon1">Type</span> <span class="input-group-text" id="basic-addon1">
<input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_pttprotocol">
</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_pttprotocol" style="width: 0.5rem">
@ -693,11 +622,7 @@
<option value="CM108">Rig CM108</option>
</select>
</div>
<div class="input-group input-group-sm mb-1">
<span class="input-group-text" id="basic-addon1">DCD</span>
<span class="input-group-text" id="basic-addon1">
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">DCD</span> <span class="input-group-text" id="basic-addon1">
<input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_dcd">
</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_dcd" style="width: 0.5rem">
@ -709,49 +634,30 @@
<option value="PARALLEL">PARALLEL</option>
</select>
</div>
</div>
<!-- RADIO CONTROL NETWORK -->
<div id="radio-control-network">
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Rigctld IP</span>
<input type="text" class="form-control" placeholder="rigctld IP" id="hamlib_rigctld_ip" aria-label="Device IP" aria-describedby="basic-addon1"> <span class="input-group-text" id="basic-addon1">:</span>
<input type="text" class="form-control" placeholder="rigctld port" id="hamlib_rigctld_port" aria-label="Device Port" aria-describedby="basic-addon1">
<input type="text" class="form-control" placeholder="rigctld port" id="hamlib_rigctld_port" aria-label="Device Port" aria-describedby="basic-addon1"> </div>
</div>
</div>
<!-- RADIO CONTROL RIGCTLD -->
<div id="radio-control-rigctld">
<div class="input-group input-group-sm mb-1">
<span class="input-group-text" id="basic-addon1">Rigctld Path</span>
<input type="text" class="form-control" placeholder="rigctld Path" id="hamlib_rigctld_path" aria-label="Device IP" aria-describedby="basic-addon1">
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Rigctld Path</span>
<input type="text" class="form-control" placeholder="rigctld Path" id="hamlib_rigctld_path" aria-label="Device IP" aria-describedby="basic-addon1"> </div>
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Rigctld Server Port</span>
<input type="text" class="form-control" placeholder="rigctld port" id="hamlib_rigctld_server_port" aria-label="Device Port" aria-describedby="basic-addon1"> </div>
</div>
<div class="input-group input-group-sm mb-1">
<span class="input-group-text" id="basic-addon1">Rigctld Server Port</span>
<input type="text" class="form-control" placeholder="rigctld port" id="hamlib_rigctld_server_port" aria-label="Device Port" aria-describedby="basic-addon1">
</div>
</div>
<!-- RADIO CONTROL RIGCTLD INFO-->
<div id="radio-control-rigctld-info">
<div class="input-group input-group-sm mb-1">
<span class="input-group-text" id="basic-addon1">Cmd</span>
<input type="text" class="form-control" placeholder="Command" id="hamlib_rigctld_command" aria-label="Device Port" aria-describedby="basic-addon1">
</div>
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Cmd</span>
<input type="text" class="form-control" placeholder="Command" id="hamlib_rigctld_command" aria-label="Device Port" aria-describedby="basic-addon1"> </div>
<div class="input-group input-group-sm mb-1">
<button class="btn btn-outline-success" type="button" id="hamlib_rigctld_start">Start</button>
<input type="text" class="form-control" placeholder="Status" id="hamlib_rigctld_status" aria-label="State" aria-describedby="basic-addon1">
<button class="btn btn-outline-danger" type="button" id="hamlib_rigctld_stop">Stop</button>
</div>
</div>
</div>
<div class="card-footer text-muted small">Select your radio and PTT settings. Start/Stop Hamlib Rigctld</div>
</div>
@ -760,13 +666,11 @@
<div class="row collapse multi-collapse show mt-2" id="collapseSecondRow">
<div class="col">
<div class="card text-dark mb-1">
<div class="card-header p-1"><strong>MY STATION</strong>
</div>
<div class="card-header p-1"><strong>MY STATION</strong> </div>
<div class="card-body p-2">
<div class="row">
<div class="col-md-auto">
<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Enter your callsign and save it">
<span class="input-group-text" id="basic-addon1">
<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Enter your callsign and save it"> <span class="input-group-text" id="basic-addon1">
<i class="bi bi-person-bounding-box" style="font-size: 1rem; color: black;"></i>
</span>
<input type="text" class="form-control" style="width: 5rem; text-transform:uppercase" placeholder="callsign" pattern="[A-Z]*" id="myCall" maxlength="8" aria-label="Input group" aria-describedby="btnGroupAddon">
@ -788,9 +692,7 @@
<option value="14">14</option>
<option value="15">15</option>
</select>
<button class="btn btn-sm btn-success" id="saveMyCall" type="button">
<i class="bi bi-check2" style="font-size: 1rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-success" id="saveMyCall" type="button"> <i class="bi bi-check2" style="font-size: 1rem; color: white;"></i> </button>
</div>
</div>
<div class="col-md-auto">
@ -798,9 +700,7 @@
<i class="bi bi-house-fill" style="font-size: 1rem; color: black;"></i>
</span>
<input type="text" class="form-control mr-1" style="max-width: 6rem" placeholder="locator" id="myGrid" maxlength="6" aria-label="Input group" aria-describedby="btnGroupAddon">
<button class="btn btn-sm btn-success" id="saveMyGrid" type="button">
<i class="bi bi-check2" style="font-size: 1rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-success" id="saveMyGrid" type="button"> <i class="bi bi-check2" style="font-size: 1rem; color: white;"></i> </button>
</div>
</div>
</div>
@ -810,11 +710,9 @@
</div>
<div class="col">
<div class="card text-dark mb-0">
<div class="card-header p-1 d-flex">
<i class="bi bi-cloud-download ms-1 me-1" style="font-size: 1rem; color: black;"></i> <strong>UPDATER</strong>
<div class="card-header p-1 d-flex"> <i class="bi bi-cloud-download ms-1 me-1" style="font-size: 1rem; color: black;"></i> <strong>UPDATER</strong>
<div class="progress w-75 ms-1 m-1">
<div class="progress-bar" style="width: 0%" role="progressbar" id="UpdateProgressBar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span id="UpdateProgressInfo"></span>
</div>
<div class="progress-bar" style="width: 0%" role="progressbar" id="UpdateProgressBar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span id="UpdateProgressInfo"></span> </div>
</div>
</div>
<div class="card-body p-2 mb-1">
@ -849,22 +747,15 @@
</div>
<div class="col">
<div class="card text-dark mb-1">
<div class="card-header p-1"><strong>PING, CQ & BEACON</strong>
</div>
<div class="card-header p-1"><strong>PING, CQ & BEACON</strong> </div>
<div class="card-body p-2">
<div class="row">
<div class="col-md-auto">
<div class="input-group input-group-sm mb-0">
<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" placeholder="DXcall" pattern="[A-Z]*" id="dxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
<button class="btn btn-sm btn-primary" id="sendPing" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send a ping request to a remote station">
Ping
</button>
<button class="btn btn-sm btn-success" id="openARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="connect to a remote station">
<i class="bi bi-arrows-angle-contract" style="font-size: 0.8rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-danger" id="closeARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="disconnect from a remote station">
<i class="bi bi-arrows-angle-expand" style="font-size: 0.8rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-primary" id="sendPing" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send a ping request to a remote station"> Ping </button>
<button class="btn btn-sm btn-success" id="openARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="connect to a remote station"> <i class="bi bi-arrows-angle-contract" style="font-size: 0.8rem; color: white;"></i> </button>
<button class="btn btn-sm btn-danger" id="closeARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="disconnect from a remote station"> <i class="bi bi-arrows-angle-expand" style="font-size: 0.8rem; color: white;"></i> </button>
</div>
</div>
<div class="col-md-auto">
@ -874,9 +765,7 @@
</div>
<div class="col-md-auto">
<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Start or stop the Beacon mode. You can also set the interval. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses.">
<button type="button" id="startBeacon" class="btn btn-sm btn-success">
<i class="bi bi-arrow-clockwise" style="font-size: 0.8rem; color: white;"></i>
</button>
<button type="button" id="startBeacon" class="btn btn-sm btn-success"> <i class="bi bi-arrow-clockwise" style="font-size: 0.8rem; color: white;"></i> </button>
<div class="input-group-text p-1">Beacon</div>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="beaconInterval" style="width:6rem">
<option value="5">5s</option>
@ -893,9 +782,7 @@
<option value="1800">30min</option>
<option value="3600">60min</option>
</select>
<button type="button" id="stopBeacon" class="btn btn-sm btn-danger">
<i class="bi bi-x-octagon-fill" style="font-size: 0.8rem; color: white;"></i>
</button>
<button type="button" id="stopBeacon" class="btn btn-sm btn-danger"> <i class="bi bi-x-octagon-fill" style="font-size: 0.8rem; color: white;"></i> </button>
</div>
</div>
</div>
@ -910,11 +797,9 @@
<div class="card-header p-1">
<div class="btn-group btn-group-sm" role="group" aria-label="waterfall-scatter-switch toggle button group">
<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch1" autocomplete="off" checked>
<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch1"><strong>WATERFALL</strong>
</label>
<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch1"><strong>WATERFALL</strong> </label>
<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch2" autocomplete="off">
<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch2"><strong>SCATTER</strong>
</label>
<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch2"><strong>SCATTER</strong> </label>
</div>
<button class="btn btn-sm btn-secondary" id="channel_busy" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>">busy</button>
</div>
@ -949,10 +834,7 @@
<div class="col">
<div class="card text-dark mb-1" style="height: 240px">
<!--325px-->
<div class="card-header p-1">
<i class="bi bi-list-columns-reverse" style="font-size: 1rem; color: black;" style="font-size: 1rem; color: black;"></i>
<strong> HEARD STATIONS</strong>
</div>
<div class="card-header p-1"> <i class="bi bi-list-columns-reverse" style="font-size: 1rem; color: black;" style="font-size: 1rem; color: black;"></i> <strong> HEARD STATIONS</strong> </div>
<div class="card-body p-0">
<!-- START OF TABLE FOR HEARD STATIONS -->
<table class="table table-sm">
@ -989,9 +871,7 @@
<!------------------------------- RECEIVED FILES SIDEBAR ----------------------->
<div class="offcanvas offcanvas-end" tabindex="-1" id="receivedFilesSidebar" aria-labelledby="receivedFilesSidebarLabel">
<div class="offcanvas-header p-2">
<button class="btn btn-sm btn-primary me-2" id="openReceivedFilesFolder" type="button">
<i class="bi bi-folder2-open" style="font-size: 1rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-primary me-2" id="openReceivedFilesFolder" type="button"> <i class="bi bi-folder2-open" style="font-size: 1rem; color: white;"></i> </button>
<h5 id="receivedFilesSidebarLabel">
Filetransfer
</h5>
@ -1042,8 +922,7 @@
<div class="row mb-1">
<div class="col">
<div class="card text-dark mb-0 ">
<div class="card-header p-1"> <strong>DX Station</strong>
</div>
<div class="card-header p-1"> <strong>DX Station</strong> </div>
<div class="card-body p-2">
<div class="row">
<div class="col-auto">
@ -1052,14 +931,10 @@
<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" pattern="[A-Z]" placeholder="DXcall" id="dataModalDxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
</div>
-->
</div>
--></div>
<div class="col-auto">
<div class="input-group input-group-sm mb-0">
<button class="btn btn-success" id="dataModalSendPing" type="button">Ping</button> <span class="input-group-text text-secondary" id="dataModalPingACK">ACK</span>
<span class="input-group-text" id="dataModalPingDistance">0000 km</span>
<span class="input-group-text" id="dataModalPingDB">0 dB</span>
</div>
<button class="btn btn-success" id="dataModalSendPing" type="button">Ping</button> <span class="input-group-text text-secondary" id="dataModalPingACK">ACK</span> <span class="input-group-text" id="dataModalPingDistance">0000 km</span> <span class="input-group-text" id="dataModalPingDB">0 dB</span> </div>
</div>
</div>
</div>
@ -1080,8 +955,7 @@
<label class="input-group-text" for="inputGroupFile02">kB</label>
</div>
</div>
-->
</div>
--></div>
</div>
<!--col-->
</div>
@ -1089,13 +963,11 @@
<div class="row mb-1">
<div class="col">
<div class="card text-dark mb-0">
<div class="card-header p-1"> <strong>Mode</strong>
</div>
<div class="card-header p-1"> <strong>Mode</strong> </div>
<div class="card-body p-2">
<div class="row">
<div class="col">
<div class="input-group input-group-sm">
<span class="input-group-text" id="basic-addon1">Mode</span>
<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1">Mode</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="datamode" disabled>
<option selected value="255">AUTO</option>
<!--<option value="232">HIGH SNR (DC1)</option>-->
@ -1105,8 +977,7 @@
</div>
</div>
<div class="col-auto">
<div class="input-group input-group-sm">
<span class="input-group-text" id="basic-addon1">Frames</span>
<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1">Frames</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm" id="framesperburst" disabled>
<option selected value="1">1</option>
</select>
@ -1156,45 +1027,30 @@
<div class="container-fluid">
<div class="btn-toolbar" role="toolbar">
<div class="btn-group btn-group-sm me-2" role="group">
<button class="btn btn-sm btn-secondary" id="ptt_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>">
<i class="bi bi-broadcast-pin" style="font-size: 0.8rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-secondary" id="ptt_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>"> <i class="bi bi-broadcast-pin" style="font-size: 0.8rem; color: white;"></i> </button>
</div>
<div class="btn-group btn-group-sm me-2" role="group">
<button class="btn btn-sm btn-secondary" id="busy_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>">
<i class="bi bi-cpu" style="font-size: 0.8rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-secondary" id="busy_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>"> <i class="bi bi-cpu" style="font-size: 0.8rem; color: white;"></i> </button>
</div>
<div class="btn-group btn-group-sm me-2" role="group">
<button class="btn btn-sm btn-secondary" id="arq_session" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>">
<i class="bi bi-arrow-left-right" style="font-size: 0.8rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-secondary" id="arq_session" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>"> <i class="bi bi-arrow-left-right" style="font-size: 0.8rem; color: white;"></i> </button>
</div>
<div class="btn-group btn-group-sm me-2" role="group">
<button class="btn btn-sm btn-secondary" id="arq_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>">
<i class="bi bi-file-earmark-binary" style="font-size: 0.8rem; color: white;"></i>
</button>
<button class="btn btn-sm btn-secondary" id="arq_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>"> <i class="bi bi-file-earmark-binary" style="font-size: 0.8rem; color: white;"></i> </button>
</div>
</div>
<div class="container-fluid p-0" style="width:15rem">
<div class="input-group input-group-sm">
<!--<span class="input-group-text" id="basic-addon1"><strong>Freq</strong></span>--><span class="input-group-text" id="frequency">---</span>
<!--<span class="input-group-text" id="basic-addon1"><strong>Mode</strong></span>--><span class="input-group-text" id="mode">---</span>
<!--<span class="input-group-text" id="basic-addon1"><strong>BW</strong></span>--> <span class="input-group-text" id="bandwidth">---</span>
</div>
<!--<span class="input-group-text" id="basic-addon1"><strong>BW</strong></span>--><span class="input-group-text" id="bandwidth">---</span> </div>
</div>
<div class="container-fluid p-0" style="width:12rem">
<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i></span>
<span class="input-group-text" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="actual speed level">
<i id="speed_level" class="bi bi-reception-0" style="font-size: 1rem; color: black;"></i></span>
<span class="input-group-text" id="bytes_per_min" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="raw data rate modem in bytes per minute">---</span>
<span class="input-group-text" id="bytes_per_min_compressed" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="data rate including file compression in bytes per minute">---</span>
</div>
<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="actual speed level">
<i id="speed_level" class="bi bi-reception-0" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" id="bytes_per_min" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="raw data rate modem in bytes per minute">---</span> <span class="input-group-text" id="bytes_per_min_compressed" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="data rate including file compression in bytes per minute">---</span> </div>
</div>
<div class="container-fluid p-0" style="width:10rem">
<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><strong>Bytes</strong></span>
<span class="input-group-text" id="total_bytes">---</span>
</div>
<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><strong>Bytes</strong></span> <span class="input-group-text" id="total_bytes">---</span> </div>
</div>
<div class="container-fluid p-0" style="width:15rem">
<div class="progress" style="height: 30px;">
@ -1227,12 +1083,8 @@
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Test-Frame</span>
<button type="button" id="sendTestFrame" class="btn btn-danger">Transmit</button>
</div>
<div class="input-group input-group-sm mb-1">
<span class="input-group-text" id="basic-addon1">TX Level</span>
<span class="input-group-text" id="audioLevelTXvalue">---</span>
<span class="input-group-text w-75" id="basic-addon1">
<input type="range" class="form-range" min="0" max="250" step="1" id="audioLevelTX"></span>
</div>
<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">TX Level</span> <span class="input-group-text" id="audioLevelTXvalue">---</span> <span class="input-group-text w-75" id="basic-addon1">
<input type="range" class="form-range" min="0" max="250" step="1" id="audioLevelTX"></span> </div>
</div>
</div>
</div>
@ -1246,8 +1098,7 @@
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="input-group input-group-sm mb-1">
<span class="input-group-text w-50" id="basic-addon1">Theme</span>
<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Theme</span>
<select class="form-select form-select-sm w-50" id="theme_selector">
<option value="default">Default</option>
<option value="cerulean">Cerulean</option>
@ -1277,8 +1128,7 @@
<option value="zephyr">Zephyr</option>
</select>
</div>
<div class="input-group input-group-sm mb-1">
<span class="input-group-text w-50" id="basic-addon1">Update channel</span>
<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Update channel</span>
<select class="form-select form-select-sm w-50" id="update_channel_selector">
<option value="latest">stable</option>
<option value="beta">beta</option>
@ -1287,8 +1137,7 @@
</div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50" for="inputGroupFile02">Received files folder</label>
<input type="text" class="form-control w-50" id="received_files_folder">
</div>
<input type="text" class="form-control w-50" id="received_files_folder"> </div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-25">Tuning range</label>
<label class="input-group-text">fmin</label>
@ -1383,11 +1232,7 @@
<h5 class="modal-title">Hamlib advanced settings</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
<div class="modal-body"> </div>
<div class="modal-footer">
<button type="button" id="testHamlibAdvanced" class="btn btn-sm btn-outline-secondary">Test settings</button>
<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Close</button>
@ -1396,6 +1241,5 @@
</div>
</div>
</body>
</html>