FreeDATA/gui/src/index.html

754 lines
58 KiB
HTML
Raw Normal View History

2021-07-17 07:04:26 +00:00
<!doctype html>
<html lang="en">
2021-08-07 08:53:37 +00:00
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
2021-07-23 13:45:28 +00:00
<!-- <meta http-equiv="Content-Security-Policy" content="script-src 'self';">-->
2021-08-07 08:53:37 +00:00
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
<!-- Waterfall CSS -->
<link rel="stylesheet" type="text/css" href="waterfall/waterfall.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<title>codec2 | FreeDATA</title>
2021-08-07 08:53:37 +00:00
</head>
<body>
<!-- MAIN NAVBAR -->
<nav class="navbar fixed-top bg-dark navbar-dark">
<div class="container-fluid">
<a class="navbar-brand"><b>codec2</b> | FreeDATA</a>
<button class="btn btn-primary" id="openDataModule" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-symlink" viewBox="0 0 16 16">
<path d="m11.798 8.271-3.182 1.97c-.27.166-.616-.036-.616-.372V9.1s-2.571-.3-4 2.4c.571-4.8 3.143-4.8 4-4.8v-.769c0-.336.346-.538.616-.371l3.182 1.969c.27.166.27.576 0 .742z"/>
<path d="m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14h10.348a2 2 0 0 0 1.991-1.819l.637-7A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm.694 2.09A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09l-.636 7a1 1 0 0 1-.996.91H2.826a1 1 0 0 1-.995-.91l-.637-7zM6.172 2a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z"/>
</svg>
</button>
</div>
</nav>
<!-- SECONDARY NAVBAR -->
<nav class="navbar bg-light navbar-underline mt-5 shadow">
<div class="container-fluid mt-1">
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
<div class="input-group input-group-sm">
<span class="input-group-text" id="basic-addon1">TNC</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" style="width: 4rem" aria-label="Username" aria-describedby="basic-addon1" >
<button class="btn btn-danger" id="daemon_connection_state" type="button" disabled>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diagram-3" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/>
</svg>
</button>
</div>
2021-07-17 07:04:26 +00:00
</div>
2021-08-07 08:53:37 +00:00
</div>
</nav>
2021-08-07 08:53:37 +00:00
<!---------------------------------------------------------------------- MAIN AREA ------------------------------------------------------------>
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="container mt-3">
<div class="row">
<div class="col">
<div class="card text-dark bg-light mb-0" >
<div class="card-header">
1. AUDIO
</div>
<div class="card-body">
<div class="input-group input-group-sm mb-2">
<span class="input-group-text" id="basic-addon1">RX</span>
<select class="form-select form-select-sm" id="audio_input_selectbox" aria-label=".form-select-sm example">
<!-- <option selected value="3011">USB Interface</option>-->
</select>
</div>
<div class="input-group input-group-sm mb-2">
<span class="input-group-text" id="basic-addon1">TX</span>
<select class="form-select form-select-sm" id="audio_output_selectbox" aria-label=".form-select-sm example">
<!--<option selected value="RTS">USB Interface</option>-->
</select>
</div>
<div class="progress mb-2" style="height: 20px;" >
<div class="progress-bar progress-bar-striped bg-primary" id="rms_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">RX AUDIO LEVEL</p>
</div>
</div>
<div class="card-footer text-muted small">
Select audio device for RX and TX
</div>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
<div class="col">
<div class="card text-dark bg-light mb-0">
<div class="card-header">
2. RADIO
</div>
<div class="card-body">
<div class="input-group input-group-sm mb-2">
<span class="input-group-text" id="basic-addon1">RIG</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm example" id="hamlib_deviceid">
<option selected value="2028">Kenwood TS480</option>
<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>
</select>
</div>
<div class="input-group input-group-sm mb-2">
<span class="input-group-text" id="basic-addon1">PTT</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm example" id="hamlib_ptt">
<option selected value="RTS">RTS</option>
<option value="2">DTR</option>
</select>
</div>
<div class="input-group input-group-sm">
<span class="input-group-text" id="basic-addon1">Port</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm example" id="hamlib_deviceport">
<option selected value="/dev/ttyUSB0">/dev/ttyUSB0</option>
<option value="/dev/ttyUSB1">/dev/ttyUSB1</option>
</select>
<span class="input-group-text" id="basic-addon1">Speed</span>
<select class="form-select form-select-sm" aria-label=".form-select-sm example" id="hamlib_serialspeed">
<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>
</div>
<div class="card-footer text-muted small">
Select radio model and PTT type
</div>
</div>
</div>
<div class="col">
<div class="card text-dark bg-light mb-0" >
<div class="card-header">3. TNC</div>
<div class="card-body">
<!--
<div class="input-group input-group-sm mb-2">
<button type="button" id="startTNC"class="btn btn-success">Start</button>
<span class="input-group-text" id="tnc_running_state">---</span>
<button type="button" id="stopTNC"class="btn btn-danger">STOP</button>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
-->
<div class="container">
<div class="row">
<div class="col-md-auto">
TNC
</div>
<div class="col">
<div class="input-group input-group-sm mb-2">
<button type="button" id="startTNC"class="btn btn-success">Start</button>
<span class="input-group-text" id="tnc_running_state" style="width: 7rem">---</span>
<button type="button" id="stopTNC"class="btn btn-danger">STOP</button>
</div>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
<div class="row">
<div class="col-md-auto">
CPU
</div>
<div class="col">
<div class="progress" style="height: 20px;" >
<div class="progress-bar progress-bar-striped bg-primary" id="progressbar_cpu" 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="progressbar_cpu_value"></p>
</div>
</div>
2021-07-17 07:04:26 +00:00
</div>
2021-08-07 08:53:37 +00:00
<div class="row">
<div class="col-md-auto">
RAM
</div>
<div class="col">
<div class="progress" style="height: 20px;" >
<div class="progress-bar progress-bar-striped bg-primary" id="progressbar_ram" 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="progressbar_ram_value"></p>
</div>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-07-25 14:18:48 +00:00
<div class="row">
2021-08-07 08:53:37 +00:00
<div class="col-md-auto">
2021-08-08 09:44:12 +00:00
TOE
2021-08-07 08:53:37 +00:00
</div>
<div class="col-md-auto">
2021-08-08 09:44:12 +00:00
<p class="text-start mb-0" id="toe"></p>
2021-08-07 08:53:37 +00:00
</div>
</div>
2021-07-25 14:18:48 +00:00
</div>
2021-08-07 08:53:37 +00:00
</div>
<div class="card-footer text-muted small">
TNC settings
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="container mt-2">
<div class="row">
<div class="col">
<div class="card text-dark bg-light mb-1">
<div class="card-header">MY STATION</div>
<div class="card-body">
<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" placeholder="callsign" id="myCall" maxlength="6" aria-label="Input group example" aria-describedby="btnGroupAddon">
<button class="btn btn-success" id="saveMyCall" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2" viewBox="0 0 16 16">
<path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
</button>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
<div class="col-md-auto">
<div class="input-group input-group-sm mb-0">
<input type="text" class="form-control mr-1" style="max-width: 6rem" placeholder="locator" id="myGrid" maxlength="6" aria-label="Input group example" aria-describedby="btnGroupAddon">
<button class="btn btn-success" id="saveMyGrid" type="button" >
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2" viewBox="0 0 16 16">
<path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
</button>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
</div>
<!-- end of row-->
</div>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
<div class="col">
<div class="card text-dark bg-light mb-1">
<div class="card-header">PING & CQ</div>
<div class="card-body">
<div class="row">
<div class="col-md-auto">
<div class="input-group input-group-sm mb-0">
<span class="input-group-text">Ping</span>
<input type="text" class="form-control" style="max-width: 6rem" placeholder="DXcall" id="dxCall" maxlength="6" aria-label="Input group example" aria-describedby="btnGroupAddon">
<button class="btn btn-success" id="sendPing" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2" viewBox="0 0 16 16">
<path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
</button>
<span class="input-group-text text-secondary" id="pingACK">ACK</span>
<span class="input-group-text" id="pingDistance">0000 km</span>
<span class="input-group-text" id="pingDB">0 dB</span>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
<div class="col-md-auto">
<div class="input-group input-group-sm mb-0">
<button class="btn btn-success" id="sendCQ" type="button" >CQ CQ CQ</button>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
</div>
<!-- end of row-->
</div>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
</div>
<div class="row">
<div class="col">
<div class="card text-dark bg-light mb-1" style="height: 360px">
<div class="card-header">
<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-outline-secondary" for="waterfall-scatter-switch1">WATERFALL</label>
<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch2" autocomplete="off">
<label class="btn btn-outline-secondary" for="waterfall-scatter-switch2">SCATTER</label>
</div>
</div>
<!--<div class="card-body">-->
<canvas id="waterfall" style="position: relative; z-index: 2;"></canvas>
<canvas id="scatter" style="position: relative; z-index: 1;"></canvas>
<!-- </div>-->
</div>
2021-07-25 14:18:48 +00:00
</div>
2021-08-07 08:53:37 +00:00
<div class="col">
<div class="card text-dark bg-light mb-1" style="height: 360px">
<div class="card-header">HEARD STATIONS</div>
<div class="card-body">
<!-- START OF TABLE FOR HEARD STATIONS -->
<table class="table">
<thead>
<tr>
<th scope="col">Timestamp</th>
<th scope="col">DXCall</th>
<th scope="col">DXGrid</th>
<th scope="col">Type</th>
2021-08-08 09:44:12 +00:00
<th scope="col">SNR</th>
2021-08-07 08:53:37 +00:00
</tr>
</thead>
<tbody id="heardstations">
<!--
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
-->
2021-08-07 08:53:37 +00:00
</tbody>
</table>
<!-- END OF HEARD STATIONS TABLE -->
</div>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
</div>
</div>
</div>
<!---------------------------------------------------------------------- DATA SIDEBAR ------------------------------------------------------------>
<div id="mySidebar" 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 bg-light mb-0 " >
<div class="card-header">DX Station </div>
<div class="card-body">
<div class="input-group input-group-sm mb-0">
<span class="input-group-text">Ping</span>
<input type="text" class="form-control" style="max-width: 6rem" placeholder="DXcall" id="dxCall" maxlength="6" aria-label="Input group example" aria-describedby="btnGroupAddon">
<button class="btn btn-success" id="sendPing" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2" viewBox="0 0 16 16">
<path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
</button>
<span class="input-group-text text-secondary" id="pingACK">ACK</span>
<span class="input-group-text" id="pingDistance">0000 km</span>
<span class="input-group-text" id="pingDB">0 dB</span>
</div>
</div>
</div>
</div>
<!--col-->
</div>
<!--row-->
<div class="row mb-1">
<div class="col">
<div class="card text-dark bg-light mb-0 " >
<div class="card-header">Select data </div>
<div class="card-body">
<div class="input-group input-group-sm mb-0">
<input type="file" class="form-control" id="inputGroupFile02">
<label class="input-group-text" for="inputGroupFile02">kB</label>
</div>
</div>
</div>
</div>
<!--col-->
</div>
<!--row-->
<div class="row mb-2">
<div class="col">
<div class="card text-dark bg-light mb-0" >
<div class="card-header">Transmission </div>
<div class="card-body">
<div class="row">
<div class="col-auto">
<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 example" id="datamode">
<option selected value="10">DATAC1</option>
<option value="1">DATAC3</option>
</select>
</div>
</div>
<div class="col-auto">
<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 example" id="framesperburst">
<option selected value="1">1</option>
<option value="2">2</option>
</select>
</div>
</div>
</div>
</div>
</div>
<!--col-->
</div>
<!--row-->
</div>
<div class="row mb-2">
<div class="col">
<button type="button" id="startTransmission" class="btn btn-success" style="width:100%">START TRANSMISSION</button>
</div>
<div class="col-md-auto">
<button type="button" id="stopTNC" class="btn btn-danger" style="width:100%" disabled>STOP</button>
</div>
</div>
<div class="row">
<div class="col">
<div class="card text-dark bg-light mb-0" >
<div class="card-header">Info </div>
<div class="card-body">
123
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<hr>
</div>
</div>
<!--row-->
</div>
<!--container-->
</div>
</div>
2021-08-07 08:53:37 +00:00
<!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
<nav class="navbar fixed-bottom navbar-light bg-light">
<div class="container-fluid">
<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="First group">
<button class="btn btn-secondary" id="ptt_state" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-broadcast-pin" viewBox="0 0 16 16">
<path d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM6 8a2 2 0 1 1 2.5 1.937V15.5a.5.5 0 0 1-1 0V9.937A2 2 0 0 1 6 8z"/>
</svg>
</button>
</div>
<div class="btn-group btn-group-sm me-2" role="group" aria-label="Second group">
<button class="btn btn-secondary" id="busy_state" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cpu" viewBox="0 0 16 16">
<path d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0zm-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3h-7zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
</svg>
</button>
</div>
<div class="btn-group btn-group-sm me-2" role="group" aria-label="Second group">
<button class="btn btn-secondary" id="arq_state" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z"/>
</svg>
</button>
</div>
<div class="btn-group btn-group-sm" role="group" aria-label="Third group">
<button class="btn btn-secondary" id="signalling_state" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-code" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z"/>
<path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
<path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
</svg>
</button>
<button class="btn btn-secondary" id="data_state" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-richtext" viewBox="0 0 16 16">
<path d="M7.5 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047L11 4.75V7a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 7v-.5s1.54-1.274 1.639-1.208zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
<path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
<path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
</svg>
</button>
</div>
2021-07-19 17:38:45 +00:00
</div>
2021-08-07 08:53:37 +00:00
<div class="container-fluid" style="width:30rem">
<div class="input-group input-group-sm">
<span class="input-group-text" id="basic-addon1">Freq</span>
<span class="input-group-text" id="frequency">---</span>
2021-08-07 08:53:37 +00:00
<span class="input-group-text" id="basic-addon1">Mode</span>
<span class="input-group-text" id="mode">---</span>
2021-08-07 08:53:37 +00:00
<span class="input-group-text" id="basic-addon1">BW</span>
<span class="input-group-text" id="bandwith">---</span>
2021-08-07 08:53:37 +00:00
</div>
2021-07-17 07:04:26 +00:00
</div>
2021-08-07 08:53:37 +00:00
</div>
</nav>
<script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="../node_modules/chart.js/dist/chart.min.js"></script>
<!--<script src="../ui.js"></script>-->
<!-- 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>-->
</body>
2021-07-17 07:04:26 +00:00
</html>