playing around with html css js
This commit is contained in:
parent
40d0175564
commit
8955824884
2 changed files with 79 additions and 61 deletions
|
@ -34,6 +34,7 @@ h3 {
|
||||||
td {
|
td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
border-bottom: 1px solid #262B27;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link, a:visited {
|
a:link, a:visited {
|
||||||
|
|
|
@ -6,75 +6,92 @@
|
||||||
<title>CanGrow - CanGrow v0.2-dev</title>
|
<title>CanGrow - CanGrow v0.2-dev</title>
|
||||||
<link rel='stylesheet' href='cangrow.css'>
|
<link rel='stylesheet' href='cangrow.css'>
|
||||||
<script type='text/javascript' src='cangrow.js'></script>
|
<script type='text/javascript' src='cangrow.js'></script>
|
||||||
|
<style>
|
||||||
|
.linkForm {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.linkForm input[type=submit] {
|
||||||
|
background: #262B27;
|
||||||
|
padding: 5px;
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<ul class='nav'><li><a href='/'>🌱 CanGrow</a></li>
|
<ul class='nav'><li><a href='/'>🌱 CanGrow</a></li>
|
||||||
<li><a class='' href='/grow/' >🔆 Grow settings</a></li>
|
<li><a class='' href='/grow/' >🔆 Grow settings</a></li>
|
||||||
<li><a class='' href='/system/' >⚙ System settings</a></li>
|
<li><a class='activeNav' href='/system/' >⚙ System settings</a></li>
|
||||||
<li><a class='activeNav' href='/wifi/' >📡 WiFi settings</a></li>
|
<li><a class='' href='/wifi/' >📡 WiFi settings</a></li>
|
||||||
<li><a class='' href='/help' >❓ Help</a></li>
|
<li><a class='' href='/help' >❓ Help</a></li>
|
||||||
<li><span class='navTime'>04:20:23</span></li>
|
<li><span class='navTime'>04:20:23</span></li>
|
||||||
<li><a href='https://git.la10cy.net/DeltaLima/CanGrow' target='_blank'>CanGrow v0.2-dev</a></li>
|
<li><a href='https://git.la10cy.net/DeltaLima/CanGrow' target='_blank'>CanGrow v0.2-dev</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class='center'>
|
<div class='center'>
|
||||||
|
|
||||||
|
<ul class='subnav'>
|
||||||
<b><u>Current Settings:</u></b><br>WiFi SSID: <b>Gefahrenzone</b><br>
|
<li><a class='activeNav' href='/system/output/'>⚡ Output configuration</a></li>
|
||||||
Use DHCP: <b>1</b><br>
|
<li><a class='' href='/system/update'>🔄 Firmware update</a></li>
|
||||||
IP address: <b>192.168.30.220</b><br>
|
<li><a class='' href='/system/restart' >🔁 CanGrow restart</a></li>
|
||||||
Subnet mask: <b>255.255.255.0</b><br>
|
<li><a class='' href='/system/wipe' >💣 Factory reset</a></li>
|
||||||
Gateway: <b>192.168.30.1</b><br>
|
</ul>
|
||||||
DNS: <b>192.168.30.1</b><br><br>
|
<a class='button' href='/system/output/add'>➕ Add output</a>
|
||||||
|
<table class='centered'>
|
||||||
<p>Select your wifi network from the SSID list.
|
<tr>
|
||||||
<br>Reload the page, if your network is not listed.</p>
|
<th>ID</th>
|
||||||
<form method='post' action='/wifi/'>
|
<th>Name</th>
|
||||||
|
<th>Type</th>
|
||||||
<u>SSID</u>:<br>
|
<th>Device</th>
|
||||||
<select id='config.wifi.ssid' name='config.wifi.ssid' required>
|
<th>Enabled</th>
|
||||||
<option disabled value='' selected hidden>-Select your network-</option>
|
<th>Action</th>
|
||||||
|
</tr>
|
||||||
<option value='Vodafone-BF20'>Vodafone-BF20</option><option value='Punkrock is good for you'>Punkrock is good for you</option><option value='I_Need_Pete;)'>I_Need_Pete;)</option><option value='FRITZ!Box 7530 VC'>FRITZ!Box 7530 VC</option><option value='o2-WLAN90'>o2-WLAN90</option><option value='Smarties'>Smarties</option><option value='DIRECT-i3-BRAVIA'>DIRECT-i3-BRAVIA</option><option value='Baerenhoehle 1'>Baerenhoehle 1</option><option value='Gefahrenzone'>Gefahrenzone</option><option value='Nukular-Netz'>Nukular-Netz</option><option value='PYUR Community'>PYUR Community</option><option value='PYUR 491DB'>PYUR 491DB</option>
|
<tr><td>0</td>
|
||||||
|
<td>Tasmota LED1</td>
|
||||||
</select><br>
|
<td>Webcall</td>
|
||||||
|
<td>Light</td>
|
||||||
<u>Password</u>:<br>
|
<td>1</td>
|
||||||
<input type='password' name='config.wifi.password'><br>
|
<td>
|
||||||
|
<form class='linkForm' action='add?edit=0'>
|
||||||
<u>DHCP</u>:<br>
|
<input type='hidden' name='del' value='0'>
|
||||||
<select id='dhcp_sel' name='config.wifi.dhcp' onchange="showSelect('dhcp_sel', 'dhcp_', 'hidden');" required>
|
<input class='linkForm' type='submit' value='✏️'>
|
||||||
<option disabled value='' selected hidden>---</option>
|
|
||||||
<option value='1'>On</option>
|
|
||||||
<option value='0'>Off</option>
|
|
||||||
</select><br>
|
|
||||||
|
|
||||||
<div class='hidden' id='dhcp_0'>
|
|
||||||
<u>IP</u>:<br>
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.ip0'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.ip1'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.ip2'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.ip3'><br>
|
|
||||||
|
|
||||||
<u>Netmask</u>:<br>
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.netmask0'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.netmask1'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.netmask2'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.netmask3'><br>
|
|
||||||
|
|
||||||
<u>Gateway</u>:<br>
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.gateway0'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.gateway1'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.gateway2'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.gateway3'><br>
|
|
||||||
|
|
||||||
<u>DNS</u>:<br>
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.dns0'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.dns1'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.dns2'> .
|
|
||||||
<input class='inputShort' type='number' min='0' max='255' name='config.wifi.dns3'><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<input type='submit' value='💾 Save settings'>
|
|
||||||
</form>
|
</form>
|
||||||
<div class='footer'><span>Build: c466f13-esp8266-20241026195848</span></div>
|
<form class='linkForm' method='post' action='index.html'>
|
||||||
|
<input type='hidden' name='del' value='0'>
|
||||||
|
<input class='linkForm' type='submit' value='❌' onclick="return confirmDelete('Tasmota LED1')">
|
||||||
|
</form>
|
||||||
|
</td></tr><tr><td>1</td>
|
||||||
|
<td>LED2 (red)</td>
|
||||||
|
<td>GPIO</td>
|
||||||
|
<td>Light</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td><form method='post' action='index.html'><input type='hidden' name='del' value='0'><input type='submit' value='✏️'></form>
|
||||||
|
<form method='post' action='index.html'><input type='hidden' name='del' value='0'><input type='submit' value='❌'></form></td></tr><tr><td>2</td>
|
||||||
|
<td>LED1 Dimmer</td>
|
||||||
|
<td>I2C</td>
|
||||||
|
<td>Light</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td><form method='post' action='index.html'><input type='hidden' name='del' value='0'><input type='submit' value='✏️'></form>
|
||||||
|
<form method='post' action='index.html'><input type='hidden' name='del' value='0'><input type='submit' value='❌'></form></td></tr><tr><td>3</td>
|
||||||
|
<td>Fan exhaust</td>
|
||||||
|
<td>GPIO</td>
|
||||||
|
<td>Fan</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td><a href='#3'>✏️</a> <a href='#3'>❌</a></td></tr><tr><td>4</td>
|
||||||
|
<td>Fan inside</td>
|
||||||
|
<td>GPIO</td>
|
||||||
|
<td>Fan</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td><a href='#4'>✏️</a> <a href='#4'>❌</a></td></tr><tr><td>5</td>
|
||||||
|
<td>Tasmota Dehum</td>
|
||||||
|
<td>Webcall</td>
|
||||||
|
<td>Dehumidifier</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td><a href='#5'>✏️</a> <a href='#5'>❌</a></td></tr><tr><td>6</td>
|
||||||
|
<td>Test</td>
|
||||||
|
<td>GPIO</td>
|
||||||
|
<td>Humidifier</td>
|
||||||
|
<td>0</td>
|
||||||
|
<td><a href='#6'>✏️</a> <a href='#6'>❌</a></td></tr>
|
||||||
|
</table>
|
||||||
|
<div class='footer'><span>Build: 40d0175-esp8266-20241026222209</span></div>
|
||||||
</div></body></html>
|
</div></body></html>
|
||||||
|
|
Loading…
Reference in a new issue