@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
< html lang = "en" > < html lang = "en" >
< head > < head >
< title > Setup < / title > < title > {#SETTINGS} < / title >
{#HTML_HEADER} {#HTML_HEADER}
< / head > < / head >
< body > < body >
@ -10,77 +10,74 @@
< div id = "content" > < div id = "content" >
< form method = "post" action = "/save" id = "settings" > < form method = "post" action = "/save" id = "settings" >
< fieldset > < fieldset >
< button type = "button" class = "s_collapsible mt-4" > System Config < / button > < button type = "button" class = "s_collapsible mt-4" > {#SYSTEM_CONFIG} < / button >
< div class = "s_content" > < div class = "s_content" >
< fieldset class = "mb-2" > < fieldset class = "mb-2" >
< legend class = "des" > Device Host Name < / legend > < legend class = "des" > {#DEVICE_NAME} < / legend >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3" > Device Name < / div > < div class = "col-12 col-sm-3" > {#DEVICE_NAME} < / div >
< div class = "col-12 col-sm-9" > < input type = "text" name = "device" / > < / div > < div class = "col-12 col-sm-9" > < input type = "text" name = "device" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 col-sm-3" > Reboot Ahoy at midnight < / div > < div class = "col-8 col-sm-3" > {#REBOOT_AT_MIDNIGHT} < / div >
< div class = "col-4 col-sm-9" > < input type = "checkbox" name = "schedReboot" / > < / div > < div class = "col-4 col-sm-9" > < input type = "checkbox" name = "schedReboot" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 col-sm-3" > Dark Mode < / div > < div class = "col-8 col-sm-3" > {#DARK_MODE} < / div >
< div class = "col-4 col-sm-9" > < input type = "checkbox" name = "darkMode" / > < / div > < div class = "col-4 col-sm-9" > < input type = "checkbox" name = "darkMode" / > < / div >
< div class = "col-12" > (empty browser cache or use CTRL + F5 after reboot to apply this setting) < / div > < div class = "col-12" > {#DARK_MODE_NOTE} < / div >
< / div > < / div >
< / fieldset > < / fieldset >
< fieldset class = "mb-4" > < fieldset class = "mb-4" >
< legend class = "des" > System Config < / legend > < legend class = "des" > {#PINOUT_CONFIGURATION} < / legend >
< p class = "des" > Status LEDs< / p > < p class = "des" > Status LEDs< / p >
< div id = "pinout" > < / div > < div id = "pinout" > < / div >
< p class = "des" > Radio (NRF24L01+)< / p > < p class = "des" > {#RADIO} (NRF24L01+)< / p >
< div id = "rf24" > < / div > < div id = "rf24" > < / div >
<!-- IF_ESP32 --> <!-- IF_ESP32 -->
< p class = "des" > Radio (CMT2300A)< / p > < p class = "des" > {#RADIO} (CMT2300A)< / p >
< div id = "cmt" > < div class = "col-12" > (ESP32 only)< / div > < / div > < div id = "cmt" > < / div >
<!-- ENDIF_ESP32 --> <!-- ENDIF_ESP32 -->
< p class = "des" > Serial Console < / p > < p class = "des" > {#SERIAL_CONSOLE} < / p >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 col-sm-3" > print inverter data < / div > < div class = "col-8 col-sm-3" > {#LOG_PRINT_INVERTER_DATA} < / div >
< div class = "col-4 col-sm-9" > < input type = "checkbox" name = "serEn" / > < / div > < div class = "col-4 col-sm-9" > < input type = "checkbox" name = "serEn" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 col-sm-3" > Serial Debug < / div > < div class = "col-8 col-sm-3" > {#LOG_SERIAL_DEBUG} < / div >
< div class = "col-4 col-sm-9" > < input type = "checkbox" name = "serDbg" / > < / div > < div class = "col-4 col-sm-9" > < input type = "checkbox" name = "serDbg" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 col-sm-3" > Privacy Mode < / div > < div class = "col-8 col-sm-3" > {#LOG_PRIVACY_MODE} < / div >
< div class = "col-4 col-sm-9" > < input type = "checkbox" name = "priv" / > < / div > < div class = "col-4 col-sm-9" > < input type = "checkbox" name = "priv" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 col-sm-3" > Print whole traces in Log < / div > < div class = "col-8 col-sm-3" > {#LOG_PRINT_TRACES} < / div >
< div class = "col-4 col-sm-9" > < input type = "checkbox" name = "wholeTrace" / > < / div > < div class = "col-4 col-sm-9" > < input type = "checkbox" name = "wholeTrace" / > < / div >
< / div > < / div >
< / fieldset > < / fieldset >
< / div > < / div >
< button type = "button" class = "s_collapsible" > Network < / button > < button type = "button" class = "s_collapsible" > {#NETWORK} < / button >
< div class = "s_content" > < div class = "s_content" >
< fieldset class = "mb-2" > < fieldset class = "mb-2" >
< legend class = "des" > WiFi< / legend > < legend class = "des" > WiFi< / legend >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > AP Password (min. length: 8) < / div > < div class = "col-12 col-sm-3 my-2" > {#AP_PWD} < / div >
< div class = "col-12 col-sm-9" > < input type = "text" name = "ap_pwd" minlength = "8" / > < / div > < div class = "col-12 col-sm-9" > < input type = "text" name = "ap_pwd" minlength = "8" / > < / div >
< / div > < / div >
< p > Enter the credentials to your preferred WiFi station. After rebooting the device tries to connect with this information.< / p >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Search Networks < / div > < div class = "col-12 col-sm-3 my-2" > {#SEARCH_NETWORKS}< / div >
< div class = "col-12 col-sm-9" > < input type = "button" name = "scanbtn" id = "scanbtn" class = "btn" value = "scan " onclick = "scan()" / > < / div > < div class = "col-12 col-sm-9" > < input type = "button" name = "scanbtn" id = "scanbtn" class = "btn" value = "{#BTN_SCAN}" onclick = "scan()" / > < / div >
< / div > < / div >
< div class = "row mb-2 mb-sm-3" > < div class = "row mb-2 mb-sm-3" >
< div class = "col-12 col-sm-3 my-2" > Avail Networks < / div > < div class = "col-12 col-sm-3 my-2" > {#AVAIL_NETWORKS} < / div >
< div class = "col-12 col-sm-9" > < div class = "col-12 col-sm-9" >
< select name = "networks" id = "networks" onChange = "selNet()" > < select name = "networks" id = "networks" onChange = "selNet()" >
< option value = "-1" selected disabled hidden > not scanned < / option > < option value = "-1" selected disabled hidden > {#NETWORK_NOT_SCANNED} < / option >
< / select > < / select >
< / div > < / div >
< / div > < / div >
@ -89,26 +86,25 @@
< div class = "col-12 col-sm-9" > < input type = "text" name = "ssid" / > < / div > < div class = "col-12 col-sm-9" > < input type = "text" name = "ssid" / > < / div >
< / div > < / div >
< div class = "row mb-2 mb-sm-3" > < div class = "row mb-2 mb-sm-3" >
< div class = "col-12 col-sm-3" > SSID is hidden < / div > < div class = "col-12 col-sm-3" > {#SSID_HIDDEN} < / div >
< div class = "col-12 col-sm-9" > < input type = "checkbox" name = "hidd" / > < / div > < div class = "col-12 col-sm-9" > < input type = "checkbox" name = "hidd" / > < / div >
< / div > < / div >
< div class = "row mb-2 mb-sm-3" > < div class = "row mb-2 mb-sm-3" >
< div class = "col-12 col-sm-3 my-2" > Password < / div > < div class = "col-12 col-sm-3 my-2" > {#PASSWORD} < / div >
< div class = "col-12 col-sm-9" > < input type = "password" name = "pwd" value = "{PWD}" / > < / div > < div class = "col-12 col-sm-9" > < input type = "password" name = "pwd" value = "{PWD}" / > < / div >
< / div > < / div >
< / fieldset > < / fieldset >
< fieldset class = "mb-4" > < fieldset class = "mb-4" >
< legend class = "des" > Static IP (optional) < / legend > < legend class = "des" > {#STATIC_IP} < / legend >
< p > < p >
Leave fields blank for DHCP< br / > {#NETWORK_HINT_BLANK}
The following fields are parsed in this format: 192.168.4.1
< / p > < / p >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > IP Address < / div > < div class = "col-12 col-sm-3 my-2" > {#IP_ADDRESS} < / div >
< div class = "col-12 col-sm-9" > < input type = "text" name = "ipAddr" maxlength = "15" / > < / div > < div class = "col-12 col-sm-9" > < input type = "text" name = "ipAddr" maxlength = "15" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Submask < / div > < div class = "col-12 col-sm-3 my-2" > {#SUBMASK} < / div >
< div class = "col-12 col-sm-9" > < input type = "text" name = "ipMask" maxlength = "15" / > < / div > < div class = "col-12 col-sm-9" > < input type = "text" name = "ipMask" maxlength = "15" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
@ -126,58 +122,58 @@
< / fieldset > < / fieldset >
< / div > < / div >
< button type = "button" class = "s_collapsible" > Protection < / button > < button type = "button" class = "s_collapsible" > {#PROTECTION} < / button >
< div class = "s_content" > < div class = "s_content" >
< fieldset class = "mb-4" > < fieldset class = "mb-4" >
< legend class = "des mx-2" > Protection < / legend > < legend class = "des mx-2" > {#PROTECTION} < / legend >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 mb-2 mt-2" > Admin Password < / div > < div class = "col-12 col-sm-3 mb-2 mt-2" > {#ADMIN_PASSWORD} < / div >
< div class = "col-12 col-sm-9" > < input type = "password" name = "adminpwd" value = "{PWD}" / > < / div > < div class = "col-12 col-sm-9" > < input type = "password" name = "adminpwd" value = "{PWD}" / > < / div >
< / div > < / div >
< p > Select pages which should be protected by password < / p > < p > {#PROTECTION_NOTE} < / p >
< div id = "prot_mask" > < / div > < div id = "prot_mask" > < / div >
< / fieldset > < / fieldset >
< / div > < / div >
< button type = "button" class = "s_collapsible" > Inverter < / button > < button type = "button" class = "s_collapsible" > {#INVERTER} < / button >
< div class = "s_content" > < div class = "s_content" >
< fieldset class = "mb-4" > < fieldset class = "mb-4" >
< legend class = "des" > Inverter < / legend > < legend class = "des" > {#INVERTER} < / legend >
< div id = "inverter" > < / div > < div id = "inverter" > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 my-2" > Interval [s] < / div > < div class = "col-8 my-2" > {#INTERVAL} < / div >
< div class = "col-4" > < input type = "number" name = "invInterval" title = "Invalid input" / > < / div > < div class = "col-4" > < input type = "number" name = "invInterval" title = "Invalid input" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 my-2" > Inverter Gap [ms] < / div > < div class = "col-8 my-2" > {#INV_GAP} < / div >
< div class = "col-4" > < input type = "number" name = "invGap" title = "Invalid input" / > < / div > < div class = "col-4" > < input type = "number" name = "invGap" title = "Invalid input" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 mb-2" > Reset values and YieldDay at midnight < / div > < div class = "col-8 mb-2" > {#INV_RESET_MIDNIGHT} < / div >
< div class = "col-4" > < input type = "checkbox" name = "invRstMid" / > < / div > < div class = "col-4" > < input type = "checkbox" name = "invRstMid" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 mb-2" > Reset values when inverter polling pauses at sunset < / div > < div class = "col-8 mb-2" > {#INV_PAUSE_SUNSET} < / div >
< div class = "col-4" > < input type = "checkbox" name = "invRstComStop" / > < / div > < div class = "col-4" > < input type = "checkbox" name = "invRstComStop" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8" > Reset values when inverter status is 'not available' < / div > < div class = "col-8" > {#INV_RESET_NOT_AVAIL} < / div >
< div class = "col-4" > < input type = "checkbox" name = "invRstNotAvail" / > < / div > < div class = "col-4" > < input type = "checkbox" name = "invRstNotAvail" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8" > Reset 'max' values at midnight < / div > < div class = "col-8" > {#INV_RESET_MAX_MIDNIGHT} < / div >
< div class = "col-4" > < input type = "checkbox" name = "invRstMaxMid" / > < / div > < div class = "col-4" > < input type = "checkbox" name = "invRstMaxMid" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8" > Start without time sync (useful in AP-Only-Mode) < / div > < div class = "col-8" > {#INV_START_WITHOUT_TIME} < / div >
< div class = "col-4" > < input type = "checkbox" name = "strtWthtTm" / > < / div > < div class = "col-4" > < input type = "checkbox" name = "strtWthtTm" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8" > Read Grid Profile < / div > < div class = "col-8" > {#INV_READ_GRID_PROFILE} < / div >
< div class = "col-4" > < input type = "checkbox" name = "rdGrid" / > < / div > < div class = "col-4" > < input type = "checkbox" name = "rdGrid" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8" > Yield Efficiency (Standard 1.0) < / div > < div class = "col-8" > {#INV_YIELD_EFF} < / div >
< div class = "col-4" > < input type = "number" name = "yldEff" step = "any" / > < / div > < div class = "col-4" > < input type = "number" name = "yldEff" step = "any" / > < / div >
< / div > < / div >
< / fieldset > < / fieldset >
@ -196,42 +192,42 @@
< div class = "col-12 col-sm-9" > < input type = "number" name = "ntpPort" / > < / div > < div class = "col-12 col-sm-9" > < input type = "number" name = "ntpPort" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > NTP Interval (in Minutes, min. 5 Minutes) < / div > < div class = "col-12 col-sm-3 my-2" > {#NTP_INTERVAL} < / div >
< div class = "col-12 col-sm-9" > < input type = "number" name = "ntpIntvl" / > < / div > < div class = "col-12 col-sm-9" > < input type = "number" name = "ntpIntvl" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > set System time < / div > < div class = "col-12 col-sm-3 my-2" > {#NTP_SET_SYS_TIME} < / div >
< div class = "col-12 col-sm-9" > < div class = "col-12 col-sm-9" >
< input type = "button" name = "ntpBtn" id = "ntpBtn" class = "btn" value = "from browser " onclick = "setTime()" / > < input type = "button" name = "ntpBtn" id = "ntpBtn" class = "btn" value = "{#BTN_FROM_BROWSER} " onclick = "setTime()" / >
< input type = "button" name = "ntpSync" id = "ntpSync" class = "btn" value = "sync NTP " onclick = "syncTime()" / > < br / > < input type = "button" name = "ntpSync" id = "ntpSync" class = "btn" value = "{#BTN_SYNC_NTP} " onclick = "syncTime()" / > < br / >
< span id = "apiResultNtp" > < / span > < span id = "apiResultNtp" > < / span >
< / div > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > System Time < / div > < div class = "col-12 col-sm-3 my-2" > {#NTP_SYS_TIME} < / div >
< div class = "col-12 col-sm-9 my-2" > < span id = "date" > < / span > < / div > < div class = "col-12 col-sm-9 my-2" > < span id = "date" > < / span > < / div >
< / div > < / div >
< / fieldset > < / fieldset >
< / div > < / div >
< button type = "button" class = "s_collapsible" > Sunrise & Sunset < / button > < button type = "button" class = "s_collapsible" > {#SUNRISE_SUNSET} < / button >
< div class = "s_content" > < div class = "s_content" >
< fieldset class = "mb-4" > < fieldset class = "mb-4" >
< legend class = "des" > Sunrise & Sunset < / legend > < legend class = "des" > {#SUNRISE_SUNSET} < / legend >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Latitude (decimal) < / div > < div class = "col-12 col-sm-3 my-2" > {#LATITUDE} < / div >
< div class = "col-12 col-sm-9" > < input type = "number" name = "sunLat" step = "any" / > < / div > < div class = "col-12 col-sm-9" > < input type = "number" name = "sunLat" step = "any" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Longitude (decimal) < / div > < div class = "col-12 col-sm-3 my-2" > {#LONGITUDE} < / div >
< div class = "col-12 col-sm-9" > < input type = "number" name = "sunLon" step = "any" / > < / div > < div class = "col-12 col-sm-9" > < input type = "number" name = "sunLon" step = "any" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Offset (sunrise) < / div > < div class = "col-12 col-sm-3 my-2" > {#OFFSET_SUNRISE} < / div >
< div class = "col-12 col-sm-9" > < select name = "sunOffsSr" > < / select > < / div > < div class = "col-12 col-sm-9" > < select name = "sunOffsSr" > < / select > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Offset (sunset) < / div > < div class = "col-12 col-sm-3 my-2" > {#OFFSET_SUNSET} < / div >
< div class = "col-12 col-sm-9" > < select name = "sunOffsSs" > < / select > < / div > < div class = "col-12 col-sm-9" > < select name = "sunOffsSs" > < / select > < / div >
< / div > < / div >
< / fieldset > < / fieldset >
@ -254,20 +250,20 @@
< div class = "col-12 col-sm-9" > < input type = "text" name = "mqttClientId" / > < / div > < div class = "col-12 col-sm-9" > < input type = "text" name = "mqttClientId" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Username (optional) < / div > < div class = "col-12 col-sm-3 my-2" > {#MQTT_USER} < / div >
< div class = "col-12 col-sm-9" > < input type = "text" name = "mqttUser" / > < / div > < div class = "col-12 col-sm-9" > < input type = "text" name = "mqttUser" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Password (optional) < / div > < div class = "col-12 col-sm-3 my-2" > {MQTT_PASSWORD} < / div >
< div class = "col-12 col-sm-9" > < input type = "password" name = "mqttPwd" / > < / div > < div class = "col-12 col-sm-9" > < input type = "password" name = "mqttPwd" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Topic< / div > < div class = "col-12 col-sm-3 my-2" > Topic< / div >
< div class = "col-12 col-sm-9" > < input type = "text" name = "mqttTopic" pattern = "[\-\+A-Za-z0-9\.\/#\$%&=_]+" title = "Invalid input" / > < / div > < div class = "col-12 col-sm-9" > < input type = "text" name = "mqttTopic" pattern = "[\-\+A-Za-z0-9\.\/#\$%&=_]+" title = "Invalid input" / > < / div >
< / div > < / div >
< p class = "des" > Send Inverter data in a fixed interval, even if there is no change. A value of '0' disables the fixed interval. The data is published once it was successfully received from inverter. (default: 0) < / p > < p class = "des" > {#MQTT_NOTE} < / p >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Interval [s] < / div > < div class = "col-12 col-sm-3 my-2" > {#INTERVAL} < / div >
< div class = "col-12 col-sm-9" > < input type = "number" name = "mqttInterval" title = "Invalid input" / > < / div > < div class = "col-12 col-sm-9" > < input type = "number" name = "mqttInterval" title = "Invalid input" / > < / div >
< / div > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
@ -280,29 +276,29 @@
< / fieldset > < / fieldset >
< / div > < / div >
< button type = "button" class = "s_collapsible" > Display Config < / button > < button type = "button" class = "s_collapsible" > {#DISPLAY_CONFIG} < / button >
< div class = "s_content" > < div class = "s_content" >
< fieldset class = "mb-4" > < fieldset class = "mb-4" >
< legend class = "des" > Display Config < / legend > < legend class = "des" > {#DISPLAY_CONFIG} < / legend >
< div id = "dispType" > < / div > < div id = "dispType" > < / div >
< div id = "dispRot" > < / div > < div id = "dispRot" > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-8 col-sm-3" > Turn off while inverters are offline < / div > < div class = "col-8 col-sm-3" > {#DISP_OFF_INV} < / div >
< div class = "col-4 col-sm-9" > < input type = "checkbox" name = "disp_pwr" / > < / div > < div class = "col-4 col-sm-9" > < input type = "checkbox" name = "disp_pwr" / > < / div >
< / div > < / div >
< div id = "screenSaver" > < / div > < div id = "screenSaver" > < / div >
< div class = "row mb-3" > < div class = "row mb-3" >
< div class = "col-12 col-sm-3 my-2" > Luminance < / div > < div class = "col-12 col-sm-3 my-2" > {#DISP_LUMINANCE} < / div >
< div class = "col-12 col-sm-9" > < input type = "number" name = "disp_cont" min = "0" max = "255" > < / select > < / div > < div class = "col-12 col-sm-9" > < input type = "number" name = "disp_cont" min = "0" max = "255" > < / select > < / div >
< / div > < / div >
< p class = "des" > Pinout < / p > < p class = "des" > {#DISP_PINOUT} < / p >
< div id = "dispPins" > < / div > < div id = "dispPins" > < / div >
< div id = "pirPin" > < / div > < div id = "pirPin" > < / div >
< / fieldset > < / fieldset >
< / div > < / div >
< div class = "row mb-4 mt-4" > < div class = "row mb-4 mt-4" >
< div class = "col-8 col-sm-3" > Reboot device after successful save < / div > < div class = "col-8 col-sm-3" > {#BTN_REBOOT_SUCCESSFUL_SAVE} < / div >
< div class = "col-4 col-sm-9" > < div class = "col-4 col-sm-9" >
< input type = "checkbox" name = "reboot" checked / > < input type = "checkbox" name = "reboot" checked / >
< input type = "submit" value = "save" class = "btn right" / > < input type = "submit" value = "save" class = "btn right" / >
@ -311,11 +307,11 @@
< / form > < / form >
< div class = "hr mb-3 mt-3" > < / div > < div class = "hr mb-3 mt-3" > < / div >
< div class = "mb-4 mt-4" > < div class = "mb-4 mt-4" >
< a class = "btn" href = "/erase" > ERASE SETTINGS (not WiFi) < / a > < a class = "btn" href = "/erase" > {#BTN_ERASE} < / a >
< fieldset class = "mb-4" > < fieldset class = "mb-4" >
< legend class = "des" > Import / Export JSON Settings < / legend > < legend class = "des" > {#IM_EXPORT} < / legend >
< div class = "row mb-4 mt-4" > < div class = "row mb-4 mt-4" >
< div class = "col-12 col-sm-3" > Import < / div > < div class = "col-12 col-sm-3" > {#IMPORT} < / div >
< div class = "col-12 col-sm-9" > < div class = "col-12 col-sm-9" >
< form id = "form" method = "POST" action = "/upload" enctype = "multipart/form-data" accept-charset = "utf-8" > < form id = "form" method = "POST" action = "/upload" enctype = "multipart/form-data" accept-charset = "utf-8" >
< div class = "row" > < div class = "row" >
@ -326,9 +322,9 @@
< / div > < / div >
< / div > < / div >
< div class = "row mb-4 mt-4" > < div class = "row mb-4 mt-4" >
< div class = "col-12 col-sm-3 my-2" > Export < / div > < div class = "col-12 col-sm-3 my-2" > {#EXPORT} < / div >
< div class = "col-12 col-sm-9" > < div class = "col-12 col-sm-9" >
< a class = "btn" href = "/get_setup" target = "_blank" > Export settings (JSON file) < / a > < span > (only values, passwords will be removed!) < / span > < a class = "btn" href = "/get_setup" target = "_blank" > {#BTN_EXPORT} < / a > < span > {#EXPORT_NOTE} < / span >
< / div > < / div >
< / div > < / div >
< / fieldset > < / fieldset >
@ -341,7 +337,7 @@
var ts = 0; var ts = 0;
var esp8266pins = [ var esp8266pins = [
[255, "off / default "], [255, "{#PIN_OFF} "],
[0, "D3 (GPIO0)"], [0, "D3 (GPIO0)"],
[1, "TX (GPIO1)"], [1, "TX (GPIO1)"],
[2, "D4 (GPIO2)"], [2, "D4 (GPIO2)"],
@ -358,12 +354,12 @@
[13, "D7 (GPIO13)"], [13, "D7 (GPIO13)"],
[14, "D5 (GPIO14)"], [14, "D5 (GPIO14)"],
[15, "D8 (GPIO15)"], [15, "D8 (GPIO15)"],
[16, "D0 (GPIO16 - no IRQ! )"] [16, "D0 (GPIO16 - {#PIN_NO_IRQ} )"]
]; ];
/*IF_ESP32*/ /*IF_ESP32*/
var esp32pins = [ var esp32pins = [
[255, "off / default "], [255, "{#PIN_OFF} "],
[0, "GPIO0"], [0, "GPIO0"],
[1, "TX (GPIO1)"], [1, "TX (GPIO1)"],
[2, "GPIO2 (LED)"], [2, "GPIO2 (LED)"],
@ -386,14 +382,14 @@
[27, "GPIO27"], [27, "GPIO27"],
[32, "GPIO32"], [32, "GPIO32"],
[33, "GPIO33"], [33, "GPIO33"],
[34, "GPIO34 (in only )"], [34, "GPIO34 ({#PIN_INPUT_ONLY} )"],
[35, "GPIO35 (in only )"], [35, "GPIO35 ({#PIN_INPUT_ONLY} )"],
[36, "VP (GPIO36, in only )"], [36, "VP (GPIO36, {#PIN_INPUT_ONLY} )"],
[39, "VN (GPIO39, in only )"] [39, "VN (GPIO39, {#PIN_INPUT_ONLY} )"]
]; ];
var esp32s3pins = [ var esp32s3pins = [
[255, "off / default"], [255, "off / default"],
[0, "GPIO0 (DONT USE - BOOT)"], [0, "GPIO0 ({#PIN_DONT_USE} - BOOT)"],
[1, "GPIO1"], [1, "GPIO1"],
[2, "GPIO2"], [2, "GPIO2"],
[3, "GPIO3"], [3, "GPIO3"],
@ -412,16 +408,16 @@
[16, "GPIO16"], [16, "GPIO16"],
[17, "GPIO17"], [17, "GPIO17"],
[18, "GPIO18"], [18, "GPIO18"],
[19, "GPIO19 (DONT USE - USB-)"], [19, "GPIO19 ({#PIN_DONT_USE} - USB-)"],
[20, "GPIO20 (DONT USE - USB+)"], [20, "GPIO20 ({#PIN_DONT_USE} - USB+)"],
[21, "GPIO21"], [21, "GPIO21"],
[26, "GPIO26 (PSRAM - not available )"], [26, "GPIO26 (PSRAM - {#PIN_NOT_AVAIL} )"],
[27, "GPIO27 (FLASH - not available )"], [27, "GPIO27 (FLASH - {#PIN_NOT_AVAIL} )"],
[28, "GPIO28 (FLASH - not available )"], [28, "GPIO28 (FLASH - {#PIN_NOT_AVAIL} )"],
[29, "GPIO29 (FLASH - not available )"], [29, "GPIO29 (FLASH - {#PIN_NOT_AVAIL} )"],
[30, "GPIO30 (FLASH - not available )"], [30, "GPIO30 (FLASH - {#PIN_NOT_AVAIL} )"],
[31, "GPIO31 (FLASH - not available )"], [31, "GPIO31 (FLASH - {#PIN_NOT_AVAIL} )"],
[32, "GPIO32 (FLASH - not available )"], [32, "GPIO32 (FLASH - {#PIN_NOT_AVAIL} )"],
[33, "GPIO33 (not exposed on WROOM modules)"], [33, "GPIO33 (not exposed on WROOM modules)"],
[34, "GPIO34 (not exposed on WROOM modules)"], [34, "GPIO34 (not exposed on WROOM modules)"],
[35, "GPIO35"], [35, "GPIO35"],
@ -434,8 +430,8 @@
[42, "GPIO42"], [42, "GPIO42"],
[43, "GPIO43"], [43, "GPIO43"],
[44, "GPIO44"], [44, "GPIO44"],
[45, "GPIO45 (DONT USE - STRAPPING PIN)"], [45, "GPIO45 ({#PIN_DONT_USE} - STRAPPING PIN)"],
[46, "GPIO46 (DONT USE - STRAPPING PIN)"], [46, "GPIO46 ({#PIN_DONT_USE} - STRAPPING PIN)"],
[47, "GPIO47"], [47, "GPIO47"],
[48, "GPIO48"], [48, "GPIO48"],
]; ];
@ -459,17 +455,17 @@
[15, "GPIO15 (PSRAM/FLASH)"], [15, "GPIO15 (PSRAM/FLASH)"],
[16, "GPIO16 (PSRAM/FLASH)"], [16, "GPIO16 (PSRAM/FLASH)"],
[17, "GPIO17 (PSRAM/FLASH)"], [17, "GPIO17 (PSRAM/FLASH)"],
[18, "GPIO18 (DONT USE - USB-)"], [18, "GPIO18 ({#PIN_DONT_USE} - USB-)"],
[19, "GPIO19 (DONT USE - USB+)"], [19, "GPIO19 ({#PIN_DONT_USE} - USB+)"],
[20, "GPIO20 (RX)"], [20, "GPIO20 (RX)"],
[21, "GPIO21 (TX)"], [21, "GPIO21 (TX)"],
]; ];
/*ENDIF_ESP32*/ /*ENDIF_ESP32*/
var nrfPa = [ var nrfPa = [
[0, "MIN (recommended )"], [0, "MIN ({#PIN_RECOMMENDED} )"],
[1, "LOW"], [1, "LOW"],
[2, "HIGH"], [2, "HIGH"],
[3, "MAX (experimental )"] [3, "MAX ({#PIN_EXPERIMENTAL} )"]
]; ];
var esp32cmtPa = []; var esp32cmtPa = [];
var esp32cmtFreq = []; var esp32cmtFreq = [];
@ -487,8 +483,8 @@
} }
/*ENDIF_ESP32*/ /*ENDIF_ESP32*/
var led_high_active = [ var led_high_active = [
[0, "low active "], [0, "{#PIN_LOW_ACTIVE} "],
[1, "high active "], [1, "{#PIN_HIGH_ACTIVE} "],
]; ];
window.onload = function() { window.onload = function() {
@ -513,31 +509,31 @@
var e = document.getElementById("networks"); var e = document.getElementById("networks");
selDelAllOpt(e); selDelAllOpt(e);
if(obj["success"]) if(obj["success"])
e.appendChild(opt("-1", "scanning ... ")) e.appendChild(opt("-1", "{#NETWORK_SCANNING} "))
else else
e.appendChild(opt("-1", "Error: " + obj["error"])); e.appendChild(opt("-1", "{#ERROR} " + obj["error"]));
} }
function apiCbNtp(obj) { function apiCbNtp(obj) {
var e = document.getElementById("apiResultNtp"); var e = document.getElementById("apiResultNtp");
if(obj["success"]) if(obj["success"])
e.innerHTML = "command executed, set new time ... "; e.innerHTML = "{#NTP_COMMAND_EXE} ";
else else
e.innerHTML = "Error: " + obj["error"]; e.innerHTML = "{#ERROR} " + obj["error"];
} }
function apiCbNtp2(obj) { function apiCbNtp2(obj) {
var e = document.getElementById("apiResultNtp"); var e = document.getElementById("apiResultNtp");
var date = new Date(obj["ts_now"] * 1000); var date = new Date(obj["ts_now"] * 1000);
e.innerHTML = "synced at: " + toIsoDateStr(date) + ", difference : " + (ts - obj["ts_now"]) + "ms"; e.innerHTML = "{#NTP_SYNCED_AT}: " + toIsoDateStr(date) + ", {#NTP_DIFF} : " + (ts - obj["ts_now"]) + "ms";
} }
function apiCbMqtt(obj) { function apiCbMqtt(obj) {
var e = document.getElementById("apiResultMqtt"); var e = document.getElementById("apiResultMqtt");
if(obj["success"]) if(obj["success"])
e.innerHTML = "command executed "; e.innerHTML = "{#MQTT_EXE} ";
else else
e.innerHTML = "Error: " + obj["error"]; e.innerHTML = "{#ERROR} " + obj["error"];
} }
function setTime() { function setTime() {
@ -572,7 +568,7 @@
function hide() { function hide() {
document.getElementById("form").submit(); document.getElementById("form").submit();
var e = document.getElementById("content"); var e = document.getElementById("content");
e.replaceChildren(span("upload started ")); e.replaceChildren(span("{#IMPORT_UPLOAD_STARTED} "));
} }
function delIv() { function delIv() {
@ -626,7 +622,7 @@
if(!obj["pwd_set"]) if(!obj["pwd_set"])
e.value = ""; e.value = "";
var d = document.getElementById("prot_mask"); var d = document.getElementById("prot_mask");
var a = ["Index", "Live", "Webserial", "Settings ", "Update", "System"]; var a = ["Index", "{#NAV_LIVE}", "{#NAV_WEBSERIAL}", "{#NAV_SETTINGS} ", "Update", "System"];
var el = []; var el = [];
for(var i = 0; i < 6 ; i + + ) { for(var i = 0; i < 6 ; i + + ) {
var chk = ((obj["prot_mask"] & (1 < < i ) ) = = ( 1 < < i ) ) ; var chk = ((obj["prot_mask"] & (1 < < i ) ) = = ( 1 < < i ) ) ;
@ -657,13 +653,13 @@
ml("th", {style: "width: 10%; text-align: center;"}, ""), ml("th", {style: "width: 10%; text-align: center;"}, ""),
ml("th", {}, "Name"), ml("th", {}, "Name"),
ml("th", {}, "Serial"), ml("th", {}, "Serial"),
ml("th", {style: "width: 10%; text-align: center;"}, "Edit "), ml("th", {style: "width: 10%; text-align: center;"}, "{#INV_EDIT} "),
ml("th", {style: "width: 10%; text-align: center;"}, "Delete ") ml("th", {style: "width: 10%; text-align: center;"}, "{#INV_DELETE} ")
])); ]));
for(let i = 0; i < obj.inverter.length ; i + + ) { for(let i = 0; i < obj.inverter.length ; i + + ) {
lines.push(ml("tr", {}, [ lines.push(ml("tr", {}, [
ml("td", {}, badge(obj.inverter[i].enabled, (obj.inverter[i].enabled) ? "enabled" : "disabled ")), ml("td", {}, badge(obj.inverter[i].enabled, (obj.inverter[i].enabled) ? "{#ENABLED}" : "{#DISABLED} ")),
ml("td", {}, obj.inverter[i].name), ml("td", {}, obj.inverter[i].name),
ml("td", {}, String(obj.inverter[i].serial)), ml("td", {}, String(obj.inverter[i].serial)),
ml("td", {style: "text-align: center;", onclick: function() {ivModal(obj.inverter[i]);}}, svg(iconGear, 25, 25, "icon icon-fg pointer")), ml("td", {style: "text-align: center;", onclick: function() {ivModal(obj.inverter[i]);}}, svg(iconGear, 25, 25, "icon icon-fg pointer")),
@ -686,7 +682,7 @@
e.innerHTML = ""; // remove all childs e.innerHTML = ""; // remove all childs
e.append(ml("table", {class: "table"}, ml("tbody", {}, lines))); e.append(ml("table", {class: "table"}, ml("tbody", {}, lines)));
if(obj.max_num_inverters > obj.inverter.length) if(obj.max_num_inverters > obj.inverter.length)
e.append(ml("div", {class: "row my-3"}, ml("div", {class: "col a-r"}, ml("input", {type: "button", value: "add Inverter ", class: "btn", onclick: function() { ivModal(add); }}, null)))); e.append(ml("div", {class: "row my-3"}, ml("div", {class: "col a-r"}, ml("input", {type: "button", value: "{#BTN_INV_ADD} ", class: "btn", onclick: function() { ivModal(add); }}, null))));
ivGlob(obj); ivGlob(obj);
} }
@ -694,10 +690,10 @@
function ivModal(obj) { function ivModal(obj) {
var lines = []; var lines = [];
lines.push(ml("tr", {}, [ lines.push(ml("tr", {}, [
ml("th", {style: "width: 10%;"}, "Input "), ml("th", {style: "width: 10%;"}, "{#INV_INPUT} "),
ml("th", {}, "Max Module Power [Wp]"), ml("th", {}, "{#INV_MAX_MODULE_POWER} [Wp]"),
ml("th", {}, "Name (optional)"), ml("th", {}, "Name (optional)"),
ml("th", {}, "Yield Correction [kWh] (optional)") ml("th", {}, "{#INV_YIELD_CORR} [kWh] (optional)")
])); ]));
for(let i = 0; i < 6 ; i + + ) { for(let i = 0; i < 6 ; i + + ) {
@ -718,14 +714,14 @@
var ser = ml("input", {name: "ser", class: "text", type: "number", max: 138999999999, value: obj.serial}, null); var ser = ml("input", {name: "ser", class: "text", type: "number", max: 138999999999, value: obj.serial}, null);
var html = ml("div", {}, [ var html = ml("div", {}, [
tabs(["General", "Inputs", "Radio", "Advanced "]), tabs(["{#TAB_GENERAL}", "{#TAB_INPUTS}", "{#TAB_RADIO}", "{#TAB_ADVANCED} "]),
ml("div", {id: "divGeneral ", class: "tab-content"}, [ ml("div", {id: "div{#TAB_GENERAL} ", class: "tab-content"}, [
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-2"}, "Enable "), ml("div", {class: "col-2"}, "{#INV_ENABLE} "),
ml("div", {class: "col-10"}, cbEn) ml("div", {class: "col-10"}, cbEn)
]), ]),
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-2 mt-2"}, "Serial "), ml("div", {class: "col-2 mt-2"}, "{#INV_SERIAL} "),
ml("div", {class: "col-10"}, ser) ml("div", {class: "col-10"}, ser)
]), ]),
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
@ -733,45 +729,45 @@
ml("div", {class: "col-10"}, ml("input", {name: "name", class: "text", type: "text", value: obj.name}, null)) ml("div", {class: "col-10"}, ml("input", {name: "name", class: "text", type: "text", value: obj.name}, null))
]) ])
]), ]),
ml("div", {id: "divInputs ", class: "tab-content hide"}, [ ml("div", {id: "div{#TAB_INPUTS} ", class: "tab-content hide"}, [
ml("div", {class: "row mb-3"}, ml("div", {class: "row mb-3"},
ml("table", {class: "table"}, ml("table", {class: "table"},
ml("tbody", {}, lines) ml("tbody", {}, lines)
) )
) )
]), ]),
ml("div", {id: "divRadio ", class: "tab-content hide"}, [ ml("div", {id: "div{#TAB_RADIO} ", class: "tab-content hide"}, [
ml("input", {type: "hidden", name: "isnrf"}, null), ml("input", {type: "hidden", name: "isnrf"}, null),
ml("div", {id: "setcmt"}, [ ml("div", {id: "setcmt"}, [
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-3 mt-2"}, "Frequency "), ml("div", {class: "col-3 mt-2"}, "{#INV_FREQUENCY} "),
ml("div", {class: "col-9"}, sel("freq", esp32cmtFreq, obj.freq)) ml("div", {class: "col-9"}, sel("freq", esp32cmtFreq, obj.freq))
]), ]),
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-3 mt-2"}, "Power Level "), ml("div", {class: "col-3 mt-2"}, "{#INV_POWER_LEVEL} "),
ml("div", {class: "col-9"}, sel("cmtpa", esp32cmtPa, obj.pa)) ml("div", {class: "col-9"}, sel("cmtpa", esp32cmtPa, obj.pa))
]), ]),
]), ]),
ml("div", {id: "setnrf"}, ml("div", {id: "setnrf"},
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-3 mt-2"}, "Power Level "), ml("div", {class: "col-3 mt-2"}, "{#INV_POWER_LEVEL} "),
ml("div", {class: "col-9"}, sel("nrfpa", nrfPa, obj.pa)) ml("div", {class: "col-9"}, sel("nrfpa", nrfPa, obj.pa))
]), ]),
), ),
]), ]),
ml("div", {id: "divAdvanced ", class: "tab-content hide"}, [ ml("div", {id: "div{#TAB_ADVANCED} ", class: "tab-content hide"}, [
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-10"}, "Pause communication during night (lat. and lon. need to be set) "), ml("div", {class: "col-10"}, "{#INV_PAUSE_DURING_NIGHT} "),
ml("div", {class: "col-2"}, cbDisNightCom) ml("div", {class: "col-2"}, cbDisNightCom)
]), ]),
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-10"}, "Include inverter to sum of total (should be checked by default, MqTT only) "), ml("div", {class: "col-10"}, "{#INV_INCLUDE_MQTT_SUM} "),
ml("div", {class: "col-2"}, cbAddTotal) ml("div", {class: "col-2"}, cbAddTotal)
]) ])
]), ]),
ml("div", {class: "row mt-5"}, [ ml("div", {class: "row mt-5"}, [
ml("div", {class: "col-8", id: "res"}, ""), ml("div", {class: "col-8", id: "res"}, ""),
ml("div", {class: "col-4 a-r"}, ml("input", {type: "button", value: "save ", class: "btn", onclick: function() { ivSave(); }}, null)) ml("div", {class: "col-4 a-r"}, ml("input", {type: "button", value: "{#BTN_SAVE} ", class: "btn", onclick: function() { ivSave(); }}, null))
]) ])
]); ]);
@ -808,7 +804,7 @@
}) })
}); });
modal("Edit inverter " + obj.name, html); modal("{#INV_EDIT_MODAL}: " + obj.name, html);
ser.dispatchEvent(new Event('change')); ser.dispatchEvent(new Event('change'));
function ivSave() { function ivSave() {
@ -839,7 +835,7 @@
function cb(obj2) { function cb(obj2) {
var e = document.getElementById("res"); var e = document.getElementById("res");
if(!obj2.success) if(!obj2.success)
e.innerHTML = "error: " + obj2.error; e.innerHTML = "{#ERROR} " + obj2.error;
else { else {
modalClose(); modalClose();
getAjax("/api/inverter/list", parseIv); getAjax("/api/inverter/list", parseIv);
@ -849,10 +845,10 @@
function ivDel(obj) { function ivDel(obj) {
var html = ml("div", {class: "row"}, [ var html = ml("div", {class: "row"}, [
ml("div", {class: "col-9"}, "do you realy want to delete inverter " + obj.name + "? "), ml("div", {class: "col-9"}, "{#INV_DELETE_SURE} (" + obj.name + ") "),
ml("div", {class: "col-3 a-r"}, ml("div", {class: "col-4 a-r"}, ml("input", {type: "button", value: "yes ", class: "btn", onclick: function() { del(); }}, null))) ml("div", {class: "col-3 a-r"}, ml("div", {class: "col-4 a-r"}, ml("input", {type: "button", value: "{#BTN_YES} ", class: "btn", onclick: function() { del(); }}, null)))
]); ]);
modal("Delete inverter " + obj.name, html); modal("{#INV_DELETE_MODAL}: " + obj.name, html);
function del() { function del() {
var o = new Object(); var o = new Object();
@ -896,7 +892,7 @@
for(p of [["sunOffsSr", "offsSr"], ["sunOffsSs", "offsSs"]]) { for(p of [["sunOffsSr", "offsSr"], ["sunOffsSs", "offsSs"]]) {
const sel = document.getElementsByName(p[0])[0]; const sel = document.getElementsByName(p[0])[0];
for(var i = -60; i < = 60; i++) { for(var i = -60; i < = 60; i++) {
sel.appendChild(opt(i, i + " minutes ", (i == (obj[p[1]] / 60)))); sel.appendChild(opt(i, i + " {#NTP_MINUTES} ", (i == (obj[p[1]] / 60))));
} }
} }
} }
@ -909,7 +905,7 @@
if ("ESP32-S3" == system.chip_model) pinList = esp32s3pins; if ("ESP32-S3" == system.chip_model) pinList = esp32s3pins;
else if("ESP32-C3" == system["chip_model"]) pinList = esp32c3pins; else if("ESP32-C3" == system["chip_model"]) pinList = esp32c3pins;
/*ENDIF_ESP32*/ /*ENDIF_ESP32*/
pins = [['led0', 'pinLed0', 'At least one inverter is producing'], ['led1', 'pinLed1', 'MqTT connected'], ['led2', 'pinLed2', 'Night time ']]; pins = [['led0', 'pinLed0', '{#LED_AT_LEAST_ONE_PRODUCING}'], ['led1', 'pinLed1', '{#LED_MQTT_CONNECTED}'], ['led2', 'pinLed2', '{#LED_NIGHT_TIME} ']];
for(p of pins) { for(p of pins) {
e.append( e.append(
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
@ -922,13 +918,13 @@
} }
e.append( e.append(
ml("div", { class: "row mb-3" }, [ ml("div", { class: "row mb-3" }, [
ml("div", { class: "col-12 col-sm-3 my-2" }, "LED polarity "), ml("div", { class: "col-12 col-sm-3 my-2" }, "{#LED_POLARITY} "),
ml("div", { class: "col-12 col-sm-9" }, ml("div", { class: "col-12 col-sm-9" },
sel('pinLedHighActive', led_high_active, obj.led_high_active) sel('pinLedHighActive', led_high_active, obj.led_high_active)
) )
]), ]),
ml("div", { class: "row mb-3" }, [ ml("div", { class: "row mb-3" }, [
ml("div", { class: "col-12 col-sm-3 my-2" }, "LED luminance (0-255)"), ml("div", { class: "col-12 col-sm-3 my-2" }, "{#LED_LUMINANCE} (0-255)"),
ml("div", { class: "col-12 col-sm-9" }, ml("input", {class: "text", type: "number", name: "pinLedLum", value: obj.led_lum, min: 0, max: 255}, null)) ml("div", { class: "col-12 col-sm-9" }, ml("input", {class: "text", type: "number", name: "pinLedLum", value: obj.led_lum, min: 0, max: 255}, null))
]) ])
) )
@ -948,7 +944,7 @@
e.replaceChildren ( e.replaceChildren (
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-8 col-sm-3 my-2"}, "NRF24 Enable "), ml("div", {class: "col-8 col-sm-3 my-2"}, "{#NRF24_ENABLE} "),
ml("div", {class: "col-4 col-sm-9"}, en) ml("div", {class: "col-4 col-sm-9"}, en)
]) ])
); );
@ -982,7 +978,7 @@
e.replaceChildren ( e.replaceChildren (
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-8 col-sm-3 my-2"}, "CMT2300A Enable "), ml("div", {class: "col-8 col-sm-3 my-2"}, "{#CMT_ENABLE} "),
ml("div", {class: "col-4 col-sm-9"}, en) ml("div", {class: "col-4 col-sm-9"}, en)
]) ])
); );
@ -1033,7 +1029,7 @@
); );
} }
// keep display types grouped // keep display types grouped
var opts = [[0, "None "], var opts = [[0, "{#DISP_NONE} "],
[2, "SH1106 128x64 (1.3\")"], [2, "SH1106 128x64 (1.3\")"],
[5, "SSD1306 64x48 (0.66\" Wemos OLED Shield)"], [5, "SSD1306 64x48 (0.66\" Wemos OLED Shield)"],
[4, "SSD1306 128x32 (0.91\")"], [4, "SSD1306 128x32 (0.91\")"],
@ -1046,7 +1042,7 @@
var dtype_sel = sel("disp_typ", opts, obj["disp_typ"]); var dtype_sel = sel("disp_typ", opts, obj["disp_typ"]);
document.getElementById("dispType").append( document.getElementById("dispType").append(
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-12 col-sm-3 my-2"}, "Type "), ml("div", {class: "col-12 col-sm-3 my-2"}, "{#DISP_TYPE} "),
ml("div", {class: "col-12 col-sm-9"}, dtype_sel) ml("div", {class: "col-12 col-sm-9"}, dtype_sel)
]) ])
); );
@ -1057,22 +1053,22 @@
/*ENDIF_ESP32*/ /*ENDIF_ESP32*/
document.getElementById("dispRot").append( document.getElementById("dispRot").append(
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-12 col-sm-3 my-2"}, "Rotation "), ml("div", {class: "col-12 col-sm-3 my-2"}, "{#DISP_ROTATION} "),
ml("div", {class: "col-12 col-sm-9"}, sel("disp_rot", opts, obj["disp_rot"])) ml("div", {class: "col-12 col-sm-9"}, sel("disp_rot", opts, obj["disp_rot"]))
]) ])
); );
var opts1 = [[0, "off"], [1, "pixel shift"], [2, "motion sensor "]]; var opts1 = [[0, "{#DISP_SCREENSAVER_OFF}"], [1, "{#DISP_PIXEL_SHIFT}"], [2, "{#DISP_MOTION_SENS} "]];
var screensaver_sel = sel("disp_screensaver", opts1, obj["disp_screensaver"]); var screensaver_sel = sel("disp_screensaver", opts1, obj["disp_screensaver"]);
screensaver_sel.id = 'disp_screensaver'; screensaver_sel.id = 'disp_screensaver';
document.getElementById("screenSaver").append( document.getElementById("screenSaver").append(
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
ml("div", {class: "col-12 col-sm-3 my-2"}, "Screensaver (OLED only) "), ml("div", {class: "col-12 col-sm-3 my-2"}, "{#DISP_SCREENSAVER} "),
ml("div", {class: "col-12 col-sm-9"}, screensaver_sel) ml("div", {class: "col-12 col-sm-9"}, screensaver_sel)
]) ])
); );
var esp8266pirpins = [[255, "off / default "], var esp8266pirpins = [[255, "{#PIN_OFF} "],
[17, "A0"]]; [17, "A0"]];
document.getElementById("pirPin").append( document.getElementById("pirPin").append(
ml("div", {class: "row mb-3"}, [ ml("div", {class: "row mb-3"}, [
@ -1155,12 +1151,12 @@
var s = document.getElementById("networks"); var s = document.getElementById("networks");
selDelAllOpt(s); selDelAllOpt(s);
if(root["networks"].length > 0) { if(root["networks"].length > 0) {
s.appendChild(opt("-1", "please select network ")); s.appendChild(opt("-1", "{#NETWORK_PLEASE_SELECT} "));
for(i = 0; i < root [ " networks " ] . length ; i + + ) { for(i = 0; i < root [ " networks " ] . length ; i + + ) {
s.appendChild(opt(root["networks"][i]["ssid"], root["networks"][i]["ssid"] + " (" + root["networks"][i]["rssi"] + " dBm)")); s.appendChild(opt(root["networks"][i]["ssid"], root["networks"][i]["ssid"] + " (" + root["networks"][i]["rssi"] + " dBm)"));
} }
} else } else
s.appendChild(opt("-1", "no network found ")); s.appendChild(opt("-1", "{#NO_NETWORK_FOUND} "));
} }
function selNet() { function selNet() {
lumapu
2 years ago