userbogd/WebguiappTemplate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web interface updated

Browse Source
This commit is contained in:
Bogdan Pilyugin 2022-08-28 16:13:44 +02:00
parent b4f0781b1e
commit fd36bb2764
7 changed files with 83 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
HTML/adapters.html
View File

@ -72,7 +72,9 @@
<div class="mlhdr">GPRS</div>
<form name="gprs" method="post">
<table class='cntr'>
<script>PrintCheckBox('Включить GSM','gsmen','~gsmen~',null);
<script>
if(~ifc_gprs~){
PrintCheckBox('Включить GSM','gsmen','~gsmen~',null);
PrintLabel('Модуль:','~gsmmod~');
PrintLabel('Оператор:','~gsmopr~');
PrintLabel('IMEI:','~gimei~');
@ -82,10 +84,13 @@
PrintLabel('Адрес шлюза:','~gsmgate~');
PrintLabel('DNS1:','~gsmdns~');
PrintLabel('DNS2:','~bkgsmdns~');
PrintLabel('DNS3:','~flgsmdns~');</script>
<tr><td></td></tr></table><br/>
<script>PrintSaveFail('~status_fail~');
PrintSaveBtn('gprs'); PrintApplyBtn('gprs');</script>
PrintLabel('DNS3:','~flgsmdns~');
PrintSep();
PrintSaveFail('~status_fail~');
PrintSaveBtn('gprs'); PrintApplyBtn('gprs');}
else
PrintLabel("GPRS is not supported by the hardware","");
</script>
</form>
</div>
</div>

1
HTML/espfs.paths
View File

@ -14,6 +14,7 @@ favicon.ico
iconsfont.css
iconsfont.woff2
index.html
info.html
logo.png
main.js
reboot.html

42
HTML/index.html
View File

@ -20,19 +20,28 @@
<div class="mlp">
<div class="mlpc">
<div class="mlhdr">Application 1</div>
<div class="mlhdr"></div>
<div class='cntr' style='text-align:center;margin-top:20px'>
<span id="name" ><div class='hdr1'>YOUR BRAND DEVICE NAME</div></span><br/><br/>
<span id='localtime'>?</span><br/>
Uptime:<span id='uptime'>?</span><br/><br/>
Signal WiFi:<span id='wlev' style="color:#0099ff;font-weight:bold">?</span><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
</div>
</div>
<div class="mlp">
<div class="mlpc">
<div class="mlhdr">Application 2</div>
<div class="mlhdr"></div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
</div>
<div class="mlp">
<div class="mlpc">
<div class="mlhdr">Application 3</div>
<div class="mlhdr"></div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
</div>
@ -44,5 +53,32 @@
showMenu('header-toggle','navbar');
linkColor.forEach(l => l.addEventListener('click', colorLink))
</script>
</body>
<script>
function secondsToHms(d) {
d = Number(d);
var dd = Math.floor(d/86400);
var h = Math.floor(d%86400/3600);
var m = Math.floor(d%3600/60);
var s = Math.floor(d%3600%60);
return (' '+dd+'d '+(h<10?"0":"")+h+":"+(m<10?"0":"")+m+":"+(s<10?"0":"")+s); }
function updateStatus(data) {
var dat = JSON.parse(data);
try
{
theDate = new Date(dat.time * 1000);
sec = dat.uptime;
document.getElementById('localtime').innerHTML=(theDate.toString()).slice(0,34);
document.getElementById('uptime').innerHTML= secondsToHms(sec);
document.getElementById('wlev').innerHTML= dat.wlev;
}
catch(e){return;}
}
function ReadAndUpdate() {
GetDataFile("/api/status.json", function(data){updateStatus(data);});
}
ReadAndUpdate();
setInterval("ReadAndUpdate()",1000);
</script>
</html>

27
HTML/res.js
View File

