topaLE
/
ahoy
mirror of https://github.com/lumapu/ahoy.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Merge pull request #144 from DanielR92/patch-5 

Style setup page with collapse feature
pull/147/head
lumapu 3 years ago
committed by GitHub
parent
06790f097e 9974748be8
commit
049b3450b2
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 92 additions and 51 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      tools/esp8266/defines.h
  2. 81
      tools/esp8266/html/setup.html

2
tools/esp8266/defines.h
View File

@ -21,7 +21,7 @@
//------------------------------------- //-------------------------------------
#define VERSION_MAJOR 0 #define VERSION_MAJOR 0
#define VERSION_MINOR 5 #define VERSION_MINOR 5
#define VERSION_PATCH 6 #define VERSION_PATCH 7
//------------------------------------- //-------------------------------------

81
tools/esp8266/html/setup.html
View File

@ -52,44 +52,53 @@
<h1>Setup</h1> <h1>Setup</h1>
<div id="setup" class="content"> <div id="setup" class="content">
<div id="content"> <div id="content">
<p> <a class="erase" href="/erase">ERASE SETTINGS (not WiFi)</a>
Enter the credentials to your prefered WiFi station. After rebooting the device tries to connect with this information.
</p> <p class="des">Device Host Name</p>
<label for="device">Device Name</label>
<input type="text" class="text" name="device" value="{DEVICE}"/>
<form method="post" action="{IP}/save"> <form method="post" action="{IP}/save">
<p class="des">WiFi</p> <button type="button" class="s_collapsible">WiFi</button>
<div class="s_content">
<fieldset>
<legend class="des">WiFi</legend>
<p>Enter the credentials to your prefered WiFi station. After rebooting the device tries to connect with this information.</p>
<label for="ssid">SSID</label> <label for="ssid">SSID</label>
<input type="text" class="text" name="ssid" value="{SSID}"/> <input type="text" class="text" name="ssid" value="{SSID}"/>
<label for="pwd">Password</label> <label for="pwd">Password</label>
<input type="password" class="text" name="pwd" value="{PWD}"/> <input type="password" class="text" name="pwd" value="{PWD}"/>
<p class="des">Device Host Name</p> </fieldset>
<label for="device">Device Name</label> </div>
<input type="text" class="text" name="device" value="{DEVICE}"/>
<a class="erase" href="/erase">ERASE SETTINGS (not WiFi)</a>
<p class="des">Inverter</p> <button type="button" class="s_collapsible">Inverter</button>
<div class="s_content">
<fieldset>
<legend class="des">Inverter</legend>
{INVERTERS}<br/> {INVERTERS}<br/>
<p class="subdes">General</p> <p class="subdes">General</p>
<label for="invInterval">Interval [s]</label> <label for="invInterval">Interval [s]</label>
<input type="text" class="text" name="invInterval" value="{INV_INTVL}"/> <input type="text" class="text" name="invInterval" value="{INV_INTVL}"/>
<label for="invRetry">Max retries per Payload</label> <label for="invRetry">Max retries per Payload</label>
<input type="text" class="text" name="invRetry" value="{INV_RETRIES}"/> <input type="text" class="text" name="invRetry" value="{INV_RETRIES}"/>
</fieldset>
</div>
<p class="des">Pinout (Wemos)</p> <button type="button" class="s_collapsible">NTP Server</button>
{PINOUT} <div class="s_content">
<fieldset>
<p class="des">Radio (NRF24L01+)</p> <legend class="des">NTP Server</legend>
<label for="rf24Power">Amplifier Power Level</label>
<select name="rf24Power">{RF24}</select>
<p class="des">NTP Server</p>
<label for="ntpAddr">NTP Server / IP</label> <label for="ntpAddr">NTP Server / IP</label>
<input type="text" class="text" name="ntpAddr" value="{NTP_ADDR}"/> <input type="text" class="text" name="ntpAddr" value="{NTP_ADDR}"/>
<label for="ntpPort">NTP Port</label> <label for="ntpPort">NTP Port</label>
<input type="text" class="text" name="ntpPort" value="{NTP_PORT}"/> <input type="text" class="text" name="ntpPort" value="{NTP_PORT}"/>
</fieldset>
</div>
<p class="des">MQTT</p> <button type="button" class="s_collapsible">MQTT</button>
<div class="s_content">
<fieldset>
<legend class="des">MQTT</legend>
<label for="mqttAddr">Broker / Server IP</label> <label for="mqttAddr">Broker / Server IP</label>
<input type="text" class="text" name="mqttAddr" value="{MQTT_ADDR}"/> <input type="text" class="text" name="mqttAddr" value="{MQTT_ADDR}"/>
<label for="mqttPort">Port</label> <label for="mqttPort">Port</label>
@ -102,6 +111,19 @@
<input type="text" class="text" name="mqttTopic" value="{MQTT_TOPIC}"/> <input type="text" class="text" name="mqttTopic" value="{MQTT_TOPIC}"/>
<label for="mqttIntvl">Interval [s] (read-only)</label> <label for="mqttIntvl">Interval [s] (read-only)</label>
<input type="text" class="text" name="mqttIntvl" value="{MQTT_INTVL}" readonly/> <input type="text" class="text" name="mqttIntvl" value="{MQTT_INTVL}" readonly/>
</fieldset>
</div>
<button type="button" class="s_collapsible">System Config</button>
<div class="s_content">
<fieldset>
<legend class="des">System Config</legend>
<p class="des">Pinout (Wemos)</p>
{PINOUT}
<p class="des">Radio (NRF24L01+)</p>
<label for="rf24Power">Amplifier Power Level</label>
<select name="rf24Power">{RF24}</select>
<p class="des">Serial Console</p> <p class="des">Serial Console</p>
<label for="serEn">print inverter data</label> <label for="serEn">print inverter data</label>
@ -110,6 +132,8 @@
<input type="checkbox" class="cb" name="serDbg" {SER_DBG_CB}/><br/> <input type="checkbox" class="cb" name="serDbg" {SER_DBG_CB}/><br/>
<label for="serIntvl">Interval [s]</label> <label for="serIntvl">Interval [s]</label>
<input type="text" class="text" name="serIntvl" value="{SER_INTVL}"/> <input type="text" class="text" name="serIntvl" value="{SER_INTVL}"/>
</fieldset>
</div>
<p class="des">&nbsp;</p> <p class="des">&nbsp;</p>
<label for="reboot">Reboot device after successful save</label> <label for="reboot">Reboot device after successful save</label>
@ -126,5 +150,22 @@
<p class="right"><a href="{IP}/factory">Factory Reset</a></p> <p class="right"><a href="{IP}/factory">Factory Reset</a></p>
<p class="right"><a href="{IP}/reboot">Reboot</a></p> <p class="right"><a href="{IP}/reboot">Reboot</a></p>
</div> </div>
<script>
var coll = document.getElementsByClassName("s_collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save