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

update webguiapp component

Browse Source
This commit is contained in:
Bogdan Pilyugin 2022-10-12 10:59:45 +02:00
parent 8f7006b057
commit d0c68af6b7
3 changed files with 120 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

208
HTML/adapters.html
View File

@ -1,105 +1,105 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="iconsfont.css"> <link rel="stylesheet" href="iconsfont.css">
<script src="main.js"></script> <script src="main.js"></script>
<script src="res.js"></script> <script src="res.js"></script>
<title>~name~</title> <title>~name~</title>
</head> </head>
<body> <body>
<script>PageSurround();</script> <script>PageSurround();</script>
<!--========== CONTENTS ==========--> <!--========== CONTENTS ==========-->
<main> <main>
<section> <section>
<div class="ml"> <div class="ml">
<div class="mlp"> <div class="mlp">
<div class="mlpc"> <div class="mlpc">
<form name="eth" method="post"> <form name="eth" method="post">
<div class="mlhdr">ETHERNET</div> <div class="mlhdr">ETHERNET</div>
<table class='cntr'><tr> <table class='cntr'><tr>
<script>PrintCheckBox('Включить ETHERNET','ethen','~ethen~','configIPBoxes()'); <script>PrintCheckBox('Включить ETHERNET','ethen','~ethen~','configIPBoxes()');
PrintCheckBox('Включить DHCP','dhcp','~ecbdh~','configIPBoxes()'); PrintCheckBox('Включить DHCP','dhcp','~ecbdh~','configIPBoxes()');
PrintIPInput('IP Станции:','ipa','~eip~'); PrintIPInput('IP Станции:','ipa','~eip~');
PrintIPInput('Маска подсети:','mas','~emsk~'); PrintIPInput('Маска подсети:','mas','~emsk~');
PrintIPInput(' Адрес шлюза:','gte','~egate~'); PrintIPInput(' Адрес шлюза:','gte','~egate~');
PrintIPInput('DNS1:','dns1','~edns~'); PrintIPInput('DNS1:','dns1','~edns~');
PrintIPInput('DNS2:','dns2','~bkedns~'); PrintIPInput('DNS2:','dns2','~bkedns~');
PrintIPInput('DNS3:','dns3','~fledns~'); PrintIPInput('DNS3:','dns3','~fledns~');
PrintMACInput('MAC:','mac','~emacadr~');</script> PrintMACInput('MAC:','mac','~emacadr~');</script>
<tr><td></td></tr></table><br/> <tr><td></td></tr></table><br/>
<script>PrintSaveFail('~status_fail~'); <script>PrintSaveFail('~status_fail~');
PrintSaveBtn('eth'); PrintApplyBtn('eth');</script> PrintSaveBtn('eth'); PrintApplyBtn('eth');</script>
</form> </form>
</div> </div>
</div> </div>
<div class="mlp"> <div class="mlp">
<div class="mlpc"> <div class="mlpc">
<form name="wifi" method="post"> <form name="wifi" method="post">
<div class="mlhdr">WiFi</div> <div class="mlhdr">WiFi</div>
<table class='cntr'> <table class='cntr'>
<tr><td class='rl'>Включить WiFi</td><td><input type="checkbox" name="wifien" value="1" ~wfen~/></td></tr> <tr><td class='rl'>Включить WiFi</td><td><input type="checkbox" name="wifien" value="1" ~wfen~/></td></tr>
<tr><td class='rl'>Режим WiFi:</td><td><input name="netm" type="radio" value="2" onclick="configIPBoxes()" ~cln~>Клиент(CLN)</input></br> <tr><td class='rl'>Режим WiFi:</td><td><input name="netm" type="radio" value="2" onclick="configIPBoxes()" ~cln~>Клиент(CLN)</input></br>
<input name="netm" type="radio" value="1" onclick="configIPBoxes()" ~apn~>Точка доступа(AP)</input></td></tr> <input name="netm" type="radio" value="1" onclick="configIPBoxes()" ~apn~>Точка доступа(AP)</input></td></tr>
<script>PrintTextInput('Имя WiFi сети(AP):','wfiap','~ssidap~',3,31); <script>PrintTextInput('Имя WiFi сети(AP):','wfiap','~ssidap~',3,31);
PrintTextInput('Ключ WiFi сети(AP):','wfpap','~wkeyap~',8,31); PrintTextInput('Ключ WiFi сети(AP):','wfpap','~wkeyap~',8,31);
PrintIPInput('IP адрес(AP):','ipaap','~ipap~'); PrintIPInput('IP адрес(AP):','ipaap','~ipap~');
PrintTextInput('Имя WiFi сети(CLN):','wfi','~ssid~',3,31); PrintTextInput('Имя WiFi сети(CLN):','wfi','~ssid~',3,31);
PrintTextInput('Ключ WiFi сети(CLN):','wfp','~wkey~',8,31); PrintTextInput('Ключ WiFi сети(CLN):','wfp','~wkey~',8,31);
PrintCheckBox('Включить DHCP','dhcp','~cbdh~','configIPBoxes()'); PrintCheckBox('Включить DHCP','dhcp','~cbdh~','configIPBoxes()');
PrintIPInput('IP адрес(CLN):','ipa','~ip~'); PrintIPInput('IP адрес(CLN):','ipa','~ip~');
PrintIPInput('Маска подсети(CLN):','mas','~msk~'); PrintIPInput('Маска подсети(CLN):','mas','~msk~');
PrintIPInput('Адрес шлюза(CLN):','gte','~gate~'); PrintIPInput('Адрес шлюза(CLN):','gte','~gate~');
PrintIPInput('DNS1:','dns','~dns~'); PrintIPInput('DNS1:','dns','~dns~');
PrintIPInput('DNS2:','dns2','~dns2~'); PrintIPInput('DNS2:','dns2','~dns2~');
PrintIPInput('DNS3:','dns3','~dns3~'); PrintIPInput('DNS3:','dns3','~dns3~');
PrintMACInput('MAC(CLN):','mac','~macadr~'); PrintMACInput('MAC(CLN):','mac','~macadr~');
PrintMACInput('MAC(AP):','mac2','~apmacadr~');</script> PrintMACInput('MAC(AP):','mac2','~apmacadr~');</script>
<tr><td></td></tr></table><br/> <tr><td></td></tr></table><br/>
<script>PrintSaveFail('~status_fail~'); <script>PrintSaveFail('~status_fail~');
PrintSaveBtn('wifi'); PrintApplyBtn('wifi');</script> PrintSaveBtn('wifi'); PrintApplyBtn('wifi');</script>
</form> </form>
</div> </div>
</div> </div>
<div class="mlp"> <div class="mlp">
<div class="mlpc"> <div class="mlpc">
<div class="mlhdr">GPRS</div> <div class="mlhdr">GPRS</div>
<form name="gprs" method="post"> <form name="gprs" method="post">
<table class='cntr'> <table class='cntr'>
<script> <script>
if(~ifc_gprs~){ if(~ifc_gprs~){
PrintCheckBox('Включить GSM','gsmen','~gsmen~',null); PrintCheckBox('Включить GSM','gsmen','~gsmen~',null);
PrintLabel('Модуль:','~gsmmod~'); PrintLabel('Модуль:','~gsmmod~');
PrintLabel('Оператор:','~gsmopr~'); PrintLabel('Оператор:','~gsmopr~');
PrintLabel('IMEI:','~gimei~'); PrintLabel('IMEI:','~gimei~');
PrintLabel('IMSI:','~gimsi~'); PrintLabel('IMSI:','~gimsi~');
PrintLabel('IP адрес:','~gsmip~'); PrintLabel('IP адрес:','~gsmip~');
PrintLabel('Маска подсети:','~gsmmsk~'); PrintLabel('Маска подсети:','~gsmmsk~');
PrintLabel('Адрес шлюза:','~gsmgate~'); PrintLabel('Адрес шлюза:','~gsmgate~');
PrintLabel('DNS1:','~gsmdns~'); PrintLabel('DNS1:','~gsmdns~');
PrintLabel('DNS2:','~bkgsmdns~'); PrintLabel('DNS2:','~bkgsmdns~');
PrintLabel('DNS3:','~flgsmdns~'); PrintLabel('DNS3:','~flgsmdns~');
PrintSep(); PrintSep(); }
PrintSaveFail('~status_fail~'); else
PrintSaveBtn('gprs'); PrintApplyBtn('gprs');} PrintLabel("GPRS is not supported by the hardware","");
else </script></table>
PrintLabel("GPRS is not supported by the hardware",""); <script>PrintSaveFail('~status_fail~');
</script> PrintSaveBtn('gprs'); PrintApplyBtn('gprs');</script>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
</main> </main>
<script> <script>
showMenu('header-toggle','navbar'); showMenu('header-toggle','navbar');
linkColor.forEach(l => l.addEventListener('click', colorLink)) linkColor.forEach(l => l.addEventListener('click', colorLink))
</script> </script>
</body> </body>
</html> </html>

