118 lines
4.8 KiB
HTML
118 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="stylesheet" href="iconsfont.css">
|
|
<script src="main.js"></script>
|
|
<script src="res.js"></script>
|
|
<title>~name~</title>
|
|
</head>
|
|
<body>
|
|
<script>PageSurround();</script>
|
|
<!--========== CONTENTS ==========-->
|
|
<main>
|
|
<section>
|
|
<div class="ml">
|
|
|
|
<div class="mlp">
|
|
<div class="mlpc">
|
|
<form name="syst" method="post">
|
|
<div class="mlhdr">SYSTEM</div>
|
|
<table class='cntr'><script>PrintTextInputNoReg('Имя устройства:','nam','~dname~', 3, 31 );
|
|
PrintTextInput('User name:','lgn','~login~', 3, 31 );
|
|
PrintTextInput('User password:','psn','~pass~', 5, 31 );
|
|
PrintCheckBox('Enable OTA update','ota','~ota~',null);</script></table>
|
|
<table class='cntr'><tr><td align="center">Update firmware URL:</td></tr></table>
|
|
<table class='cntr'><tr><td><textarea type="text" raws="5" name='otaurl' title="64 символа" ">~otaurl~</textarea></td></tr>
|
|
</table>
|
|
<table class='cntr'><script>
|
|
PrintSep();
|
|
PrintLabel('Firmware version:','~fver~');
|
|
PrintLabel('IDF version:','~idfver~');
|
|
PrintLabel('Built date:','~builddate~');
|
|
PrintLabel('Serial number:','~serial10~');</script></table>
|
|
<script>PrintSaveFail('~status_fail~');</script>
|
|
<button type="submit" class ='btn' name='upd' value='prs'>Update manual</button>
|
|
<button type="submit" class ='btn' name='rst' value='prs'>Reboot</button>
|
|
<script>PrintSaveBtn('syst'); PrintApplyBtn('syst');</script>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mlp">
|
|
<div class="mlpc">
|
|
<form name="stat" method="post">
|
|
<div class="mlhdr">STAT</div>
|
|
<table class='cntr'>
|
|
<tr><td class='rl lab'>Ethernet:</td><td><span id='eth'>?</span></td></tr>
|
|
<tr><td class='rl lab'>WiFi:</td><td><span id='wfi'>?</span></td></tr>
|
|
<tr><td class='rl lab'>GPRS:</td><td><span id='gpr'>?</span></td></tr>
|
|
<tr><td height='20px'></td></tr>
|
|
<tr><td class='rl lab'>Current net adapter:</td><td><span id='adp'>?</span></td></tr>
|
|
<tr><td height='20px'></td></tr>
|
|
<tr><td class='rl lab'>MQTT connection 1:</td><td><span id='mq1'>?</span></td></tr>
|
|
<tr><td class='rl lab'>MQTT connection 2:</td><td><span id='mq2'>?</span></td></tr>
|
|
<tr><td height='20px'></td></tr>
|
|
<tr><td class='rl lab'>Free RAM:</td><td><span id='mem'>?</span></td></tr>
|
|
<tr><td class='rl lab'>Minimal free RAM :</td><td><span id='mmem'>?</span></td></tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mlp">
|
|
<div class="mlpc">
|
|
<form name="cntrl" method="post">
|
|
<div class="mlhdr">CONTROL</div>
|
|
<div style='margin:auto;text-align:center'>
|
|
</br>
|
|
<button type="submit" class ='btn' name='cmd' value='1'>BAT ON</button>
|
|
<button type="submit" class ='btn' name='cmd' value='2'>BAT OFF</button></br></br>
|
|
<button type="submit" class ='btn' name='cmd' value='3'>MQTT ON</button>
|
|
<button type="submit" class ='btn' name='cmd' value='4'>MQTT OFF</button></br></br>
|
|
<button type="submit" class ='btn' name='cmd' value='5'>LORA RJN</button>
|
|
<button type="submit" class ='btn' name='cmd' value='6'>FREE</button></br></br>
|
|
<button type="submit" class ='btn' name='cmd' value='7'>DEF ETH</button>
|
|
<button type="submit" class ='btn' name='cmd' value='8'>DEF WIFI</button></br></br>
|
|
<button type="submit" class ='btn' name='cmd' value='9'>DEF PPP</button>
|
|
<button type="submit" class ='btn' name='cmd' value='10'>IF NEXT</button></br></br>
|
|
<button type="submit" class ='btn' name='cmd' value='11'>IF PRINT</button>
|
|
<button type="submit" class ='btn' name='cmd' value='12'>TEST</button></br></br>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<script>
|
|
showMenu('header-toggle','navbar');
|
|
linkColor.forEach(l => l.addEventListener('click', colorLink))
|
|
</script>
|
|
</body>
|
|
<script>
|
|
function updateStatus(data) {
|
|
var dat = JSON.parse(data);
|
|
try
|
|
{
|
|
document.getElementById('eth').innerHTML= dat.ethstat;
|
|
document.getElementById('wfi').innerHTML= dat.wfstat;
|
|
document.getElementById('gpr').innerHTML= dat.gsmstat;
|
|
document.getElementById('adp').innerHTML= dat.defadp;
|
|
document.getElementById('mq1').innerHTML= dat.mqtt1st;
|
|
document.getElementById('mq2').innerHTML= dat.mqtt2st;
|
|
document.getElementById('mem').innerHTML= dat.freeram;
|
|
document.getElementById('mmem').innerHTML= dat.minram;
|
|
}
|
|
catch(e){return;}
|
|
}
|
|
function ReadAndUpdate() {
|
|
GetDataFile("/api/stat.json", function(data){updateStatus(data);});
|
|
}
|
|
ReadAndUpdate();
|
|
setInterval("ReadAndUpdate()",1000);
|
|
</script>
|
|
</html> |