2022-05-19 11:01:37 +00:00
<!doctype html>
< html lang = "en" >
2022-09-23 17:19:24 +00:00
< head >
<!-- Required meta tags -->
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta http-equiv = "Content-Security-Policy" content = "script-src 'self';" >
<!-- <meta http - equiv="Content - Security - Policy" content="script - src 'self';"> -->
<!-- Bootstrap CSS -->
< link rel = "stylesheet" id = "bootstrap_theme" href = "../node_modules/bootstrap/dist/css/bootstrap.min.css" >
< link rel = "stylesheet" href = "../node_modules/bootstrap-icons/font/bootstrap-icons.css" >
<!-- Waterfall CSS -->
< link rel = "stylesheet" type = "text/css" href = "waterfall/waterfall.css" / >
< 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" >
< div class = "container-fluid mt-0" >
< div class = "btn-toolbar" role = "toolbar" aria-label = "Toolbar with button groups" >
2023-02-04 11:00:53 +00:00
< 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 >
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
2023-02-04 11:00:53 +00:00
< 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 address" 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 >
2022-09-23 17:19:24 +00:00
< / div >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
<!-- TNC LOG BUTTON -->
2023-02-04 11:00:53 +00:00
< button class = "btn btn-sm btn-secondary" id = "tncLog" type = "button" > < i class = "bi bi-activity"
style="font-size: 1rem; color: white;">< / i > < / button >
2022-09-23 17:19:24 +00:00
<!-- <span class="input - group - text" id="tnc_running_state" style="width: 5rem"> - - - </span> -->
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< div class = "btn-toolbar" role = "toolbar" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< div class = "btn-toolbar" role = "toolbar" >
2023-02-04 11:00:53 +00:00
< button class = "btn btn-sm btn-primary me-4 position-relative" id = "openExplorer" type = "button"
data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View explorer map">
< strong > Explorer< / strong > < i class = "bi bi-pin-map-fill"
style="font-size: 1rem; color: white;">< / i > < / button >
< 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!">
<!--
2022-11-25 10:16:49 +00:00
2022-05-19 11:01:37 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / span > < span data-bs-placement = "bottom" data-bs-toggle = "tooltip" data-bs-html = "false" title = "Send files through HF. This is currently under development!" >
2022-05-28 12:31:58 +00:00
< 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 >
2022-05-19 11:01:37 +00:00
< i class = "bi bi-file-earmark-arrow-up-fill" style = "font-size: 1rem; color: white;" > < / i >
2022-11-25 10:16:49 +00:00
< / button >
-->
2023-02-04 11:00:53 +00:00
< / 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 >
2022-09-23 17:19:24 +00:00
< / div >
< / nav >
< div id = "blurdiv" style = "-webkit-Filter: blur(0px)" >
<!-- beginn of blur div -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - MAIN AREA - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - INFO TOASTS - - - - - - - - - - - - - - -->
< div aria-live = "polite" aria-atomic = "true" class = "position-relative" style = "z-index: 500" >
< div class = "toast-container position-absolute top-0 end-0 p-3" >
<!-- SENDING CQ -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-primary border-0" id = "toastCQsending" role = "alert"
aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
2023-02-04 11:00:53 +00:00
< div class = "toast-body" > < i class = "bi bi-activity"
style="font-size: 1rem; color: white;">< / i > Sending CQ CQ CQ< / div >
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- RECEIVING CQ -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-primary border-0" id = "toastCQreceiving" role = "alert"
aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > Receiving CQ CQ CQ< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- RECEIVING QRV -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-primary border-0" id = "toastQRVreceiving" role = "alert"
aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > Receiving a QRV signal!< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- TRANSMITTING QRV -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-primary border-0" id = "toastQRVtransmitting"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > Transmitting a QRV signal!< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- RECEIVING BEACON -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-primary border-0" id = "toastBEACONreceiving"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > Receiving a beacon signal!< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- SENDING PING -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-primary border-0" id = "toastPINGsending" role = "alert"
aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > Sending Ping< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- RECEIVED PING -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-primary border-0" id = "toastPINGreceiving"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > RECEIVED PING REQUEST< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- RECEIVED PING ACK -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-success border-0" id = "toastPINGreceivedACK"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > RECEIVED PING ACKNOWLEDGE< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- DATACHANNEL OPENING -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-secondary border-0" id = "toastDATACHANNELopening"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > OPENING DATACHANNEL< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- DATACHANNEL OPEN -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-success border-0" id = "toastDATACHANNELopen"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > DATACHANNEL OPENED!< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
2022-11-17 21:17:50 +00:00
<!-- DATACHANNEL WAITING -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-warning border-0" id = "toastDATACHANNELwaiting"
role="alert" aria-live="assertive" aria-atomic="true">
2022-11-17 21:17:50 +00:00
< div class = "d-flex" >
< div class = "toast-body" > DATACHANNEL BUSY! Waiting...< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-11-17 21:17:50 +00:00
< / div >
< / div >
2022-09-23 17:19:24 +00:00
<!-- STOPPING TRANSMISSION -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-danger border-0" id = "toastTRANSMISSIONstopped"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > Transmission stopped!< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- DATACHANNEL RECEIVED OPENER -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-secondary border-0"
id="toastDATACHANNELreceivedopener" role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > INCOMING FILE TRANSMISSION< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- DATACHANNEL FAILED -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-danger border-0" id = "toastDATACHANNELfailed"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > OPENING DATACHANNEL FAILED< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- ARQ RECEIVING -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-secondary border-0" id = "toastARQreceiving"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > Receiving file...< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- ARQ RECEIVING SUCCESS -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-success border-0" id = "toastARQreceivingsuccess"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > FILE SUCCESSFULLY RECEIVED!< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- ARQ RECEIVING FAILED -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-danger border-0" id = "toastARQreceivingfailed"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > FILE NOT SUCCESSFULLY RECEIVED!< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- ARQ TRANSMITTING -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-secondary border-0" id = "toastARQtransmitting"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
2022-11-11 12:32:37 +00:00
< div class = "toast-body" > TRANSMITTING...< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
2022-11-11 12:24:12 +00:00
<!-- ARQ SNR INFORMATION -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-secondary border-0" id = "toastARQtransmittingSNR"
role="alert" aria-live="assertive" aria-atomic="true">
2022-11-11 12:24:12 +00:00
< div class = "d-flex" >
2023-02-04 11:00:53 +00:00
< div class = "toast-body" > TRANSMITTING - SNR IRS:< span id = "toastARQtransmittingSNRValue" > < / span >
< / div >
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-11-11 12:24:12 +00:00
< / div >
< / div >
2022-09-23 17:19:24 +00:00
<!-- ARQ TRANSMITTING FAILED -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-danger border-0" id = "toastARQtransmittingfailed"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > TRANSMITTING FILE FAILED!< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
2023-01-22 04:13:23 +00:00
<!-- ARQ TRANSMITTING FAILED -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-danger border-0" id = "toastARQtransmittingfailedver"
role="alert" aria-live="assertive" aria-atomic="true">
2023-01-22 04:13:23 +00:00
< div class = "d-flex" >
< div class = "toast-body" > TRANSMITTING FAILED, VERSION MISMATCH!< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2023-01-22 04:13:23 +00:00
< / div >
< / div >
2022-09-23 17:19:24 +00:00
<!-- ARQ TRANSMITTING SUCCESS -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-success border-0" id = "toastARQtransmittingsuccess"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > FILE SUCCESSFULLY TRANSMITTED!< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- ARQ SESSION CONNECTING -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-warning border-0" id = "toastARQsessionconnecting"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > CONNECTING / OPENING ARQ SESSION< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- ARQ SESSION CONNECTED -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-success border-0" id = "toastARQsessionconnected"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > CONNECTED / ARQ SESSION< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
2022-11-17 23:03:18 +00:00
<!-- ARQ SESSION WAITING -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-warning border-0" id = "toastARQsessionwaiting"
role="alert" aria-live="assertive" aria-atomic="true">
2022-11-17 23:03:18 +00:00
< div class = "d-flex" >
< div class = "toast-body" > CHANNEL BUSY - Waiting...< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-11-17 23:03:18 +00:00
< / div >
< / div >
2022-09-23 17:19:24 +00:00
<!-- ARQ SESSION CLOSE -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-success border-0" id = "toastARQsessionclose"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > CLOSE / ARQ SESSION< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!-- ARQ SESSION FAILED -->
2023-02-04 11:00:53 +00:00
< div class = "toast align-items-center text-white bg-danger border-0" id = "toastARQsessionfailed"
role="alert" aria-live="assertive" aria-atomic="true">
2022-09-23 17:19:24 +00:00
< div class = "d-flex" >
< div class = "toast-body" > FAILED / ARQ SESSION< / div >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn-close btn-close-white me-2 m-auto" data-bs-dismiss = "toast"
aria-label="Close">< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< / div >
< / div >
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
< div class = "container mt-5 p-0" >
< div class = "row collapse multi-collapse show" id = "collapseFirstRow" >
< div class = "col" >
< div class = "card text-dark mb-0" >
2023-02-04 11:00:53 +00:00
< div class = "card-header p-1" > < i class = "bi bi-volume-up"
style="font-size: 1rem; color: black;">< / i > < strong > AUDIO< / strong > < / div >
2022-09-23 17:19:24 +00:00
< div class = "card-body p-2 mb-1" >
2023-02-04 11:00:53 +00:00
< 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">
2022-09-23 17:19:24 +00:00
<!-- <option selected value="3011">USB Interface</option> -->
< / select >
< / div >
2023-02-04 11:00:53 +00:00
< div class = "input-group input-group-sm mb-1" > < span class = "input-group-text"
id="basic-addon1">
< i class = "bi bi-volume-up" style = "font-size: 1rem; color: black;" > < / i >
< / span >
< select class = "form-select form-select-sm" id = "audio_output_selectbox"
aria-label=".form-select-sm">< / select >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< div class = "card-footer text-muted small" > Please select audio device for RX and TX< / div >
< / div >
< / div >
< div class = "col" >
< div class = "card text-dark mb-0" >
2023-02-04 11:00:53 +00:00
< 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 >
< 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 >
< 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 >
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< div class = "btn-group btn-group-sm" role = "group" aria-label = "radio-control-switch-rigctld" >
2023-02-04 11:00:53 +00:00
< 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 >
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< div class = "btn-group btn-group-sm" role = "group" aria-label = "radio-control-switch-rigctld" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< div class = "btn-group" role = "group" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< div class = "card-body p-2" >
<!-- RADIO CONTROL DISABLED -->
2022-10-03 12:02:58 +00:00
< div id = "radio-control-disabled" > hamlib/rigctld connection disabled< / div >
2022-09-23 17:19:24 +00:00
<!-- RADIO CONTROL RADIO -->
< div id = "radio-control-radio" >
2023-02-04 11:00:53 +00:00
< 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">
2022-09-23 17:19:24 +00:00
< datalist id = "datalistOptions" >
2022-10-03 06:57:57 +00:00
< option value = "2028" > Kenwood TS480< / option >
2023-02-04 11:00:53 +00:00
< option value = "1" > Hamlib Dummy< / option >
< option value = "2" > Hamlib NET rigctl < / option >
< option value = "4" > FLRig FLRig < / option >
< option value = "5" > TRXManager TRXManager 5.7.630+< / option >
< option value = "6" > Hamlib Dummy No VFO < / option >
< option value = "1001" > Yaesu FT-847 < / option >
< option value = "1003" > Yaesu FT-1000D < / option >
< option value = "1004" > Yaesu MARK-V FT-1000MP < / option >
< option value = "1005" > Yaesu FT-747GX < / option >
< option value = "1006" > Yaesu FT-757GX < / option >
< option value = "1007" > Yaesu FT-757GXII< / option >
< option value = "1009" > Yaesu FT-767GX < / option >
< option value = "1010" > Yaesu FT-736R < / option >
< option value = "1011" > Yaesu FT-840 < / option >
< option value = "1013" > Yaesu FT-900 < / option >
< option value = "1014" > Yaesu FT-920 < / option >
< option value = "1015" > Yaesu FT-890 < / option >
< option value = "1016" > Yaesu FT-990 < / option >
< option value = "1017" > Yaesu FRG-100 < / option >
< option value = "1018" > Yaesu FRG-9600 < / option >
< option value = "1019" > Yaesu FRG-8800 < / option >
< option value = "1020" > Yaesu FT-817 < / option >
< option value = "1021" > Yaesu FT-100 < / option >
< option value = "1022" > Yaesu FT-857 < / option >
< option value = "1023" > Yaesu FT-897 < / option >
< option value = "1024" > Yaesu FT-1000MP < / option >
< option value = "1025" > Yaesu MARK-V Field FT-1000MP < / option >
< option value = "1026" > Yaesu VR-5000 < / option >
< option value = "1027" > Yaesu FT-450 < / option >
< option value = "1028" > Yaesu FT-950 < / option >
< option value = "1029" > Yaesu FT-2000 < / option >
< option value = "1030" > Yaesu FTDX-9000 < / option >
< option value = "1031" > Yaesu FT-980 < / option >
< option value = "1032" > Yaesu FTDX-5000 < / option >
< option value = "1033" > Vertex Standard VX-1700 < / option >
< option value = "1034" > Yaesu FTDX-1200 < / option >
< option value = "1035" > Yaesu FT-991 < / option >
< option value = "1036" > Yaesu FT-891 < / option >
< option value = "1037" > Yaesu FTDX-3000 < / option >
< option value = "1038" > Yaesu FT-847UNI < / option >
< option value = "1039" > Yaesu FT-600 < / option >
< option value = "1040" > Yaesu FTDX-101D < / option >
< option value = "1041" > Yaesu FT-818 < / option >
< option value = "1042" > Yaesu FTDX-10 < / option >
< option value = "1043" > Yaesu FT-897D < / option >
< option value = "1044" > Yaesu FTDX-101MP < / option >
< option value = "2001" > Kenwood TS-50S < / option >
< option value = "2002" > Kenwood TS-440S < / option >
< option value = "2003" > Kenwood TS-450S < / option >
< option value = "2004" > Kenwood TS-570D < / option >
< option value = "2005" > Kenwood TS-690S < / option >
< option value = "2006" > Kenwood TS-711 < / option >
< option value = "2007" > Kenwood TS-790 < / option >
< option value = "2008" > Kenwood TS-811 < / option >
< option value = "2009" > Kenwood TS-850 < / option >
< option value = "2010" > Kenwood TS-870S < / option >
< option value = "2011" > Kenwood TS-940S < / option >
< option value = "2012" > Kenwood TS-950S < / option >
< option value = "2013" > Kenwood TS-950SDX < / option >
< option value = "2014" > Kenwood TS-2000 < / option >
< option value = "2015" > Kenwood R-5000 < / option >
< option value = "2016" > Kenwood TS-570S < / option >
< option value = "2017" > Kenwood TH-D7A < / option >
< option value = "2019" > Kenwood TH-F6A < / option >
< option value = "2020" > Kenwood TH-F7E < / option >
< option value = "2021" > Elecraft K2 < / option >
< option value = "2022" > Kenwood TS-930 < / option >
< option value = "2023" > Kenwood TH-G71 < / option >
< option value = "2024" > Kenwood TS-680S < / option >
< option value = "2025" > Kenwood TS-140S < / option >
< option value = "2026" > Kenwood TM-D700 < / option >
< option value = "2027" > Kenwood TM-V7 < / option >
< option value = "2028" > Kenwood TS-480 < / option >
< option value = "2029" > Elecraft K3 < / option >
< option value = "2030" > Kenwood TRC-80 < / option >
< option value = "2031" > Kenwood TS-590S < / option >
< option value = "2032" > SigFox Transfox < / option >
< option value = "2033" > Kenwood TH-D72A < / option >
< option value = "2034" > Kenwood TM-D710(G) < / option >
< option value = "2036" > FlexRadio 6xxx < / option >
< option value = "2037" > Kenwood TS-590SG < / option >
< option value = "2038" > Elecraft XG3 < / option >
< option value = "2039" > Kenwood TS-990s < / option >
< option value = "2040" > OpenHPSDR PiHPSDR < / option >
< option value = "2041" > Kenwood TS-890S < / option >
< option value = "2042" > Kenwood TH-D74 < / option >
< option value = "2043" > Elecraft K3S < / option >
< option value = "2044" > Elecraft KX2 < / option >
< option value = "2045" > Elecraft KX3 < / option >
< option value = "2046" > Hilberling PT-8000A < / option >
< option value = "2047" > Elecraft K4 < / option >
< option value = "2048" > FlexRadio/ANAN PowerSDR/Thetis < / option >
< option value = "2049" > Malachite DSP < / option >
< option value = "3002" > Icom IC-1275 < / option >
< option value = "3003" > Icom IC-271 < / option >
< option value = "3004" > Icom IC-275 < / option >
< option value = "3006" > Icom IC-471 < / option >
< option value = "3007" > Icom IC-475 < / option >
< option value = "3009" > Icom IC-706 < / option >
< option value = "3010" > Icom IC-706MkII < / option >
< option value = "3011" > Icom IC-706MkIIG < / option >
< option value = "3012" > Icom IC-707 < / option >
< option value = "3013" > Icom IC-718 < / option >
< option value = "3014" > Icom IC-725 < / option >
< option value = "3015" > Icom IC-726 < / option >
< option value = "3016" > Icom IC-728 < / option >
< option value = "3017" > Icom IC-729 < / option >
< option value = "3019" > Icom IC-735 < / option >
< option value = "3020" > Icom IC-736 < / option >
< option value = "3021" > Icom IC-737 < / option >
< option value = "3022" > Icom IC-738 < / option >
< option value = "3023" > Icom IC-746 < / option >
< option value = "3024" > Icom IC-751 < / option >
< option value = "3026" > Icom IC-756 < / option >
< option value = "3027" > Icom IC-756PRO < / option >
< option value = "3028" > Icom IC-761 < / option >
< option value = "3029" > Icom IC-765 < / option >
< option value = "3030" > Icom IC-775 < / option >
< option value = "3031" > Icom IC-781 < / option >
< option value = "3032" > Icom IC-820H < / option >
< option value = "3034" > Icom IC-821H < / option >
< option value = "3035" > Icom IC-970 < / option >
< option value = "3036" > Icom IC-R10 < / option >
< option value = "3037" > Icom IC-R71 < / option >
< option value = "3038" > Icom IC-R72 < / option >
< option value = "3039" > Icom IC-R75 < / option >
< option value = "3040" > Icom IC-R7000 < / option >
< option value = "3041" > Icom IC-R7100 < / option >
< option value = "3042" > Icom ICR-8500 < / option >
< option value = "3043" > Icom IC-R9000 < / option >
< option value = "3044" > Icom IC-910 < / option >
< option value = "3045" > Icom IC-78 < / option >
< option value = "3046" > Icom IC-746PRO < / option >
< option value = "3047" > Icom IC-756PROII < / option >
< option value = "3051" > Ten-Tec Omni VI Plus < / option >
< option value = "3052" > Optoelectronics OptoScan535 < / option >
< option value = "3053" > Optoelectronics OptoScan456 < / option >
< option value = "3054" > Icom IC ID-1 < / option >
< option value = "3055" > Icom IC-703 < / option >
< option value = "3056" > Icom IC-7800 < / option >
< option value = "3057" > Icom IC-756PROIII < / option >
< option value = "3058" > Icom IC-R20 < / option >
< option value = "3060" > Icom IC-7000 < / option >
< option value = "3061" > Icom IC-7200 < / option >
< option value = "3062" > Icom IC-7700 < / option >
< option value = "3063" > Icom IC-7600 < / option >
< option value = "3064" > Ten-Tec Delta II < / option >
< option value = "3065" > Icom IC-92D < / option >
< option value = "3066" > Icom IC-R9500 < / option >
< option value = "3067" > Icom IC-7410 < / option >
< option value = "3068" > Icom IC-9100 < / option >
< option value = "3069" > Icom IC-RX7 < / option >
< option value = "3070" > Icom IC-7100 < / option >
< option value = "3071" > Icom ID-5100 < / option >
< option value = "3072" > Icom IC-2730 < / option >
< option value = "3073" > Icom IC-7300 < / option >
< option value = "3074" > Microtelecom Perseus < / option >
< option value = "3075" > Icom IC-785x < / option >
< option value = "3076" > Xeigu X108G < / option >
< option value = "3077" > Icom IC-R6 < / option >
< option value = "3078" > Icom IC-7610 < / option >
< option value = "3079" > Icom IC-R8600 < / option >
< option value = "3080" > Icom IC-R30 < / option >
< option value = "3081" > Icom IC-9700 < / option >
< option value = "3082" > Icom ID-4100 < / option >
< option value = "3083" > Icom ID-31 < / option >
< option value = "3084" > Icom ID-51 < / option >
< option value = "3085" > Icom IC-705 < / option >
< option value = "4001" > Icom IC-PCR1000 < / option >
< option value = "4002" > Icom IC-PCR100 < / option >
< option value = "4003" > Icom IC-PCR1500 < / option >
< option value = "4004" > Icom IC-PCR2500 < / option >
< option value = "5001" > AOR AR8200 < / option >
< option value = "5002" > AOR AR8000 < / option >
< option value = "5003" > AOR AR7030 < / option >
< option value = "5004" > AOR AR5000 < / option >
< option value = "5005" > AOR AR3030 < / option >
< option value = "5006" > AOR AR3000A < / option >
< option value = "5008" > AOR AR2700 < / option >
< option value = "5013" > AOR AR8600 < / option >
< option value = "5014" > AOR AR5000A < / option >
< option value = "5015" > AOR AR7030 Plus < / option >
< option value = "5016" > AOR SR2200 < / option >
< option value = "6005" > JRC NRD-525 < / option >
< option value = "6006" > JRC NRD-535D < / option >
< option value = "6007" > JRC NRD-545 DSP < / option >
< option value = "8001" > Uniden BC780xlt < / option >
< option value = "8002" > Uniden BC245xlt < / option >
< option value = "8003" > Uniden BC895xlt < / option >
< option value = "8004" > Radio Shack PRO-2052 < / option >
< option value = "8006" > Uniden BC250D < / option >
< option value = "8010" > Uniden BCD-396T < / option >
< option value = "8011" > Uniden BCD-996T < / option >
< option value = "8012" > Uniden BC898T < / option >
< option value = "9002" > Drake R-8A < / option >
< option value = "9003" > Drake R-8B < / option >
< option value = "10004" > Lowe HF-235 < / option >
< option value = "11003" > Racal RA6790/GM < / option >
< option value = "11005" > Racal RA3702 < / option >
< option value = "12004" > Watkins-Johnson WJ-8888 < / option >
< option value = "14002" > Skanti TRP8000 < / option >
< option value = "14004" > Skanti TRP 8255 S R < / option >
< option value = "15001" > Winradio WR-1000 < / option >
< option value = "15002" > Winradio WR-1500 < / option >
< option value = "15003" > Winradio WR-1550 < / option >
< option value = "15004" > Winradio WR-3100 < / option >
< option value = "15005" > Winradio WR-3150 < / option >
< option value = "15006" > Winradio WR-3500 < / option >
< option value = "15007" > Winradio WR-3700 < / option >
< option value = "15009" > Winradio WR-G313 < / option >
< option value = "16001" > Ten-Tec TT-550 < / option >
< option value = "16002" > Ten-Tec TT-538 Jupiter < / option >
< option value = "16003" > Ten-Tec RX-320 < / option >
< option value = "16004" > Ten-Tec RX-340 < / option >
< option value = "16005" > Ten-Tec RX-350 < / option >
< option value = "16007" > Ten-Tec TT-516 Argonaut V < / option >
< option value = "16008" > Ten-Tec TT-565 Orion < / option >
< option value = "16009" > Ten-Tec TT-585 Paragon < / option >
< option value = "16011" > Ten-Tec TT-588 Omni VII < / option >
< option value = "16012" > Ten-Tec RX-331 < / option >
< option value = "16013" > Ten-Tec TT-599 Eagle < / option >
< option value = "17001" > Alinco DX-77 < / option >
< option value = "17002" > Alinco DX-SR8 < / option >
< option value = "18001" > Kachina 505DSP < / option >
< option value = "22001" > TAPR DSP-10 < / option >
< option value = "23001" > Flex-radio SDR-1000 < / option >
< option value = "23003" > DTTS Microwave Society DttSP IPC < / option >
< option value = "23004" > DTTS Microwave Society DttSP UDP < / option >
< option value = "24001" > RFT EKD-500 < / option >
< option value = "25001" > Elektor Elektor 3/04 < / option >
< option value = "25002" > SAT-Schneider DRT1 < / option >
< option value = "25003" > Coding Technologies Digital World Traveller< / option >
< option value = "25006" > AmQRP DDS-60 < / option >
< option value = "25007" > Elektor Elektor SDR-USB < / option >
< option value = "25008" > mRS miniVNA < / option >
< option value = "25009" > SoftRock Si570 AVR-USB < / option >
< option value = "25011" > KTH-SDR kit Si570 PIC-USB < / option >
< option value = "25012" > FiFi FiFi-SDR < / option >
< option value = "25013" > AMSAT-UK FUNcube Dongle < / option >
< option value = "25014" > N2ADR HiQSDR < / option >
< option value = "25015" > Funkamateur FA-SDR < / option >
< option value = "25016" > AE9RB Si570 Peaberry V1 < / option >
< option value = "25017" > AE9RB Si570 Peaberry V2 < / option >
< option value = "25018" > AMSAT-UK FUNcube Dongle Pro+ < / option >
< option value = "25019" > HobbyPCB RS-HFIQ < / option >
< option value = "26001" > Video4Linux SW/FM radio < / option >
< option value = "26002" > Video4Linux2 SW/FM radio < / option >
< option value = "27001" > Rohde& Schwarz ESMC < / option >
< option value = "27002" > Rohde& Schwarz EB200 < / option >
< option value = "27003" > Rohde& Schwarz XK2100 < / option >
< option value = "28001" > Philips/Simoco PRM8060 < / option >
< option value = "29001" > ADAT www.adat.ch ADT-200A < / option >
< option value = "30001" > Icom IC-M700PRO < / option >
< option value = "30002" > Icom IC-M802 < / option >
< option value = "30003" > Icom IC-M710 < / option >
< option value = "30004" > Icom IC-M803 < / option >
< option value = "31001" > Dorji DRA818V < / option >
< option value = "31002" > Dorji DRA818U < / option >
< option value = "32001" > Barrett 2050 < / option >
< option value = "32002" > Barrett 950 < / option >
< option value = "33001" > ELAD FDM-DUO < / option >
2022-09-23 17:19:24 +00:00
< / datalist >
< / div >
< / div >
<!-- RADIO CONTROL CONNECTION -->
< div id = "radio-control-connection" >
2023-02-04 11:00:53 +00:00
< 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_deviceport">
< / span >
< select class = "form-select form-select-sm" aria-label = ".form-select-sm"
id="hamlib_deviceport" style="width:7rem">
2022-09-23 17:19:24 +00:00
<!-- <option selected value="/dev/ttyUSB0">/dev/ttyUSB0</option>
2022-05-19 11:01:37 +00:00
< option value = "/dev/ttyUSB1" > /dev/ttyUSB1< / option > -->
2023-02-04 11:00:53 +00:00
< / 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">
2022-09-23 17:19:24 +00:00
< option value = "1200" > 1200< / option >
< option value = "2400" > 2400< / option >
< option value = "4800" > 4800< / option >
< option selected value = "9600" > 9600< / option >
< option value = "14400" > 14400< / option >
< option value = "19200" > 19200< / option >
< option value = "28800" > 28800< / option >
< option value = "38400" > 38400< / option >
< option value = "57600" > 57600< / option >
< option value = "115200" > 115200< / option >
< / select >
< / div >
2023-02-04 11:00:53 +00:00
< 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">
2022-09-23 17:19:24 +00:00
< option value = "7" > 7< / option >
< option value = "8" > 8< / option >
2023-02-04 11:00:53 +00:00
< / 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">
2022-09-23 17:19:24 +00:00
< option value = "1" > 1< / option >
< option value = "2" > 2< / option >
2023-02-04 11:00:53 +00:00
< / 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">
2022-09-23 17:19:24 +00:00
< option value = "None" > None (Default)< / option >
< / select >
< / div >
< / div >
<!-- RADIO CONTROL PTT -->
< div id = "radio-control-ptt" >
2023-02-04 11:00:53 +00:00
< 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">
2022-09-23 17:19:24 +00:00
<!-- <option value="None">None</option> -->
2023-02-04 11:00:53 +00:00
< / 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">
2022-09-23 17:19:24 +00:00
< option value = "NONE" > NONE< / option >
< option value = "RIG" > RIG< / option >
< option value = "USB" > USB< / option >
< option value = "RTS" > Serial RTS< / option >
< option value = "PARALLEL" > Rig PARALLEL< / option >
< option value = "MICDATA" > Rig MICDATA< / option >
< option value = "CM108" > Rig CM108< / option >
< / select >
< / div >
2022-10-06 08:08:31 +00:00
< div class = "input-group input-group-sm mb-1" >
2023-02-04 11:00:53 +00:00
< 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">
2022-09-23 17:19:24 +00:00
< option value = "NONE" > NONE< / option >
< option value = "RIG" > RIG/CAT< / option >
< option value = "DSR" > DSR< / option >
< option value = "CTS" > CTS< / option >
< option value = "CD" > CD< / option >
< option value = "PARALLEL" > PARALLEL< / option >
< / select >
2022-10-06 08:08:31 +00:00
2023-02-04 11:00:53 +00:00
< span class = "input-group-text" id = "basic-addon1" > DTR< / span > < span
class="input-group-text" id="basic-addon1">
< input class = "form-check-sm form-check-input" type = "checkbox"
id="enable_hamlib_dtrstate">
< / span >
< select class = "form-select form-select-sm" aria-label = ".form-select-sm"
id="hamlib_dtrstate" style="width: 0.5rem">
2022-10-06 08:08:31 +00:00
< option value = "OFF" > OFF< / option >
< option value = "ON" > ON< / option >
< / select >
2022-09-23 17:19:24 +00:00
< / div >
2022-10-06 08:08:31 +00:00
2022-09-23 17:19:24 +00:00
< / div >
<!-- RADIO CONTROL NETWORK -->
< div id = "radio-control-network" >
2023-02-04 11:00:53 +00:00
< 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">
< / div >
2022-09-23 17:19:24 +00:00
< / div >
<!-- RADIO CONTROL RIGCTLD -->
< div id = "radio-control-rigctld" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
<!-- RADIO CONTROL RIGCTLD INFO -->
< div id = "radio-control-rigctld-info" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< div class = "input-group input-group-sm mb-1" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< / div >
2023-02-04 11:00:53 +00:00
< div class = "card-footer text-muted small" id = "hamlib_info_field" > Select your radio and PTT
settings. Start/Stop Hamlib Rigctld< / div >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< / div >
< 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-body p-2" >
< div class = "row" >
< div class = "col-md-auto" >
2023-02-04 11:00:53 +00:00
< 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">
< select class = "form-select form-select-sm" aria-label = ".form-select-sm"
id="myCallSSID">
2022-09-23 17:19:24 +00:00
< option selected value = "0" > 0< / option >
< option value = "1" > 1< / option >
< option value = "2" > 2< / option >
< option value = "3" > 3< / option >
< option value = "4" > 4< / option >
< option value = "5" > 5< / option >
< option value = "6" > 6< / option >
< option value = "7" > 7< / option >
< option value = "8" > 8< / option >
< option value = "9" > 9< / option >
< option value = "10" > 10< / option >
< option value = "11" > 11< / option >
< option value = "12" > 12< / option >
< option value = "13" > 13< / option >
< option value = "14" > 14< / option >
< option value = "15" > 15< / option >
< / select >
< / div >
< / div >
< div class = "col-md-auto" >
2023-02-04 11:00:53 +00:00
< div class = "input-group input-group-sm mb-0" data-bs-placement = "bottom"
data-bs-toggle="tooltip" data-bs-html="false"
title="Enter your gridsquare and save it"> < span class = "input-group-text"
id="basic-addon1">
< 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">
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< / div >
<!-- end of row -->
< / div >
< / div >
< / div >
< div class = "col" >
< div class = "card text-dark mb-0" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< div class = "progress w-75 ms-1 m-1" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< div class = "card-body p-2 mb-1" >
2023-02-04 11:00:53 +00:00
< button class = "btn btn-secondary btn-sm" id = "updater_channel" type = "button"
disabled>...< / button >
< button class = "btn btn-secondary btn-sm" id = "updater_status" type = "button"
disabled>...< / button >
< button class = "btn btn-secondary btn-sm" id = "updater_changelog" type = "button"
style="display:none;">Changelog< / button >
< button class = "btn btn-primary btn-sm" id = "update_and_install" type = "button"
style="display:none;">Install & Restart< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "container mt-2 p-0" >
< div class = "row collapse multi-collapse" id = "collapseThirdRow" >
< div class = "col-5" >
< div class = "card text-dark mb-1" >
2023-02-04 11:00:53 +00:00
< div class = "card-header p-1" > < i class = "bi bi-volume-up"
style="font-size: 1rem; color: black;">< / i > < strong > AUDIO LEVEL< / strong >
< button type = "button" id = "audioModalButton" data-bs-toggle = "modal"
data-bs-target="#audioModal" class="btn btn-sm btn-secondary">Tune< / button >
2022-12-26 11:11:59 +00:00
< button type = "button" id = "startStopRecording" class = "btn btn-sm btn-danger" > Rec< / button >
2022-09-23 17:19:24 +00:00
< / div >
< div class = "card-body p-2" >
< div class = "progress mb-0" style = "height: 15px;" >
2023-02-04 11:00:53 +00:00
< div class = "progress-bar progress-bar-striped bg-primary force-gpu" id = "dbfs_level"
role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0"
aria-valuemax="100">< / div >
< p class = "justify-content-center d-flex position-absolute w-100" id = "dbfs_level_value" >
dBFS< / p >
2022-09-23 17:19:24 +00:00
< / div >
< div class = "progress mb-0" style = "height: 5px;" >
2023-02-04 11:00:53 +00:00
< div class = "progress-bar progress-bar-striped bg-warning" role = "progressbar"
style="width: 1%" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100">< / div >
< div class = "progress-bar bg-success" role = "progressbar" style = "width: 89%"
aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">< / div >
< div class = "progress-bar progress-bar-striped bg-warning" role = "progressbar"
style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">< / div >
< div class = "progress-bar progress-bar-striped bg-danger" role = "progressbar"
style="width: 29%" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100">< / div >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< / div >
< / 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-body p-2" >
< div class = "row" >
< div class = "col-md-auto" >
< div class = "input-group input-group-sm mb-0" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< div class = "col-md-auto" >
2023-02-04 11:00:53 +00:00
< div class = "input-group input-group-sm mb-0" data-bs-placement = "bottom"
data-bs-toggle="tooltip" data-bs-html="false" title="Send a CQ to the world">
2022-09-23 17:19:24 +00:00
< button class = "btn btn-sm btn-success" id = "sendCQ" type = "button" > CQ CQ< / button >
< / div >
< / div >
< div class = "col-md-auto" >
2023-02-04 11:00:53 +00:00
< 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 >
2023-02-03 22:17:15 +00:00
< div id = "txtBeacon" class = "input-group-text p-1" > Beacon< / div >
2023-02-04 11:00:53 +00:00
< select class = "form-select form-select-sm" aria-label = ".form-select-sm"
id="beaconInterval" style="width:6rem">
2022-09-23 17:19:24 +00:00
< option value = "5" > 5s< / option >
< option selected value = "10" > 10s< / option >
< option value = "15" > 15s< / option >
< option value = "30" > 30s< / option >
< option value = "45" > 45s< / option >
< option value = "60" > 60s< / option >
< option value = "90" > 90s< / option >
< option value = "120" > 2min< / option >
< option value = "300" > 5min< / option >
< option value = "600" > 10min< / option >
< option value = "900" > 15min< / option >
< option value = "1800" > 30min< / option >
< option value = "3600" > 60min< / option >
< / select >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< / div >
<!-- end of row -->
< / div >
< / div >
< / div >
< / div >
< div class = "row collapse multi-collapse" id = "collapseFourthRow" >
< div class = "col-5" >
< div class = "card text-dark mb-1" >
< div class = "card-header p-1" >
2023-02-04 11:00:53 +00:00
< 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 > < i class = "bi bi-water" > < / i > < / 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 > < i class = "bi bi-border-outer" > < / i > < / strong >
< / label >
< input type = "radio" class = "btn-check" name = "waterfall-scatter-switch"
id="waterfall-scatter-switch3" autocomplete="off">
< label class = "btn btn-sm btn-outline-secondary"
for="waterfall-scatter-switch3">< strong > < i
class="bi bi-graph-up-arrow">< / i > < / strong > < / label >
2022-09-23 17:19:24 +00:00
< / div >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< div class = "card-body p-1" style = "height: 200px" >
<!-- 278px -->
2023-01-26 14:30:42 +00:00
< canvas id = "waterfall" style = "position: relative; z-index: 2;" class = "force-gpu" > < / canvas >
< canvas id = "scatter" style = "position: relative; z-index: 1;" class = "force-gpu" > < / canvas >
< canvas id = "chart" style = "position: relative; z-index: 1;" class = "force-gpu" > < / canvas >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< / div >
< div class = "col" >
< div class = "card text-dark mb-1" style = "height: 240px" >
<!-- 325px -->
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< div class = "card-body p-0" >
<!-- START OF TABLE FOR HEARD STATIONS -->
< table class = "table table-sm" >
< thead >
< tr >
< th scope = "col" > Time< / th >
< th scope = "col" > Frequency< / th >
< th scope = "col" > DXCall< / th >
< th scope = "col" > DXGrid< / th >
< th scope = "col" > Distance< / th >
< th scope = "col" > Type< / th >
< th scope = "col" > SNR< / th >
< th scope = "col" > Off< / th >
< / tr >
< / thead >
< tbody id = "heardstations" >
<!--
2021-10-07 19:04:23 +00:00
< tr >
< th scope = "row" > 1< / th >
< td > Mark< / td >
< td > Otto< / td >
< td > @mdo< / td >
< / tr >
-->
2022-09-23 17:19:24 +00:00
< / tbody >
< / table >
<!-- END OF HEARD STATIONS TABLE -->
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - RECEIVED FILES SIDEBAR - - - - - - - - - - - - - - - - - - - - - -->
2023-02-04 11:00:53 +00:00
< div class = "offcanvas offcanvas-end" tabindex = "-1" id = "receivedFilesSidebar"
aria-labelledby="receivedFilesSidebarLabel">
2022-09-23 17:19:24 +00:00
< div class = "offcanvas-header p-2" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< h5 id = "receivedFilesSidebarLabel" >
2023-02-04 11:00:53 +00:00
Filetransfer
< / h5 >
2022-09-23 17:19:24 +00:00
< button type = "button" class = "btn-close text-reset" data-bs-dismiss = "offcanvas" aria-label = "Close" > < / button >
< / div >
< div class = "input-group input-group-sm p-1" >
< input type = "file" class = "form-control" id = "dataModalFile" >
2023-02-04 11:00:53 +00:00
< 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">
< button type = "button" id = "startTransmission" data-bs-dismiss = "offcanvas"
class="btn btn-success">Send< / button >
2022-09-23 17:19:24 +00:00
< / div >
< div class = "offcanvas-body p-0" >
<!-- START OF TABLE FOR RECEIVED FILES -->
< table class = "table" >
< thead >
< tr >
< th scope = "col" > Time< / th >
< th scope = "col" > DXCall< / th >
<!-- <th scope="col">DXGrid</th>
2021-11-07 11:17:23 +00:00
< th scope = "col" > Distance< / th > -->
2022-09-23 17:19:24 +00:00
< th scope = "col" > Filename< / th >
<!-- <th scope="col">SNR</th> -->
< / tr >
< / thead >
< tbody id = "rx-data" >
<!--
2021-11-07 11:17:23 +00:00
< tr >
< th scope = "row" > 1< / th >
< td > Mark< / td >
< td > Otto< / td >
< td > @mdo< / td >
< / tr >
-->
2022-09-23 17:19:24 +00:00
< / tbody >
< / table >
<!-- END OF RECEIVED FILES -->
< / div >
< / div >
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - DATA SIDEBAR - - - - - - - - - - - - - - - - - - - - - -->
2023-02-04 11:00:53 +00:00
< div class = "offcanvas offcanvas-end" tabindex = "-1" id = "transmitFileSidebar"
aria-labelledby="transmitFileSidebarLabel">
2022-09-23 17:19:24 +00:00
< div class = "offcanvas-header p-2" >
< h5 id = "transmitFileSidebarLabel" > Transmit Files< / h5 >
< button type = "button" class = "btn-close text-reset" data-bs-dismiss = "offcanvas" aria-label = "Close" > < / button >
< / div >
< div class = "offcanvas-body p-0" >
<!-- <div id="transmitFileSidebar" class="sidebar shadow - lg rounded"> -->
< div class = "container-fluid" >
< div class = "container mt-1" >
< 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-body p-2" >
< div class = "row" >
< div class = "col-auto" >
<!--
2022-05-19 11:01:37 +00:00
< div class = "input-group input-group-sm mb-0" >
< 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 >
2023-02-04 11:00:53 +00:00
-->
< / div >
2022-09-23 17:19:24 +00:00
< div class = "col-auto" >
< div class = "input-group input-group-sm mb-0" >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- col -->
< / div >
<!-- row -->
< div class = "row mb-1" >
< div class = "col" >
< div class = "card text-dark mb-0 " >
<!--
2022-05-19 11:01:37 +00:00
< div class = "card-header p-1" > < strong > Data< / strong >
< / div >
< div class = "card-body p-2" >
< div class = "input-group input-group-sm mb-0" >
< input type = "file" class = "form-control" id = "dataModalFile" >
< label class = "input-group-text" for = "inputGroupFile02" > kB< / label >
< / div >
< / div >
2023-02-04 11:00:53 +00:00
-->
< / div >
2022-09-23 17:19:24 +00:00
< / div >
<!-- col -->
< / div >
<!-- row -->
< 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-body p-2" >
< div class = "row" >
< div class = "col" >
2023-02-04 11:00:53 +00:00
< 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>
2022-09-23 17:19:24 +00:00
< option selected value = "255" > AUTO< / option >
<!-- <option value="232">HIGH SNR (DC1)</option> -->
<!-- <option value="231">MED SNR (DC3)</option> -->
<!-- <option value="230">LOW SNR (DC0)</option> -->
< / select >
< / div >
< / div >
< div class = "col-auto" >
2023-02-04 11:00:53 +00:00
< 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>
2022-09-23 17:19:24 +00:00
< option selected value = "1" > 1< / option >
< / select >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- col -->
< / div >
<!-- row -->
< / div >
< div class = "row mb-1" >
< div class = "col" >
<!--
2022-05-19 11:01:37 +00:00
< button type = "button" id = "startTransmission" data-bs-dismiss = "offcanvas" class = "btn btn-success" style = "width:100%" > START TRANSMISSION< / button > -->
2022-09-23 17:19:24 +00:00
< / div >
< div class = "col-md-auto" >
2023-02-04 11:00:53 +00:00
< button type = "button" id = "stopTransmission" class = "btn btn-danger"
style="width:100%">STOP< / button >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
<!--
2021-11-07 11:17:23 +00:00
< div class = "row" >
< div class = "col" >
< div class = "card text-dark bg-light mb-0" >
< div class = "card-header p-2" > Info < / div >
< div class = "card-body p-2" >
123
< / div >
< / div >
< / div >
< / div >
-->
2022-09-23 17:19:24 +00:00
< div class = "row" >
< div class = "col" > < / div >
< / div >
<!-- row -->
< / div >
<!-- container -->
<!-- </div> -->
< / div >
< / div >
< / div >
<!-- end of blur div -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - FOOTER AREA - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
2023-02-04 11:00:53 +00:00
< div class = "container-fluid" >
< nav class = "navbar fixed-bottom navbar-expand-xl navbar-light bg-light" >
< div class = "col-sm-2" >
2023-02-04 16:44:04 +00:00
< div class = "btn-toolbar" role = "toolbar" style = "margin-left:2px;" >
2023-02-04 11:00:53 +00:00
< div class = "btn-group btn-group-sm me-1" 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 >
< / div >
< div class = "btn-group btn-group-sm me-1" 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 >
< / div >
< div class = "btn-group btn-group-sm me-1" 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 >
< / div >
< div class = "btn-group btn-group-sm me-1" 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 >
< / div >
< div class = "btn-group btn-group-sm me-1" role = "group" >
< button class = "btn btn-sm btn-secondary" id = "rigctld_state" type = "button"
data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true"
title="rigctld state: < strong class = 'text-success' > CONNECTED< / strong > / < strong class = 'text-secondary' > UNKNOWN< / strong > ">
< i class = "bi bi-usb-symbol" style = "font-size: 0.8rem; color: white;" > < / i > < / button >
< / div >
2022-11-18 12:08:37 +00:00
< / div >
2022-09-23 17:19:24 +00:00
< / div >
2023-02-05 08:06:58 +00:00
< div class = "col-sm-3" >
2022-09-23 17:19:24 +00:00
< div class = "input-group input-group-sm" >
2023-01-04 13:23:42 +00:00
< div class = "btn-group dropup me-1" >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle = "dropdown"
aria-expanded="false" id="frequency">
---
2023-01-04 13:23:42 +00:00
< / button >
< form class = "dropdown-menu p-2" >
< div class = "input-group input-group-sm" >
2023-02-04 11:00:53 +00:00
< input type = "text" class = "form-control" style = "max-width: 6rem;" placeholder = "7063000"
pattern="[0-9]*" id="newFrequency" maxlength="11" aria-label="Input group"
aria-describedby="btnGroupAddon">
2023-01-04 18:26:11 +00:00
< span class = "input-group-text" > Hz< / span >
2023-02-04 11:00:53 +00:00
< button class = "btn btn-sm btn-success" id = "saveFrequency" type = "button"
data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
title="save frequency"> < i class = "bi bi-check-lg"
style="font-size: 0.8rem; color: white;">< / i > < / button >
2023-01-04 13:23:42 +00:00
< / div >
2023-02-04 11:00:53 +00:00
< / form >
2023-01-04 13:23:42 +00:00
< / div >
< div class = "btn-group dropup me-1" >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle = "dropdown"
aria-expanded="false" id="mode">
---
2023-01-04 13:23:42 +00:00
< / button >
< form class = "dropdown-menu p-2" >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn btn-sm btn-secondary" data-bs-placement = "bottom"
data-bs-toggle="tooltip" data-bs-html="false" title="set FM" id="saveModeFM">FM< / button >
< button type = "button" class = "btn btn-sm btn-secondary" data-bs-placement = "bottom"
data-bs-toggle="tooltip" data-bs-html="false" title="set AM" type="button"
id="saveModeAM">AM< / button >
< button type = "button" class = "btn btn-sm btn-secondary" data-bs-placement = "bottom"
data-bs-toggle="tooltip" data-bs-html="false" title="set LSB" type="button"
id="saveModeLSB">LSB< / button >
< hr >
< button type = "button" class = "btn btn-sm btn-secondary" data-bs-placement = "bottom"
data-bs-toggle="tooltip" data-bs-html="false" title="set USB" type="button"
id="saveModeUSB">USB< / button >
< button type = "button" class = "btn btn-sm btn-secondary" data-bs-placement = "bottom"
data-bs-toggle="tooltip" data-bs-html="false" title="set PKTUSB" type="button"
id="saveModePKTUSB">PKTUSB< / button >
< / form >
2023-01-04 13:23:42 +00:00
< / div >
< div class = "btn-group dropup" >
2023-02-04 11:00:53 +00:00
< button type = "button" class = "btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle = "dropdown"
aria-expanded="false" id="bandwidth">
---
2023-01-04 13:23:42 +00:00
< / button >
< form class = "dropdown-menu p-2" >
< div class = "input-group input-group-sm" >
...soon...
< / div >
2023-02-04 11:00:53 +00:00
< / form >
2023-01-04 13:23:42 +00:00
< / div >
< / div >
2022-09-23 17:19:24 +00:00
< / div >
2023-02-05 08:06:58 +00:00
< div class = "col-sm-3" >
2023-02-04 11:00:53 +00:00
< div class = "input-group input-group-sm" >
< span class = "input-group-text" id = "basic-addon1" >
2023-02-05 08:06:58 +00:00
< i class = "bi bi-speedometer2" style = "font-size: 1rem; color: black;" > < / i >
2023-02-04 11:00:53 +00:00
< / 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 = "basic-addon1" >
2023-02-04 16:44:04 +00:00
< i class = "bi bi-file-earmark-binary" style = "font-size: 1rem; color: black;" > < / i >
2023-02-04 11:00:53 +00:00
< / span >
< span class = "input-group-text" id = "total_bytes" data-bs-placement = "bottom" data-bs-toggle = "tooltip"
data-bs-html="false" title="total bytes processed">---< / span >
2023-02-05 08:06:58 +00:00
< span class = "input-group-text" id = "basic-addon1" data-bs-toggle = "tooltip" title = "Indicates if a session is active" > < span class = "bi bi-chat-fill" id = "spnConnectedWith" > < / span > < / span >
< span class = "input-group-text" id = "txtConnectedWith" data-bs-toggle = "tooltip" title = "Connected with" > ------< / span >
2023-02-04 11:00:53 +00:00
< / div >
2022-09-23 17:19:24 +00:00
< / div >
2023-02-04 11:00:53 +00:00
< div class = "col-lg-4" >
2023-02-04 16:44:04 +00:00
< div style = "margin-right: 2px;" >
2023-02-05 08:06:58 +00:00
< div class = "progress w-100" style = "height: 30px;min-width: 300px;" >
2023-02-04 11:00:53 +00:00
< div class = "progress-bar progress-bar-striped bg-primary force-gpu" id = "transmission_progress"
role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
< / div >
<!-- <p class="justify - content - center d - flex position - absolute w - 100">PROGRESS</p> -->
< p class = "justify-content-center mt-2 d-flex position-absolute w-100" id = "transmission_timeleft" > ---< / p >
< / p >
< / div >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
2023-02-04 11:00:53 +00:00
< / nav >
< / div >
2022-09-23 17:19:24 +00:00
<!-- bootstrap -->
< script src = "../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" > < / script >
<!-- chart.js -->
2023-01-12 23:14:42 +00:00
< script src = "../node_modules/chart.js/dist/chart.umd.js" > < / script >
<!-- <script src="../node_modules/chartjs - plugin - annotation/dist/chartjs - plugin - annotation.min.js"></script> -->
2022-09-23 17:19:24 +00:00
<!-- WATERFALL -->
< script src = "waterfall/colormap.js" > < / script >
< script src = "waterfall/spectrum.js" > < / script >
< script src = "waterfall/spectrogram.js" > < / script >
<!-- <script src="waterfall/script.js"></script> -->
<!-- AUDIO MODAL -->
< div class = "modal fade" data-bs-backdrop = "static" tabindex = "-1" id = "audioModal" >
< div class = "modal-dialog modal-dialog-scrollable" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" > Audio tuning< / h5 >
< button type = "button" class = "btn btn-close" data-bs-dismiss = "modal" aria-label = "Close" > < / button >
< / div >
< div class = "modal-body" >
2023-02-04 11:00:53 +00:00
< div class = "input-group input-group-sm mb-1" > < span class = "input-group-text"
id="basic-addon1">Test-Frame< / span >
2022-09-23 17:19:24 +00:00
< button type = "button" id = "sendTestFrame" class = "btn btn-danger" > Transmit< / button >
< / div >
2023-02-04 11:00:53 +00:00
< 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 >
2022-09-23 17:19:24 +00:00
< / div >
< / div >
< / div >
< / div >
<!-- INFO MODAL -->
< div class = "modal fade" data-bs-backdrop = "static" tabindex = "-1" id = "infoModal" >
< div class = "modal-dialog modal-dialog-scrollable" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" > Settings< / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" > < / button >
< / div >
< div class = "modal-body" >
2023-01-18 21:18:58 +00:00
< div class = "alert alert-warning" role = "alert" >
2023-02-04 11:00:53 +00:00
Most settings need a tnc restart to take effect!
2023-01-18 21:18:58 +00:00
< / div >
2023-02-04 11:00:53 +00:00
< div class = "input-group input-group-sm mb-1" > < span class = "input-group-text w-50"
id="basic-addon1">Theme< / span >
2022-09-23 17:19:24 +00:00
< select class = "form-select form-select-sm w-50" id = "theme_selector" >
< option value = "default" > Default< / option >
< option value = "cerulean" > Cerulean< / option >
< option value = "cosmo" > Cosmo< / option >
< option value = "cyborg" > Cyborg< / option >
< option value = "darkly" > Darkly< / option >
< option value = "flatly" > Flatly< / option >
< option value = "journal" > Journal< / option >
< option value = "litera" > Litera< / option >
< option value = "lumen" > Lumen< / option >
< option value = "lux" > Lux< / option >
< option value = "materia" > Materia< / option >
< option value = "minty" > Minty< / option >
< option value = "morph" > Morhp< / option >
< option value = "pulse" > Pulse< / option >
< option value = "quartz" > Quartz< / option >
< option value = "sandstone" > Sandstone< / option >
< option value = "simplex" > Simplex< / option >
< option value = "sketchy" > Sketchy< / option >
< option value = "slate" > Slate< / option >
< option value = "solar" > Solar< / option >
< option value = "spacelab" > Spacelab< / option >
< option value = "superhero" > Superhero< / option >
< option value = "united" > United< / option >
< option value = "vapor" > Vapor< / option >
< option value = "yeti" > Yeti< / option >
< option value = "zephyr" > Zephyr< / option >
< / select >
< / div >
2023-02-04 11:00:53 +00:00
< div class = "input-group input-group-sm mb-1" > < span class = "input-group-text w-50"
id="basic-addon1">Waterfall Theme< / span >
2023-01-16 22:34:42 +00:00
< select class = "form-select form-select-sm w-50" id = "wftheme_selector" >
< option value = "2" > Default< / option >
< option value = "0" > Turbo< / option >
< option value = "1" > Fosphor< / option >
< option value = "3" > Inferno< / option >
< option value = "4" > Magma< / option >
< option value = "5" > Jet< / option >
< option value = "6" > Binary< / option >
< / select >
< / div >
2023-02-03 22:17:15 +00:00
< 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 bg-white w-50" >
< div class = "form-check form-switch form-check-inline" >
< input class = "form-check-input" type = "checkbox" id = "GraphicsSwitch" >
< label class = "form-check-label" for = "GraphicsSwitch" > Higher CPU Usage< / label >
< / div >
< / label >
< / div >
2023-02-04 11:00:53 +00:00
< div class = "input-group input-group-sm mb-1" > < span class = "input-group-text w-50"
id="basic-addon1">Update channel< / span >
2022-09-23 17:19:24 +00:00
< select class = "form-select form-select-sm w-50" id = "update_channel_selector" >
< option value = "latest" > stable< / option >
< option value = "beta" > beta< / option >
< option value = "alpha" > alpha< / option >
< / select >
< / div >
< div class = "input-group input-group-sm mb-1" >
< label class = "input-group-text w-50" for = "inputGroupFile02" > Received files folder< / label >
2023-02-04 11:00:53 +00:00
< input type = "text" class = "form-control w-50" id = "received_files_folder" >
< / div >
2022-09-23 17:19:24 +00:00
< 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 >
< select class = "form-select form-select-sm" id = "tuning_range_fmin" >
< option value = "-50.0" > -50.0< / option >
< option value = "-100.0" > -100.0< / option >
< option value = "-150.0" > -150.0< / option >
< option value = "-200.0" > -200.0< / option >
< option value = "-250.0" > -250.0< / option >
< / select >
< label class = "input-group-text" > fmax< / label >
< select class = "form-select form-select-sm" id = "tuning_range_fmax" >
< option value = "50.0" > 50.0< / option >
< option value = "100.0" > 100.0< / option >
< option value = "150.0" > 150.0< / option >
< option value = "200.0" > 200.0< / option >
< option value = "250.0" > 250.0< / option >
< / select >
< / div >
< 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 bg-white w-50" >
< div class = "form-check form-switch form-check-inline ms-2" >
< input class = "form-check-input" type = "checkbox" id = "fskModeSwitch" disabled >
< label class = "form-check-label" for = "fskModeSwitch" > not available, yet< / label >
< / div >
< / label >
< / div >
< div class = "input-group input-group-sm mb-1" >
< label class = "input-group-text w-50" > Enable Waterfall data< / label >
< label class = "input-group-text bg-white w-50" >
< div class = "form-check form-switch form-check-inline" >
< input class = "form-check-input" type = "checkbox" id = "fftSwitch" >
< label class = "form-check-label" for = "fftSwitch" > Waterfall< / label >
< / div >
< / label >
< / div >
< div class = "input-group input-group-sm mb-1" >
< label class = "input-group-text w-50" > Enable Scatter diagram data< / label >
< label class = "input-group-text bg-white w-50" >
< div class = "form-check form-switch form-check-inline" >
< input class = "form-check-input" type = "checkbox" id = "scatterSwitch" >
< label class = "form-check-label" for = "scatterSwitch" > Scatter< / label >
< / div >
< / label >
< / div >
< div class = "input-group input-group-sm mb-1" >
2022-11-08 08:36:14 +00:00
< label class = "input-group-text w-50" > Enable 563Hz only mode< / label >
2022-09-23 17:19:24 +00:00
< label class = "input-group-text bg-white w-50" >
< div class = "form-check form-switch form-check-inline" >
< input class = "form-check-input" type = "checkbox" id = "500HzModeSwitch" >
2022-10-05 10:19:28 +00:00
< label class = "form-check-label" for = "500HzModeSwitch" > 563Hz< / label >
2022-09-23 17:19:24 +00:00
< / div >
< / label >
< / div >
2022-11-05 21:27:33 +00:00
< div class = "input-group input-group-sm mb-1" >
2023-02-04 11:00:53 +00:00
< label class = "input-group-text w-50" > Enable Explorer Publishing < br >
(https://explorer.freedata.app) < / label >
2022-11-05 21:27:33 +00:00
< label class = "input-group-text bg-white w-50" >
< div class = "form-check form-switch form-check-inline" >
< input class = "form-check-input" type = "checkbox" id = "ExplorerSwitch" >
< label class = "form-check-label" for = "ExplorerSwitch" > Publish< / label >
< / div >
< / label >
< / div >
2022-09-23 17:19:24 +00:00
< 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 bg-white w-50" >
< div class = "form-check form-switch form-check-inline" >
< input class = "form-check-input" type = "checkbox" id = "respondCQSwitch" >
< label class = "form-check-label" for = "respondCQSwitch" > QRV< / label >
< / div >
< / label >
< / div >
< 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 bg-white w-50" >
< select class = "form-select form-select-sm" id = "rx_buffer_size" >
< option value = "1" > 1< / option >
< option value = "2" > 2< / option >
< option value = "4" > 4< / option >
< option value = "8" > 8< / option >
< option value = "16" > 16< / option >
< option value = "32" > 32< / option >
< option value = "64" > 64< / option >
< option value = "128" > 128< / option >
< option value = "256" > 256< / option >
< option value = "512" > 512< / option >
< option value = "1024" > 1024< / option >
< / select >
< / label >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- HAMLIB ADVANCED SETTINGS MODAL -->
< div class = "modal fade" data-bs-backdrop = "static" tabindex = "-1" id = "advancedHamlibSettingsModal" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< 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-footer" >
2023-02-04 11:00:53 +00:00
< button type = "button" id = "testHamlibAdvanced" class = "btn btn-sm btn-outline-secondary" > Test
settings< / button >
2022-09-23 17:19:24 +00:00
< button type = "button" class = "btn btn-sm btn-secondary" data-bs-dismiss = "modal" > Close< / button >
< / div >
< / div >
< / div >
< / div >
< / body >
2021-11-26 18:14:11 +00:00
2023-02-04 11:00:53 +00:00
< / html >
