playing around with html css js

This commit is contained in:
Marcus 2024-10-27 00:36:00 +02:00
parent 40d0175564
commit 8955824884
2 changed files with 79 additions and 61 deletions

View file

@ -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 {

View file

@ -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='/'>&#x1F331; CanGrow</a></li> <ul class='nav'><li><a href='/'>&#x1F331; CanGrow</a></li>
<li><a class='' href='/grow/' >&#128262; Grow settings</a></li> <li><a class='' href='/grow/' >&#128262; Grow settings</a></li>
<li><a class='' href='/system/' >&#9881; System settings</a></li> <li><a class='activeNav' href='/system/' >&#9881; System settings</a></li>
<li><a class='activeNav' href='/wifi/' >&#128225; WiFi settings</a></li> <li><a class='' href='/wifi/' >&#128225; WiFi settings</a></li>
<li><a class='' href='/help' >&#x2753; Help</a></li> <li><a class='' href='/help' >&#x2753; 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/'>&#9889; Output configuration</a></li>
Use DHCP: <b>1</b><br> <li><a class='' href='/system/update'>&#x1F504; Firmware update</a></li>
IP address: <b>192.168.30.220</b><br> <li><a class='' href='/system/restart' >&#x1F501; CanGrow restart</a></li>
Subnet mask: <b>255.255.255.0</b><br> <li><a class='' href='/system/wipe' >&#x1F4A3; 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'>&#10133; 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='&#x270F;&#xFE0F;'>
<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='&#x1F4BE; 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='&#x274C;' 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='&#x270F;&#xFE0F;'></form>
<form method='post' action='index.html'><input type='hidden' name='del' value='0'><input type='submit' value='&#x274C;'></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='&#x270F;&#xFE0F;'></form>
<form method='post' action='index.html'><input type='hidden' name='del' value='0'><input type='submit' value='&#x274C;'></form></td></tr><tr><td>3</td>
<td>Fan exhaust</td>
<td>GPIO</td>
<td>Fan</td>
<td>1</td>
<td><a href='#3'>&#x270F;&#xFE0F;</a> <a href='#3'>&#x274C;</a></td></tr><tr><td>4</td>
<td>Fan inside</td>
<td>GPIO</td>
<td>Fan</td>
<td>1</td>
<td><a href='#4'>&#x270F;&#xFE0F;</a> <a href='#4'>&#x274C;</a></td></tr><tr><td>5</td>
<td>Tasmota Dehum</td>
<td>Webcall</td>
<td>Dehumidifier</td>
<td>1</td>
<td><a href='#5'>&#x270F;&#xFE0F;</a> <a href='#5'>&#x274C;</a></td></tr><tr><td>6</td>
<td>Test</td>
<td>GPIO</td>
<td>Humidifier</td>
<td>0</td>
<td><a href='#6'>&#x270F;&#xFE0F;</a> <a href='#6'>&#x274C;</a></td></tr>
</table>
<div class='footer'><span>Build: 40d0175-esp8266-20241026222209</span></div>
</div></body></html> </div></body></html>