22
HTML/styles.css
View File

@ -5,12 +5,12 @@
/*========== Colors ==========*/ /*========== Colors ==========*/
--first-color: #FFFFFF; --first-color: #FFFFFF;
--first-color-light: #90C0E0; --first-color-light: #ff0000;
--title-color: #336699; --title-color: #990000;
--text-color: #404040; --text-color: #404040;
--text-color-light: #336699; --text-color-light: #990000;
--body-color: #FFFFFF; --body-color: #FFFFFF;
--container-color: #90C0E0; --container-color: #ff0000;
/*========== Font and typography ==========*/ /*========== Font and typography ==========*/
--body-font: 'Arial', sanf-serif; --body-font: 'Arial', sanf-serif;
@ -316,8 +316,6 @@ img {
.rl{text-align:right;} .rl{text-align:right;}
input, .btn, .lab, textarea { input, .btn, .lab, textarea {
font:.8rem consolas,monospace; font:.8rem consolas,monospace;
padding-left:3px; padding-left:3px;
@ -327,7 +325,6 @@ input, .btn, .lab, textarea {
margin: 3px 3px; margin: 3px 3px;
vertical-align: middle; vertical-align: middle;
} }
.btn{min-width:100px;} .btn{min-width:100px;}
.btn:active{background-color: #CCCCCC;} .btn:active{background-color: #CCCCCC;}
.btn:hover {border:solid 1px #999999;} .btn:hover {border:solid 1px #999999;}
@ -340,6 +337,17 @@ textarea {
vertical-align: top; vertical-align: top;
} }
.stg td{width:auto;padding:1px;margin:0}
.stg input, select {height:25px}
input[type="radio"] { margin-top: -1px; vertical-align: middle;}
.stg table{margin: 5px auto}
.dot {height: 30px;
width: 30px;
background-color: #d0d0d0;
border-radius: 40%;
display: inline-block;
margin: 7px 20px}
.cntr { .cntr {
margin:auto; margin:auto;
font: .8rem consolas, monospace;} font: .8rem consolas, monospace;}

2
components/webguiapp

@ -1 +1 @@
Subproject commit 88ac20f673651500d2aae86b193524a0d17bb57b Subproject commit 093d1abd7896f7ea57eb352d5826b6ac0d94e27a