mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
150 lines
No EOL
11 KiB
HTML
150 lines
No EOL
11 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<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';">-->
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
|
|
<title>Send & Receive Data</title>
|
|
</head>
|
|
<body>
|
|
<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">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 mb-2">
|
|
<div class="col-auto">
|
|
<div class="input-group input-group-sm">
|
|
<input type="text" class="form-control" style="max-width: 6rem" placeholder="DX Call" id="dxCall" maxlength="6" aria-label="Input group example" aria-describedby="btnGroupAddon">
|
|
<button type="button" id="sendPing"class="btn btn-primary">Ping</button>
|
|
<span class="input-group-text" id="tnc_running_state">ACK</span>
|
|
<span class="input-group-text" id="tnc_running_state">0000 km</span>
|
|
<span class="input-group-text" id="tnc_running_state">0 dB</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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="hamlib_deviceport">
|
|
<option selected value="DATAC1">DATAC1</option>
|
|
<option value="DATAC3">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="hamlib_deviceport">
|
|
<option selected value="1">1</option>
|
|
<option value="2">2</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="input-group input-group-sm">
|
|
<button type="button" id="startTransmission"class="btn btn-success">Send</button>
|
|
<!--<button type="button" id="stopTNC"class="btn btn-danger">STOP</button>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--col-->
|
|
</div>
|
|
<!--row-->
|
|
</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>
|
|
<!---------------------------------------------------------------------- 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 me-2 " 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>
|
|
<div class="input-group input-group-sm me-2">
|
|
<span class="input-group-text" id="basic-addon1">Bytes/s</span>
|
|
<span class="input-group-text" id="basic-addon1">----</span>
|
|
</div>
|
|
<div class="progress" style="height:100%; width: 200px">
|
|
<div class="progress-bar progress-bar-striped bg-primary" id="arq-progress" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html> |