save and apply buttons in web interface, some styles fixed for better
looks
This commit is contained in:
parent
adbf57f71b
commit
2a8e2ae715
|
|
@ -18,7 +18,7 @@
|
||||||
|
|
||||||
<div class="masonry-layout__panel">
|
<div class="masonry-layout__panel">
|
||||||
<div class="masonry-layout__panel-content">
|
<div class="masonry-layout__panel-content">
|
||||||
<form name="conf1" 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()');
|
||||||
|
|
@ -33,14 +33,14 @@
|
||||||
<tr><td></td></tr></table><br/>
|
<tr><td></td></tr></table><br/>
|
||||||
|
|
||||||
<script>PrintSaveFail('~status_fail~');
|
<script>PrintSaveFail('~status_fail~');
|
||||||
PrintSaveBtn();</script>
|
PrintSaveBtn('eth'); PrintApplyBtn('eth');</script>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="masonry-layout__panel">
|
<div class="masonry-layout__panel">
|
||||||
<div class="masonry-layout__panel-content">
|
<div class="masonry-layout__panel-content">
|
||||||
<form name="conf2" 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>
|
||||||
|
|
@ -67,7 +67,7 @@
|
||||||
<tr><td></td></tr></table><br/>
|
<tr><td></td></tr></table><br/>
|
||||||
|
|
||||||
<script>PrintSaveFail('~status_fail~');
|
<script>PrintSaveFail('~status_fail~');
|
||||||
PrintSaveBtn();</script>
|
PrintSaveBtn('wifi'); PrintApplyBtn('wifi');</script>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -75,7 +75,7 @@
|
||||||
<div class="masonry-layout__panel">
|
<div class="masonry-layout__panel">
|
||||||
<div class="masonry-layout__panel-content">
|
<div class="masonry-layout__panel-content">
|
||||||
<div class="mlhdr">GPRS</div>
|
<div class="mlhdr">GPRS</div>
|
||||||
<form name="conf3" method="post">
|
<form name="gprs" method="post">
|
||||||
<table class='cntr'>
|
<table class='cntr'>
|
||||||
<script>PrintCheckBox('Включить GSM','gsmen','~gsmen~',null);
|
<script>PrintCheckBox('Включить GSM','gsmen','~gsmen~',null);
|
||||||
PrintLabel('Модуль:','~gsmmod~');
|
PrintLabel('Модуль:','~gsmmod~');
|
||||||
|
|
@ -90,7 +90,7 @@
|
||||||
PrintLabel('DNS3:','~flgsmdns~');</script>
|
PrintLabel('DNS3:','~flgsmdns~');</script>
|
||||||
<tr><td></td></tr></table><br/>
|
<tr><td></td></tr></table><br/>
|
||||||
<script>PrintSaveFail('~status_fail~');
|
<script>PrintSaveFail('~status_fail~');
|
||||||
PrintSaveBtn();</script>
|
PrintSaveBtn('gprs'); PrintApplyBtn('gprs');</script>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -90,5 +90,6 @@ function PrintCheckBox(title,name,checked,action){document.write("<tr><td class=
|
||||||
function PrintInt(title,name,value,min,max){document.write("<tr><td class='rl'>"+title+"</td><td><input type='number' required min='"+min+"' max='"+max+"' name='"+name+"' value ='"+value+"'/></td></tr>");}
|
function PrintInt(title,name,value,min,max){document.write("<tr><td class='rl'>"+title+"</td><td><input type='number' required min='"+min+"' max='"+max+"' name='"+name+"' value ='"+value+"'/></td></tr>");}
|
||||||
function PrintIntId(title,id,value,min,max){document.write("<tr><td class='rl'>"+title+"</td><td><input type='number' required min='"+min+"' max='"+max+"' id='"+id+"' value ='"+value+"'/></td></tr>");}
|
function PrintIntId(title,id,value,min,max){document.write("<tr><td class='rl'>"+title+"</td><td><input type='number' required min='"+min+"' max='"+max+"' id='"+id+"' value ='"+value+"'/></td></tr>");}
|
||||||
function PrintSep(){document.write("<tr><td height='20px'></td></tr>");}
|
function PrintSep(){document.write("<tr><td height='20px'></td></tr>");}
|
||||||
function PrintSaveBtn(){document.write("<div style='text-align:center;margin-top:10px'><button type='submit' class='btn' name='sav' value='prs'>Сохранить</button></div>");}
|
function PrintSaveBtn(form){document.write("<button type='submit' class='btn' name='save' value='"+form+"'>Save</button>");}
|
||||||
function PrintSaveFail(isfail){document.write("<div class='resfail' style='text-align:center;display:"+isfail+"' color='#F00'><font color='red'><h4>Неверный формат данных!</h4></font><br/></div>");}
|
function PrintApplyBtn(form){document.write("<button type='submit' class='btn' name='apply' value='"+form+"'>Apply</button>");}
|
||||||
|
function PrintSaveFail(isfail){document.write("<div class='resfail' style='text-align:center;display:"+isfail+"' color='#F00'><font color='red'><h4>Wrong data format!</h4></font><br/></div>");}
|
||||||
|
|
|
||||||
|
|
@ -42,7 +42,7 @@
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: var(--header-height) 0 0 0;
|
margin: var(--header-height) 0 0 0;
|
||||||
padding: 1rem 1rem 0;
|
padding: 0 0 0;
|
||||||
font-family: var(--body-font);
|
font-family: var(--body-font);
|
||||||
font-size: var(--normal-font-size);
|
font-size: var(--normal-font-size);
|
||||||
background-color: var(--body-color);
|
background-color: var(--body-color);
|
||||||
|
|
@ -249,7 +249,7 @@ img {
|
||||||
|
|
||||||
@media screen and (min-width: 768px) {
|
@media screen and (min-width: 768px) {
|
||||||
body {
|
body {
|
||||||
padding: 1rem 3rem 0 5rem;
|
padding: 0 0 0 5rem;
|
||||||
}
|
}
|
||||||
.header {
|
.header {
|
||||||
padding: 0 3rem 0 5rem;
|
padding: 0 3rem 0 5rem;
|
||||||
|
|
@ -353,9 +353,11 @@ textarea {
|
||||||
|
|
||||||
.masonry-layout__panel {
|
.masonry-layout__panel {
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
|
padding:5px;
|
||||||
|
|
||||||
}
|
}
|
||||||
.masonry-layout__panel-content {
|
.masonry-layout__panel-content {
|
||||||
margin: 10px 0 0 10px;
|
margin: 10px 0;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
border:solid 1px #CCCCCC;
|
border:solid 1px #CCCCCC;
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
Subproject commit 876f7dada9ab0f77090a47a76f43db0d1883b522
|
Subproject commit 34be6b7dab4f342fcf2d8778471ea7bb357c53c2
|
||||||
Loading…
Reference in New Issue
Block a user