@ -40,36 +40,27 @@ var hedmen = `
<div class="nav__dropdown">
<a href="#" class="nav__link">
<i class='icon-wifi nav__icon' ></i>
<span class="nav__name">CONNECTION</span>
<i class='icon-down-open nav__icon nav__dropdown-icon'></i>
</a>
<div class="nav__dropdown-collapse">
<div class="nav__dropdown-content">
<a href="adapters.html" class="nav__dropdown-item">Adapters</a>
<a href="services.html" class="nav__dropdown-item">Services</a>
</div>
</div>
</div>
<div class="nav__dropdown">
<a href="#" class="nav__link">
<i class='icon-cog-alt nav__icon' ></i>
<span class="nav__name">DEVICE</span>
<span class="nav__name">SETTINGS</span>
<i class='icon-down-open nav__icon nav__dropdown-icon'></i>
</a>
<div class="nav__dropdown-collapse">
<div class="nav__dropdown-content">
<a href="system.html" class="nav__dropdown-item">Maintain</a>
</div>
<a href="adapters.html" class="nav__dropdown-item">Network</a>
<a href="services.html" class="nav__dropdown-item">Services</a>
<a href="system.html" class="nav__dropdown-item">System</a>
</div>
</div>
</div>
</div>
<a href="info.html" class="nav__link nav__logo">
<i class='icon-info-circled nav__icon' ></i>
<span class="nav__logo-name">About</span>
</a>
</div>
</div>
</nav>

13
HTML/services.html
View File

@ -32,12 +32,8 @@
<button id='sendt' type='button' class ='btn sbtn'>Передать</button><br/><br/><br/>
</td></tr>
</table>
<div class="resfail" style="text-align:center;display:~status_fail~" color="#F00" >
<font color="red">
<h2>Ошибка формата данных!</h2></font><br /> </div>
<div style='margin:auto;text-align:center'>
<button type="submit" class ='btn' name='sav' value='prs'>Сохранить</button>
</div>
<script>PrintSaveFail('~status_fail~');
PrintSaveBtn('sntp'); PrintApplyBtn('sntp')</script>
</form>
</div>
</div>
@ -55,16 +51,17 @@
PrintTextInput('Логин','clnm1','~clname1~',3,31);
PrintTextInput('Пароль','clps1','~clpass1~',3,31);
PrintSep();
if(~ifc_mq2~){
PrintCheckBox('Включить MQTT 2','mqttenb2','~mqtten2~',null);
PrintTextInput('URL шлюза сообщений','cld2','~ipcld2~',3,31);
PrintInt('Порт шлюза сообщений','mprt2','~mport2~',1000,65534);
PrintTextInput('ID станции','idd2','~idcld2~',3,31);
PrintTextInput('Корневая тема','top2','~topic2~',3,31);
PrintTextInput('Логин','clnm2','~clname2~',3,31);
PrintTextInput('Пароль','clps2','~clpass2~',3,31);</script>
PrintTextInput('Пароль','clps2','~clpass2~',3,31);}</script>
</table>
<script>PrintSaveFail('~status_fail~');
PrintSaveBtn();</script>
PrintSaveBtn('mqtt'); PrintApplyBtn('mqtt')</script>
</form>
</div>
</div>

38
HTML/system.html
View File

@ -18,45 +18,45 @@
<div class="mlp">
<div class="mlpc">
<form name="conf1" method="post">
<form name="syst" method="post">
<div class="mlhdr">SYSTEM</div>
<table class='cntr'><script>PrintTextInputNoReg('Имя устройства:','nam','~dname~', 3, 31 );
PrintTextInput('Имя пользователя:','lgn','~login~', 3, 31 );
PrintTextInput('Пароль пользователя:','psn','~pass~', 5, 31 );
PrintCheckBox('Включить OTA обновление','ota','~ota~',null);</script></table>
<table class='cntr'><tr><td align="center">URL файла обновления:</td></tr></table>
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('Версия ПО:','~fver~');
PrintLabel('Версия IDF:','~idfver~');
PrintLabel('Дата сборки:','~builddate~');
PrintLabel('Серийный номер:','~serial10~');</script></table>
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'>Обновить ПО</button>
<button type="submit" class ='btn' name='rst' value='prs'>Перезагрузить</button>
<button type="submit" class ='btn' name='sav' value='prs'>Сохранить</button>
<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="conf2" method="post">
<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'>Основной адаптер:</td><td><span id='adp'>?</span></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 соединение 1:</td><td><span id='mq1'>?</span></td></tr>
<tr><td class='rl lab'>MQTT соединение 2:</td><td><span id='mq2'>?</span></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'>Свободной памяти:</td><td><span id='mem'>?</span></td></tr>
<tr><td class='rl lab'>Минимум памяти:</td><td><span id='mmem'>?</span></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>
@ -64,7 +64,7 @@
<div class="mlp">
<div class="mlpc">
<form name="conf2" method="post">
<form name="cntrl" method="post">
<div class="mlhdr">CONTROL</div>
<div style='margin:auto;text-align:center'>
</br>

2
components/webguiapp

@ -1 +1 @@
Subproject commit 34be6b7dab4f342fcf2d8778471ea7bb357c53c2
Subproject commit ee9c5730324a6bd4aeddbd53010367ac139057a6