tvolkmann/gyrogpsc
1
0
Fork 0
Code Issues Pull Requests Projects 1 Releases 1 Wiki Activity

add lamps to visualize smartphone accuracy

Browse Source
This commit is contained in:
unknown 2021-01-10 01:56:30 +01:00
parent 0c8cc110ab
commit 36f2e35231
3 changed files with 45 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
static/scripts/accuracy.js
View File

@ -42,3 +42,8 @@ function addTCPAccuracy(hacc, vacc){
barChart.data.datasets[1].data = [hacc, vacc];
barChart.update();
}
//Farbe der Lampen ändern
// AN: document.getElementById("greenlamp").style.backgroundColor = 'rgba(0, 230, 64, 1)'
// AUS: document.getElementById("greenlamp").style.backgroundColor = 'rgba(0, 100, 0, 1)'
// AN: document.getElementById("redlamp").style.backgroundColor = 'rgba(242, 38, 19, 1)'
// AUS: document.getElementById("redlamp").style.backgroundColor = 'rgba(139, 0, 0, 1)'

16
static/style.css
View File

@ -305,6 +305,22 @@ canvas {
perspective: 400px;
}
.lamp {
width: 50px;
height: 50px;
background-color: gray;
border-radius: 50%;
}
.lampinner{
width: 40px;
height: 40px;
position: relative;
top: 5px;
left: 5px;
border-radius: 50%;
}
.cube {
width: 200px;
height: 200px;

30
templates/index.html
View File

@ -62,17 +62,35 @@
</div>
<div class="float container">
<div class="float-child">
<div class="container" style="width: 200px; height: 50px">
<div class="container" style="width: 150px; height: 50px">
<label id="serialHAcc" style= "color: rgba(214, 69, 65, 1); font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Ublox HAcc: </label><br>
<label id="serialVAcc" style= "color: rgba(214, 69, 65, 1); font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Ublox VAcc: </label>
</div>
</div>
<div class="float-child">
<div class="container" style="width: 200px; height: 50px">
<div class="container" style="width: 150px; height: 50px">
<label id="tcpHAcc" style= "color: rgba(30, 139, 195, 1); font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Smartphone HAcc: </label><br>
<label id="tcpVAcc" style= "color: rgba(30, 139, 195, 1); font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Smartphone VAcc: </label>
</div>
</div>
<div class="float-child">
<div class="float container">
<div class="float-child">
<div class="container" style="width: 350px; height: 50px">
<div class="lamp">
<div class="lampinner" id="greenlamp" style="background-color: darkgreen"></div>
</div>
<label style="position: relative; bottom: 40px; left: 70px; color: white; font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Dist. Ublox-Smartphone (m) <= Genauigkeit Ublox (m). </label>
</div>
</div>
<div class="float-child">
<div class="container" style="width: 350px; height: 50px">
<div class="lamp">
<div class="lampinner" id="redlamp" style="background-color: #8b0000"></div>
</div>
<label style="position: relative; bottom: 40px; left: 70px; color: white; font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Dist. Ublox-Smartphone (m) > Genauigkeit Ublox (m). </label>
</div>
</div>
</div>
</div>
</div>
</div>
@ -124,7 +142,7 @@
<div id="NS" class="quad"></div>
<div id="WE" class="quad"></div>
<span id="N" class="dir">N</span>
<span id="E" class="dir">E</span>
<span id="E" class="dir">O</span>
<span id="S" class="dir">S</span>
<span id="W" class="dir">W</span>
<div id="needle"></div>
@ -140,7 +158,7 @@
<div id="NSTCP" class="quad"></div>
<div id="WETCP" class="quad"></div>
<span id="NTCP" class="dir">N</span>
<span id="ETCP" class="dir">E</span>
<span id="ETCP" class="dir">O</span>
<span id="STCP" class="dir">S</span>
<span id="WTCP" class="dir">W</span>
<div id="needleTCP"></div>