194 lines
6.6 KiB
HTML
Executable File
194 lines
6.6 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>RadioSonde (version %VERSION_ID%)</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="data:,">
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
</head>
|
|
<body style="background-color: #008CBA;">
|
|
<div style="background-color: #FFFFFF;">
|
|
<h2><i onclick="w3_open()" class="fa fa-bars"></i> RadioSonde (version %VERSION_ID%)</h2>
|
|
</div>
|
|
<!--
|
|
<p>GPIO state: <strong> %STATE%</strong></p>
|
|
<p><a href="/on"><button class="button">ON</button></a></p>
|
|
<p><a href="/off"><button class="button button2">OFF</button></a></p>
|
|
-->
|
|
|
|
<!-- Side Navigation -->
|
|
<nav style="text-align: left; background-color: #aaa; font-weight: bold; display:none" id="mySidebar">
|
|
<h3>MENU</h3>
|
|
<button class="tablinks fa fa-close" onclick="w3_close();"> Close</button><br>
|
|
<button class="tablinks fa fa-dashboard" onclick="selTab(event,'QRG'); w3_close()" id="defaultTab"> QRG</button><br>
|
|
<button class="tablinks fa fa-wifi" onclick="selTab(event,'WiFi'); w3_close()"> WiFi</button><br>
|
|
<button class="tablinks fa fa-database" onclick="selTab(event,'Data'); w3_close()"> Data</button><br>
|
|
<button class="tablinks fa fa-map-marker" onclick="selTab(event,'Map'); w3_close()"> Map</button><br>
|
|
<button class="tablinks fa fa-map-marker" onclick="document.location.href='livemap.html'"> Livemap</button><br>
|
|
<button class="tablinks fa fa-gears" onclick="selTab(event,'Config'); w3_close()"> Config</button><br>
|
|
<button class="tablinks fa fa-sliders" onclick="selTab(event,'Control'); w3_close()"> Control</button><br>
|
|
<button class="tablinks fa fa-download" onclick="selTab(event,'Update'); w3_close()"> Update</button><br>
|
|
<button class="tablinks fa fa-support" onclick="selTab(event,'About'); w3_close()"> About</button><br><br><br><br>
|
|
</nav>
|
|
|
|
<div id="QRG" class="tabcontent">
|
|
<h3> QRG - Setup</h3>
|
|
<iframe src="qrg.html" style="border:none;" width="100%%" height="100%%"></iframe>
|
|
</div>
|
|
|
|
<div id="WiFi" class="tabcontent">
|
|
<h3> WiFi - Settings</h3>
|
|
<iframe src="wifi.html" style="border:none;" width="100%%" height="100%%"></iframe>
|
|
</div>
|
|
|
|
<div id="Data" class="tabcontent" data-src="status.html">
|
|
<h3>Data</h3>
|
|
<iframe src="status.html" style="border:none;" width="100%%" height="100%%"></iframe>
|
|
</div>
|
|
|
|
<div id="Map" class="tabcontent" data-src="map.html">
|
|
<iframe src="map.html" style="border:none;" width="98%%" height="98%%"></iframe>
|
|
</div>
|
|
|
|
<div id="LiveMap" class="tabcontent" data-src="livemap.html">
|
|
<iframe src="livemap.html" style="border:none;" width="98%%" height="98%%"></iframe>
|
|
</div>
|
|
|
|
<div id="Config" class="tabcontent">
|
|
<h3>Configuration</h3>
|
|
<iframe src="config.html" style="border:none;" width="100%%" height="100%%"></iframe>
|
|
</div>
|
|
|
|
<div id="Control" class="tabcontent">
|
|
<h3>Control</h3>
|
|
<iframe src="control.html" style="border:none;" width="100%%" height="100%%"></iframe>
|
|
</div>
|
|
|
|
<div id="Update" class="tabcontent">
|
|
<h3>Update</h3>
|
|
<iframe src="update.html" style="border:none;" width="100%%" height="100%%"></iframe>
|
|
</div>
|
|
<div id="Telemetry" class="tabcontent">
|
|
<h3>Telemetry</h3>
|
|
<button onclick="javascript:window.open('/download','_self');">Telemetry</button>
|
|
</div>
|
|
<div id="About" class="tabcontent">
|
|
%VERSION_NAME%<br>
|
|
CopyLeft 2020-2022 Modifier par <a href="http://openpmr.fr.nf/">Xav, FRS2013</a> & Vigor<br>
|
|
<a href="#Update">Check for update (requires TTGO internet connection via WiFi)</a><br><br>
|
|
<br>
|
|
(version %VERSION_ID%)
|
|
<br>
|
|
Original project by Hansi<br>
|
|
Copyright © 2019-2022 by Hansi Reiser, DL9RDZ<br>
|
|
<br><br>
|
|
Autodetect info: %AUTODETECT_INFO%<br>
|
|
<br>
|
|
RS92 RINEX eph state: %EPHSTATE%<br>
|
|
<br>
|
|
This program is free software; you can redistribute it and/or
|
|
modify it under the terms of the GNU General Public License as
|
|
published by the Free Software Foundation; either version 2 of
|
|
the License, or (at your option) any later version.<br>
|
|
See <a href="https://www.gnu.org/licenses/gpl-2.0.txt">https://www.gnu.org/licenses/gpl-2.0.txt</a>
|
|
for details.
|
|
</div>
|
|
|
|
<div style="background-color: #008CBA;"><br>
|
|
<div class="footer"><span></span><span class="ttgoinfo">RadioSonde %VERSION_ID%</span></div>
|
|
</div>
|
|
<script>
|
|
function selTab(evt, id) {
|
|
var i, tabcontent, tablinks;
|
|
tabcontent=document.getElementsByClassName("tabcontent");
|
|
for(i=0; i<tabcontent.length; i++) {
|
|
tabcontent[i].style.display = "none";
|
|
var link = tabcontent[i].dataset.src;
|
|
if(link) {
|
|
var iframe = tabcontent[i].getElementsByTagName("iframe")[0];
|
|
iframe.setAttribute("src", "");
|
|
}
|
|
}
|
|
tablinks=document.getElementsByClassName("tablinks");
|
|
for(i=0; i<tablinks.length; i++) {
|
|
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
|
}
|
|
var act = document.getElementById(id);
|
|
act.style.display = "block";
|
|
evt.currentTarget.className += " active";
|
|
|
|
var link = act.dataset.src;
|
|
if(link) {
|
|
var iframe = act.getElementsByTagName("iframe")[0];
|
|
iframe.setAttribute("src", link);
|
|
}
|
|
}
|
|
document.getElementById("defaultTab").click();
|
|
</script>
|
|
<!-- Script for Sidebar, Tabs, Accordions, Progress bars and slideshows -->
|
|
<script>
|
|
// Side navigation
|
|
function w3_open() {
|
|
var x = document.getElementById("mySidebar");
|
|
x.style.width = "100%";
|
|
x.style.height = "80%";
|
|
x.style.fontSize = "40px";
|
|
x.style.paddingTop = "0%";
|
|
x.style.display = "block";
|
|
}
|
|
function w3_close() {
|
|
document.getElementById("mySidebar").style.display = "none";
|
|
}
|
|
|
|
// Tabs
|
|
function openCity(evt, cityName) {
|
|
var i;
|
|
var x = document.getElementsByClassName("city");
|
|
for (i = 0; i < x.length; i++) {
|
|
x[i].style.display = "none";
|
|
}
|
|
var activebtn = document.getElementsByClassName("testbtn");
|
|
for (i = 0; i < x.length; i++) {
|
|
activebtn[i].className = activebtn[i].className.replace(" w3-dark-grey", "");
|
|
}
|
|
document.getElementById(cityName).style.display = "block";
|
|
evt.currentTarget.className += " w3-dark-grey";
|
|
}
|
|
|
|
var mybtn = document.getElementsByClassName("testbtn")[0];
|
|
mybtn.click();
|
|
|
|
// Accordions
|
|
function myAccFunc(id) {
|
|
var x = document.getElementById(id);
|
|
if (x.className.indexOf("w3-show") == -1) {
|
|
x.className += " w3-show";
|
|
} else {
|
|
x.className = x.className.replace(" w3-show", "");
|
|
}
|
|
}
|
|
|
|
// Slideshows
|
|
var slideIndex = 1;
|
|
|
|
function plusDivs(n) {
|
|
slideIndex = slideIndex + n;
|
|
showDivs(slideIndex);
|
|
}
|
|
|
|
function showDivs(n) {
|
|
var x = document.getElementsByClassName("mySlides");
|
|
if (n > x.length) {slideIndex = 1}
|
|
if (n < 1) {slideIndex = x.length} ;
|
|
for (i = 0; i < x.length; i++) {
|
|
x[i].style.display = "none";
|
|
}
|
|
x[slideIndex-1].style.display = "block";
|
|
}
|
|
|
|
showDivs(1);
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|