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 Projects Releases Packages 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

58
gui/src/index.html
View file

@ -10,32 +10,25 @@
<!-- Waterfall CSS --> <!-- Waterfall CSS -->
<link rel="stylesheet" type="text/css" href="waterfall/waterfall.css" /> <link rel="stylesheet" type="text/css" href="waterfall/waterfall.css" />
<style> <style>
/** /**
* disable scrolling in main window * disable scrolling in main window
*/ */
body { body {
padding-right: 0px !important; padding-right: 0px !important;
overflow-y: hidden !important; overflow-y: hidden !important;
} }
/**
/**
* Progress bars with centered text * Progress bars with centered text
*/ */
.progress {
.progress {
position: relative; position: relative;
} }
.progress span {
.progress span {
position: absolute; position: absolute;
display: block; display: block;
width: 100%; width: 100%;
color: black; color: black;
} }
</style> </style>
<title>codec2 | FreeDATA</title> <title>codec2 | FreeDATA</title>
</head> </head>
@ -95,7 +88,6 @@
<div class="progress mb-2" style="height: 20px;" > <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> <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> <p class="justify-content-center d-flex position-absolute w-100">RX AUDIO LEVEL</p>
</div> </div>
</div> </div>
<div class="card-footer text-muted small"> <div class="card-footer text-muted small">
@ -419,8 +411,7 @@
<span class="input-group-text" id="tnc_running_state">---</span> <span class="input-group-text" id="tnc_running_state">---</span>
<button type="button" id="stopTNC"class="btn btn-danger">STOP</button> <button type="button" id="stopTNC"class="btn btn-danger">STOP</button>
</div> </div>
--> -->
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-auto"> <div class="col-md-auto">
@ -453,7 +444,6 @@
<div class="progress" style="height: 20px;" > <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> <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> <p class="justify-content-center d-flex position-absolute w-100" id="progressbar_ram_value"></p>
</div> </div>
</div> </div>
</div> </div>
@ -466,7 +456,6 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="card-footer text-muted small"> <div class="card-footer text-muted small">
TNC settings TNC settings
@ -538,16 +527,20 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<div class="card text-dark bg-light mb-1" style="height: 360px"> <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">--> <!--<div class="card-body">-->
<!-- <canvas id="waterfall"></canvas>--> <canvas id="waterfall" style="position: relative; z-index: 2;"></canvas>
<canvas id="myChart" ></canvas> <canvas id="scatter" style="position: relative; z-index: 1;"></canvas>
<!-- </div>--> <!-- </div>-->
</div> </div>
</div> </div>
@ -555,9 +548,7 @@
<div class="card text-dark bg-light mb-1" style="height: 360px"> <div class="card text-dark bg-light mb-1" style="height: 360px">
<div class="card-header">HEARD STATIONS</div> <div class="card-header">HEARD STATIONS</div>
<div class="card-body"> <div class="card-body">
<!-- START OF TABLE FOR HEARD STATIONS --> <!-- START OF TABLE FOR HEARD STATIONS -->
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
@ -568,7 +559,7 @@
</tr> </tr>
</thead> </thead>
<tbody id="heardstations"> <tbody id="heardstations">
<!-- <!--
<tr> <tr>
<th scope="row">1</th> <th scope="row">1</th>
<td>Mark</td> <td>Mark</td>
@ -588,23 +579,13 @@
</tr> </tr>
--> -->
</tbody> </tbody>
</table> </table>
<!-- END OF HEARD STATIONS TABLE --> <!-- END OF HEARD STATIONS TABLE -->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- <!--
<div class="container mt-2"> <div class="container mt-2">
<div class="row"> <div class="row">
@ -680,10 +661,7 @@
</div> </div>
</nav> </nav>
<script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <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="../node_modules/chart.js/dist/chart.min.js"></script>
<!--<script src="../ui.js"></script>--> <!--<script src="../ui.js"></script>-->
<!-- WATERFALL --> <!-- WATERFALL -->
<script src="waterfall/colormap.js"></script> <script src="waterfall/colormap.js"></script>