Crash_Override/FreeDATA
1
0
Fork 0
mirror of https://github.com/DJ2LS/FreeDATA synced 2024-05-14 08:04:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

html cleanup

Browse source
This commit is contained in:
DJ2LS 2021-08-07 10:53:37 +02:00 committed by GitHub
parent dfb2e367ee
commit e70c2ccb0e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 657 additions and 679 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
gui/src/index.html
View file

@ -10,32 +10,25 @@
<!-- Waterfall CSS -->
<link rel="stylesheet" type="text/css" href="waterfall/waterfall.css" />
<style>
/**
* disable scrolling in main window
*/
body {
padding-right: 0px !important;
overflow-y: hidden !important;
}
/**
* Progress bars with centered text
*/
.progress {
position: relative;
}
.progress span {
position: absolute;
display: block;
width: 100%;
color: black;
}
</style>
<title>codec2 | FreeDATA</title>
</head>
@ -95,7 +88,6 @@
<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">
@ -420,7 +412,6 @@
<button type="button" id="stopTNC"class="btn btn-danger">STOP</button>
</div>
-->
<div class="container">
<div class="row">
<div class="col-md-auto">
@ -453,7 +444,6 @@
<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>
</div>
@ -466,7 +456,6 @@
</div>
</div>
</div>
</div>
<div class="card-footer text-muted small">
TNC settings
@ -538,16 +527,20 @@
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="card text-dark bg-light mb-1" style="height: 360px">
<div class="card-header"> SPECTRUM</div>
<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"></canvas>-->
<canvas id="myChart" ></canvas>
<canvas id="waterfall" style="position: relative; z-index: 2;"></canvas>
<canvas id="scatter" style="position: relative; z-index: 1;"></canvas>
<!-- </div>-->
</div>
</div>
@ -555,9 +548,7 @@
<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>
@ -589,22 +580,12 @@
-->
</tbody>
</table>
<!-- END OF HEARD STATIONS TABLE -->
</div>
</div>
</div>
</div>
</div>
<!--
<div class="container mt-2">
<div class="row">
@ -680,10 +661,7 @@
</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>