2020-06-10 12:45:44 +02:00
/*
* More web UI HTML source arrays .
* This file is auto generated , please don ' t make any changes manually .
2021-09-18 16:02:37 +02:00
* Instead , see https : //kno.wled.ge/advanced/custom-features/#changing-web-ui
2020-06-10 12:45:44 +02:00
* to find out how to easily modify the web UI source !
*/
2019-08-17 12:27:06 +02:00
2020-05-17 20:09:39 +02:00
// Autogenerated from wled00/data/style.css, do not edit!!
2021-10-11 17:55:26 +02:00
const char PAGE_settingsCss [ ] PROGMEM = R " =====(<style>body{font-family:Verdana,sans-serif;text-align:center;background:#222;color:#fff;line-height:200%%;margin:0}hr{border-color:#666}.btn,button{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.3ch solid #333;border-radius:24px;display:inline-block;font-size:20px;margin:12px 8px 8px;padding:8px 12px;min-width:48px;cursor:pointer;text-decoration:none}.toprow{top:0;position:sticky;background-color:#222;z-index:1}.lnk{border:0}.helpB{text-align:left;position:absolute;width:60px}input{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.5ch solid #333}input:disabled{color:#888}input[type=text]{font-size:medium}input[type=number]{width:4em;font-size:medium;margin:2px}input[type=number].xxl{width:100px}input[type=number].xl{width:85px}input[type=number].l{width:64px}input[type=number].m{width:56px}input[type=number].s{width:48px}input[type=number].xs{width:40px}select{margin:2px;font-size:medium}input[type=checkbox]{transform:scale(1.5);margin-right:10px}select{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.5ch solid #333}td{padding:2px}.d5{width:4.5em!important}#toast{opacity:0;background-color:#444;border-radius:5px;bottom:64px;color:#fff;font-size:17px;padding:16px;pointer-events:none;position:fixed;text-align:center;z-index:5;transform:translateX(-50%%);max-width:90%%;left:50%%}#toast.show{opacity:1;background-color:#264;animation:fadein .5s,fadein .5s 2.5s reverse}#toast.error{opacity:1;background-color:#b21;animation:fadein .5s}</style>)===== " ;
2018-01-27 23:28:20 +01:00
2020-02-23 22:24:51 +01:00
2020-05-17 20:09:39 +02:00
// Autogenerated from wled00/data/settings.htm, do not edit!!
2020-12-20 15:16:22 +01:00
const char PAGE_settings [ ] PROGMEM = R " =====(<!DOCTYPE html><html lang= " en " ><head><meta charset= " UTF - 8 " ><title>WLED Settings
< / title > < style >
2021-11-17 17:28:52 +01:00
body { text - align : center ; background : # 222 ; height : 100 px ; margin : 0 } html { - - h : 10.2 vh } button { background : # 333 ; color : # fff ; font - family : Verdana , Helvetica , sans - serif ; display : inline - block ; border : 1 px solid # 333 ; border - radius : var ( - - h ) ; font - size : 6 vmin ; height : var ( - - h ) ; width : 95 % % ; margin - top : 2 vh }
2020-05-17 20:09:39 +02:00
< / style > < script >
function BB ( ) { window . frameElement & & ( document . getElementById ( " b " ) . style . display = " none " , document . documentElement . style . setProperty ( " --h " , " 13.86vh " ) ) }
< / script > < / head > < body onload = " BB() " > < form action = " / " > < button type = " submit "
id = " b " > Back < / button > < / form > < form action = " /settings/wifi " > < button type = " submit " >
WiFi Setup < / button > < / form > < form action = " /settings/leds " > < button type = " submit " >
LED Preferences < / button > < / form > < form action = " /settings/ui " > < button
2020-08-03 18:37:25 +02:00
type = " submit " > User Interface < / button > < / form > % DMXMENU % < form action = " /settings/sync " >
2020-05-17 20:09:39 +02:00
< button type = " submit " > Sync Interfaces < / button > < / form > < form
action = " /settings/time " > < button type = " submit " > Time & Macros < / button > < / form > < form
2021-04-10 00:17:15 +02:00
action = " /settings/um " > < button type = " submit " > Usermods < / button > < / form > < form
action = " /settings/sec " > < button type = " submit " > Security & Updates < / button > < / form >
2019-02-16 00:21:22 +01:00
< / body > < / html > ) = = = = = " ;
2018-02-20 22:29:48 +01:00
2018-09-17 11:15:08 +02:00
2020-05-17 20:09:39 +02:00
// Autogenerated from wled00/data/settings_wifi.htm, do not edit!!
2020-12-23 21:43:30 +01:00
const char PAGE_settings_wifi [ ] PROGMEM = R " =====(<!DOCTYPE html><html lang= " en " ><head><meta charset= " utf - 8 " ><meta
name = " viewport " content = " width=500 " > < title > WiFi Settings < / title > < script >
2020-05-17 20:59:00 +02:00
function H ( ) { window . open ( " https://github.com/Aircoookie/WLED/wiki/Settings#wifi-settings " ) } function B ( ) { window . open ( " /settings " , " _self " ) } function GetV ( ) { var d = document ;
2020-06-10 12:45:44 +02:00
% CSS % % SCSS % < / head > < body onload = " GetV() " >
2021-08-19 21:57:04 +02:00
< form id = " form_s " name = " Sf " method = " post " > < div class = " toprow " > < div
class = " helpB " > < button type = " button " onclick = " H() " > ? < / button > < / div > < button
type = " button " onclick = " B() " > Back < / button > < button type = " submit " > Save & Connect
< / button > < hr > < / div > < h2 > WiFi setup < / h2 > < h3 > Connect to existing network < / h3 >
2020-05-17 20:09:39 +02:00
Network name ( SSID , empty to not connect ) : < br > < input name = " CS " maxlength = " 32 " >
< br > Network password : < br > < input type = " password " name = " CP " maxlength = " 63 " > < br >
Static IP ( leave at 0.0 .0 .0 for DHCP ) : < br > < input name = " I0 " type = " number "
2021-07-01 00:01:27 +02:00
class = " s " min = " 0 " max = " 255 " required > . < input name = " I1 " type = " number "
class = " s " min = " 0 " max = " 255 " required > . < input name = " I2 " type = " number "
class = " s " min = " 0 " max = " 255 " required > . < input name = " I3 " type = " number "
class = " s " min = " 0 " max = " 255 " required > < br > Static gateway : < br > < input name = " G0 "
type = " number " class = " s " min = " 0 " max = " 255 " required > . < input name = " G1 "
type = " number " class = " s " min = " 0 " max = " 255 " required > . < input name = " G2 "
type = " number " class = " s " min = " 0 " max = " 255 " required > . < input name = " G3 "
type = " number " class = " s " min = " 0 " max = " 255 " required > < br > Static subnet mask : < br >
< input name = " S0 " type = " number " class = " s " min = " 0 " max = " 255 " required > . < input
name = " S1 " type = " number " class = " s " min = " 0 " max = " 255 " required > . < input
name = " S2 " type = " number " class = " s " min = " 0 " max = " 255 " required > . < input
name = " S3 " type = " number " class = " s " min = " 0 " max = " 255 " required > < br >
mDNS address ( leave empty for no mDNS ) : < br > http : // <input name="CM"
maxlength = " 32 " > . local < br > Client IP : < span class = " sip " > Not connected < / span > < br >
< h3 > Configure Access Point < / h3 > AP SSID ( leave empty for no AP ) : < br > < input
name = " AS " maxlength = " 32 " > < br > Hide AP name : < input type = " checkbox " name = " AH " > < br >
AP password ( leave empty for open ) : < br > < input type = " password " name = " AP "
maxlength = " 63 " pattern = " (.{8,63})|() " title = " Empty or min. 8 characters " > < br >
Access Point WiFi channel : < input name = " AC " type = " number " class = " xs " min = " 1 "
max = " 13 " required > < br > AP opens : < select name = " AB " > < option value = " 0 " >
No connection after boot < / option > < option value = " 1 " > Disconnected < / option > < option
value = " 2 " > Always < / option > < option value = " 3 " > Never ( not recommended ) < / option >
< / select > < br > AP IP : < span class = " sip " > Not active < / span > < br > < h3 > Experimental < / h3 >
Disable WiFi sleep : < input type = " checkbox " name = " WS " > < br > < i >
Can help with connectivity issues . < br >
2021-01-15 10:37:45 +01:00
Do not enable if WiFi is working correctly , increases power consumption . < / i > < div
id = " ethd " > < h3 > Ethernet Type < / h3 > < select name = " ETH " > < option value = " 0 " > None
2021-06-20 00:14:09 +02:00
< / option > < option value = " 2 " > ESP32 - POE < / option > < option value = " 6 " > ESP32Deux
< / option > < option value = " 4 " > QuinLED - ESP32 < / option > < option value = " 5 " >
TwilightLord - ESP32 < / option > < option value = " 3 " > WESP32 < / option > < option value = " 1 " >
WT32 - ETH01 < / option > < / select > < br > < br > < / div > < hr > < button type = " button "
onclick = " B() " > Back < / button > < button type = " submit " > Save & Connect < / button > < / form >
< / body > < / html > ) = = = = = " ;
2018-01-27 23:28:20 +01:00
2018-09-17 11:15:08 +02:00
2020-05-17 20:09:39 +02:00
// Autogenerated from wled00/data/settings_leds.htm, do not edit!!
2020-12-23 21:43:30 +01:00
const char PAGE_settings_leds [ ] PROGMEM = R " =====(<!DOCTYPE html><html lang= " en " ><head><meta charset= " utf - 8 " ><meta
name = " viewport " content = " width=500 " > < title > LED Settings < / title > < script >
2021-11-09 17:49:05 +01:00
var timeout , d = document , laprev = 55 , maxB = 1 , maxM = 4e3 , maxPB = 4096 , maxL = 1333 , maxLbquot = 0 , customStarts = ! 1 , startsDirty = [ ] ; function H ( ) { window . open ( " https://kno.wled.ge/features/settings/#led-settings " ) } function B ( ) { window . open ( " /settings " , " _self " ) } function gId ( e ) { return d . getElementById ( e ) } function off ( e ) { d . getElementsByName ( e ) [ 0 ] . value = - 1 } function showToast ( e , n = ! 1 ) { var t = gId ( " toast " ) ; t . innerHTML = e , t . className = n ? " error " : " show " , clearTimeout ( timeout ) , t . style . animation = " none " , timeout = setTimeout ( ( function ( ) { t . className = t . className . replace ( " show " , " " ) } ) , 2900 ) } function bLimits ( e , n , t , a ) { maxB = e , maxM = t , maxPB = n , maxL = a } function pinsOK ( ) { var e = d . getElementsByTagName ( " input " ) ; for ( i = 0 ; i < e . length ; i + + ) { var n = e [ i ] . name . substring ( 0 , 2 ) ; if ( " L0 " = = n | | " L1 " = = n | | " L2 " = = n | | " L3 " = = n ) { var t = e [ i ] . name . substring ( 2 ) ; if ( parseInt ( d . getElementsByName ( " LT " + t ) [ 0 ] . value , 10 ) > = 80 ) continue } if ( ( " L0 " = = n | | " L1 " = = n | | " L2 " = = n | | " L3 " = = n | | " L4 " = = n | | " RL " = = n | | " BT " = = n | | " IR " = = n ) & & " " ! = e [ i ] . value & & " -1 " ! = e [ i ] . value ) { if ( d . um_p & & d . um_p . some ( n = > n = = parseInt ( e [ i ] . value , 10 ) ) ) return alert ( ` Sorry , pins $ { JSON . stringify ( d . um_p ) } can ' t be used . ` ) , e [ i ] . value = " " , e [ i ] . focus ( ) , ! 1 ; if ( e [ i ] . value > 5 & & e [ i ] . value < 12 ) return alert ( " Sorry, pins 6-11 can not be used. " ) , e [ i ] . value = " " , e [ i ] . focus ( ) , ! 1 ; if ( " IR " ! = n & & " BT " ! = n & & e [ i ] . value > 33 ) return alert ( " Sorry, pins >33 are input only. " ) , e [ i ] . value = " " , e [ i ] . focus ( ) , ! 1 ; for ( j = i + 1 ; j < e . length ; j + + ) { var a = e [ j ] . name . substring ( 0 , 2 ) ; if ( " L0 " = = a | | " L1 " = = a | | " L2 " = = a | | " L3 " = = a | | " L4 " = = a | | " RL " = = a | | " BT " = = a | | " IR " = = a ) { if ( " L " = = = a . substring ( 0 , 1 ) ) { var s = e [ j ] . name . substring ( 2 ) ; if ( parseInt ( d . getElementsByName ( " LT " + s ) [ 0 ] . value , 10 ) > = 80 ) continue } if ( " " ! = e [ j ] . value & & e [ i ] . value = = e [ j ] . value ) return alert ( ` Pin conflict between $ { e [ i ] . name } / $ { e [ j ] . name } ! ` ) , e [ j ] . value = " " , e [ j ] . focus ( ) , ! 1 } } } } return ! 0 } function trySubmit ( e ) { if ( d . Sf . data . value = " " , e . preventDefault ( ) , ! pinsOK ( ) ) return e . stopPropagation ( ) , ! 1 ; if ( bquot > 100 ) { var n = " Too many LEDs for me to handle! " ; maxM < 1e4 & & ( n + = " \n \r Consider using an ESP32. " ) , alert ( n ) } d . Sf . checkValidity ( ) & & d . Sf . submit ( ) } function S ( ) { GetV ( ) , checkSi ( ) , setABL ( ) } function enABL ( ) { var e = gId ( " able " ) . checked ; d . Sf . LA . value = e ? laprev : 0 , gId ( " abl " ) . style . display = e ? " inline " : " none " , gId ( " psu2 " ) . style . display = e ? " inline " : " none " , d . Sf . LA . value > 0 & & setABL ( ) } function enLA ( ) { var e = d . Sf . LAsel . value ; d . Sf . LA . value = e , gId ( " LAdis " ) . style . display = 50 = = e ? " inline " : " none " , UI ( ) } function setABL ( ) { switch ( gId ( " able " ) . checked = ! 0 , d . Sf . LAsel . value = 50 , parseInt ( d . Sf . LA . value ) ) { case 0 : gId ( " able " ) . checked = ! 1 , enABL ( ) ; break ; case 30 : d . Sf . LAsel . value = 30 ; break ; case 35 : d . Sf . LAsel . value = 35 ; break ; case 55 : d . Sf . LAsel . value = 55 ; break ; case 255 : d . Sf . LAsel . value = 255 ; break ; default : gId ( " LAdis " ) . style . display = " inline " } gId ( " m1 " ) . innerHTML = maxM , d . getElementsByName ( " Sf " ) [ 0 ] . addEventListener ( " submit " , trySubmit ) , UI ( ) } function getMem ( e , n , t ) { return e < 32 ? maxM < 1e4 & & 3 = = t ? e > 29 ? 20 * n : 15 * n : maxM > = 1e4 ? e > 29 ? 8 * n : 6 * n : e > 29 ? 4 * n : 3 * n : e > 31 & & e < 48 ? 5 : 44 = = e | | 45 = = e ? 4 * n : 3 * n } function UI ( e = ! 1 ) { var n = ! 1 , t = 0 ; gId ( " ampwarning " ) . style . display = d . Sf . MA . value > 7200 ? " inline " : " none " , 255 = = d . Sf . LA . value ? laprev = 12 : d . Sf . LA . value > 0 & & ( laprev = d . Sf . LA . value ) ; var a = d . getElementsByTagName ( " select " ) ; for ( i = 0 ; i < a . length ; i + + ) if ( " LT " = = a [ i ] . name . substring ( 0 , 2 ) ) { var s = a [ i ] . name . substring ( 2 ) , l = parseInt ( a [ i ] . value , 10 ) ; gId ( " p0d " + s ) . innerHTML = l > = 80 & & l < 96 ? " IP address: " : l > 49 ? " Data GPIO: " : l > 41 ? " GPIOs: " : " GPIO: " , gId ( " p1d " + s ) . innerHTML = l > 49 & & l < 64 ? " Clk GPIO: " : " " ; var o = d . getElementsByName ( " L1 " + s ) [ 0 ] ; for ( t + = getMem ( l , d . getElementsByName ( " LC " + s ) [ 0 ] . value , d . getElementsByName ( " L0 " + s ) [ 0 ] . value ) , f = 1 ; f < 5 ; f + + ) { ( o = d . getElementsByName ( " L " + f + s ) [ 0 ] ) & & ( l > = 80 & & l < 96 & & f < 4 | | l > 49 & & 1 = = f | | l > 41 & & l < 50 & & f + 40 < l ? ( o . style . display = " inline " , o . required = ! 0 ) : ( o . style . display = " none " , o . required = ! 1 , o . value = " " ) ) } e & & ( gId ( " rf " + s ) . checked = gId ( " rf " + s ) . checked | | 31 = = l , l > 31 & & l < 48 & & ( d . getElementsByName ( " LC " + s ) [ 0 ] . value = 1 ) ) , gId ( " rf " + s ) . onclick = 31 = = l ? function ( ) { return ! 1 } : function ( ) { } , n | = 30 = = l | | 31 = = l | | l > 40 & & l < 46 & & 43 ! = l , gId ( " co " + s ) . style . display = l > = 80 & & l < 96 | | 41 = = l | | 42 = = l ? " none " : " inline " , gId ( " dig " + s + " c " ) . style . display = l > 40 & & l < 48 ? " none " : " inline " , gId ( " dig " + s + " r " ) . style . display = l > = 80 & & l < 96 ? " none " : " inline " , gId ( " dig " + s + " s " ) . style . display = l > = 80 & & l < 96 | | l > 40 & & l < 48 ? " none " : " in
2021-08-20 19:38:24 +02:00
% CSS % % SCSS % < / head > < body onload = " S() " > < form
id = " form_s " name = " Sf " method = " post " > < div class = " toprow " > < div class = " helpB " >
< button type = " button " onclick = " H() " > ? < / button > < / div > < button type = " button "
onclick = " B() " > Back < / button > < button type = " submit " > Save < / button > < hr > < / div > < h2 >
2021-10-07 13:47:36 +02:00
LED & amp ; Hardware setup < / h2 > Total LEDs : < span id = " lc " > ? < / span > < span id = " pc " >
< / span > < br > < i > Recommended power supply for brightest white : < / i > < br > < b > < span
id = " psu " > ? < / span > < / b > < br > < span id = " psu2 " > < br > < / span > < br >
2021-08-20 19:38:24 +02:00
Enable automatic brightness limiter : < input type = " checkbox " name = " ABen "
onchange = " enABL() " id = " able " > < br > < div id = " abl " > Maximum Current : < input
name = " MA " type = " number " class = " l " min = " 250 " max = " 65000 " oninput = " UI() " required >
mA < br > < div id = " ampwarning " style = " color:orange;display:none " >
2019-11-12 19:33:34 +01:00
& # 9888 ; Your power supply provides high current . < br >
2020-05-17 20:09:39 +02:00
To improve the safety of your setup , < br > please use thick cables , < br >
multiple power injection points and a fuse ! < br > < / div > < i >
Automatically limits brightness to stay close to the limit . < br >
2018-12-06 00:27:36 +01:00
Keep at & lt ; 1 A if powering LEDs directly from the ESP 5 V pin ! < br >
2019-11-12 19:33:34 +01:00
If you are using an external power supply , enter its rating . < br >
2020-05-17 20:09:39 +02:00
( Current estimated usage : < span class = " pow " > unknown < / span > ) < / i > < br > < br >
LED voltage ( Max . current for a single LED ) : < br > < select name = " LAsel "
onchange = " enLA() " > < option value = " 55 " selected = " selected " > 5 V default ( 55 mA )
< / option > < option value = " 35 " > 5 V efficient ( 35 mA ) < / option > < option value = " 30 " >
12 V ( 30 mA ) < / option > < option value = " 255 " > WS2815 ( 12 mA ) < / option > < option value = " 50 " >
Custom < / option > < / select > < br > < span id = " LAdis " style = " display:none " >
Custom max . current per LED : < input name = " LA " type = " number " min = " 0 " max = " 255 "
id = " la " oninput = " UI() " required > mA < br > < / span > < i >
2021-01-26 01:58:34 +01:00
Keep at default if you are unsure about your type of LEDs . < / i > < br > < / div > < h3 >
2021-09-20 22:24:58 +02:00
Hardware setup < / h3 > < div id = " mLC " > LED outputs : < / div > < hr style = " width:260px " >
2021-10-07 16:03:55 +02:00
< button type = " button " id = " + " onclick = " addLEDs(1,!1) " > + < / button > < button
type = " button " id = " - " onclick = " addLEDs(-1,!1) " > - < / button > < br > LED Memory Usage :
< span id = " m0 " > 0 < / span > / < span id = " m1 " > ? < / span > B < br > < div id = " dbar "
2021-01-29 02:34:03 +01:00
style = " display:inline-block;width:100px;height:10px;border-radius:20px " > < / div >
< br > < div id = " ledwarning " style = " color:orange;display:none " >
& # 9888 ; You might run into stability or lag issues . < br > Use less than < span
2021-10-03 20:48:08 +02:00
id = " wreason " > 800 LEDs per output < / span > for the best experience ! < br > < / div > < hr
style = " width:260px " > Make a segment for each output : < input type = " checkbox "
name = " MS " > < br > Custom bus start indices : < input type = " checkbox "
2021-10-16 15:13:30 +02:00
onchange = " tglSi(this.checked) " id = " si " > < br > Allow WB correction : < input
type = " checkbox " name = " CCT " > < br > < hr style = " width:260px " > < div id = " btns " > < / div >
Touch threshold : < input type = " number " class = " s " min = " 0 " max = " 100 " name = " TT "
required > < br > IR GPIO : < input type = " number " min = " -1 " max = " 40 " name = " IR "
onchange = " UI() " class = " xs " > < select name = " IT " onchange = " UI() " > < option value = " 0 " >
Remote disabled < / option > < option value = " 1 " > 24 - key RGB < / option > < option value = " 2 " >
24 - key with CT < / option > < option value = " 3 " > 40 - key blue < / option > < option value = " 4 " >
44 - key RGB < / option > < option value = " 5 " > 21 - key RGB < / option > < option value = " 6 " >
6 - key black < / option > < option value = " 7 " > 9 - key red < / option > < option value = " 8 " >
JSON remote < / option > < / select > < span style = " cursor:pointer " onclick = ' off ( " IR " ) ' >
& nbsp ; & # 215 ; < / span > < br > < div id = " json " style = " display:none " > JSON file : < input
type = " file " name = " data " accept = " .json " > < input type = " button " value = " Upload "
onclick = ' uploadFile ( " /ir.json " ) ' > < br > < / div > < div id = " toast " > < / div > < a
href = " https://kno.wled.ge/interfaces/infrared/ " target = " _blank " > IR info < / a > < br >
Relay GPIO : < input type = " number " min = " -1 " max = " 33 " name = " RL " onchange = " UI() "
class = " xs " > Invert < input type = " checkbox " name = " RM " > < span
2021-09-20 22:24:58 +02:00
style = " cursor:pointer " onclick = ' off ( " RL " ) ' > & nbsp ; & # 215 ; < / span > < br > < hr
style = " width:260px " > < h3 > Defaults < / h3 > Turn LEDs on after power up / reset : < input
type = " checkbox " name = " BO " > < br > Default brightness : < input name = " CA "
2021-07-03 21:27:06 +02:00
type = " number " class = " m " min = " 0 " max = " 255 " required > ( 0 - 255 ) < br > < br > Apply preset
< input name = " BP " type = " number " class = " m " min = " 0 " max = " 250 " required >
2021-07-01 14:56:18 +02:00
at boot ( 0 uses defaults ) < br > < br > Use Gamma correction for color : < input
2021-06-04 23:08:30 +02:00
type = " checkbox " name = " GC " > ( strongly recommended ) < br >
Use Gamma correction for brightness : < input type = " checkbox " name = " GB " >
( not recommended ) < br > < br > Brightness factor : < input name = " BF " type = " number "
2021-07-03 21:27:06 +02:00
class = " m " min = " 1 " max = " 255 " required > % < h3 > Transitions < / h3 > Crossfade : < input
2021-07-01 14:56:18 +02:00
type = " checkbox " name = " TF " > < br > Transition Time : < input name = " TD " type = " number "
2021-07-03 21:27:06 +02:00
class = " xl " min = " 0 " max = " 65500 " > ms < br > Enable Palette transitions : < input
2021-06-30 21:53:22 +02:00
type = " checkbox " name = " PF " > < h3 > Timed light < / h3 > Default Duration : < input
2021-07-03 21:27:06 +02:00
name = " TL " type = " number " class = " m " min = " 1 " max = " 255 " required > min < br >
Default Target brightness : < input name = " TB " type = " number " class = " m " min = " 0 "
2021-07-01 14:56:18 +02:00
max = " 255 " required > < br > Mode : < select name = " TW " > < option value = " 0 " > Wait and set
< / option > < option value = " 1 " > Fade < / option > < option value = " 2 " > Fade Color < / option >
< option value = " 3 " > Sunrise < / option > < / select > < h3 > Advanced < / h3 > Palette blending :
< select name = " PB " > < option value = " 0 " > Linear ( wrap if moving ) < / option > < option
value = " 1 " > Linear ( always wrap ) < / option > < option value = " 2 " > Linear ( never wrap )
2021-10-24 21:07:05 +02:00
< / option > < option value = " 3 " > None ( not recommended ) < / option > < / select > < br > < hr
style = " width:260px " > < div id = " cfg " > Config template : < input type = " file "
name = " data2 " accept = " .json " > < input type = " button " value = " Apply "
onclick = " loadCfg(d.Sf.data2) " > < br > < / div > < hr > < button type = " button " onclick = " B() " >
Back < / button > < button type = " submit " > Save < / button > < / form > < / body > < / html > ) = = = = = " ;
2018-01-27 23:28:20 +01:00
2018-09-17 11:15:08 +02:00
2020-02-23 22:24:51 +01:00
# ifdef WLED_ENABLE_DMX
2020-05-17 20:09:39 +02:00
// Autogenerated from wled00/data/settings_dmx.htm, do not edit!!
2020-12-23 21:43:30 +01:00
const char PAGE_settings_dmx [ ] PROGMEM = R " =====(<!DOCTYPE html><html lang= " en " ><head><meta name= " viewport " content= " width = 500 " >
< meta charset = " utf-8 " > < title > DMX Settings < / title > < script >
2020-05-17 20:59:00 +02:00
function GCH ( n ) { for ( d = document , d . getElementById ( " dmxchannels " ) . innerHTML + = " " , i = 0 ; i < n ; i + + ) d . getElementById ( " dmxchannels " ) . innerHTML + = " <span id=CH " + ( i + 1 ) + " s >Channel " + ( i + 1 ) + " : <select name=CH " + ( i + 1 ) + ' id = " CH'+(i+1)+' " > < option value = 0 > Set to 0 < / option > < option value = 1 > Red < / option > < option value = 2 > Green < / option > < option value = 3 > Blue < / option > < option value = 4 > White < / option > < option value = 5 > Shutter ( Brightness ) < / option > < option value = 6 > Set to 255 < / option > < / select > < / span > < br / > \ n ' } function mMap ( ) { for ( d = document , numCh = document . Sf . CN . value , numGap = document . Sf . CG . value , parseInt ( numCh ) > parseInt ( numGap ) ? d . getElementById ( " gapwarning " ) . style . display = " block " : d . getElementById ( " gapwarning " ) . style . display = " none " , i = 0 ; i < 15 ; i + + ) i > = numCh ? ( d . getElementById ( " CH " + ( i + 1 ) + " s " ) . style . opacity = " 0.5 " , d . getElementById ( " CH " + ( i + 1 ) ) . disabled = ! 0 ) : ( d . getElementById ( " CH " + ( i + 1 ) + " s " ) . style . opacity = " 1 " , d . getElementById ( " CH " + ( i + 1 ) ) . disabled = ! 1 ) } function S ( ) { GCH ( 15 ) , GetV ( ) , mMap ( ) } function H ( ) { window . open ( " https://github.com/Aircoookie/WLED/wiki/DMX " ) } function B ( ) { window . history . back ( ) } function GetV ( ) { var d = document ;
2021-08-19 21:57:04 +02:00
% CSS % % SCSS % < / head > < body onload = " S() " >
< form id = " form_s " name = " Sf " method = " post " > < div class = " toprow " > < div
class = " helpB " > < button type = " button " onclick = " H() " > ? < / button > < / div > < button
type = " button " onclick = " B() " > Back < / button > < button type = " submit " > Save < / button > < hr >
< / div > < h2 > Imma firin ma lazer ( if it has DMX support ) < / h2 > Proxy Universe < input
name = " PU " type = " number " min = " 0 " max = " 63999 " required >
from E1 .31 to DMX ( 0 = disabled ) < br > < i >
This will disable the LED data output to DMX configurable below < / i > < br > < br > < i >
Number of fixtures is taken from LED config page < / i > < br >
2020-05-17 20:09:39 +02:00
Channels per fixture ( 15 max ) : < input type = " number " min = " 1 " max = " 15 " name = " CN "
maxlength = " 2 " onchange = " mMap() " > < br > Start channel : < input type = " number " min = " 1 "
max = " 512 " name = " CS " maxlength = " 2 " > < br > Spacing between start channels : < input
type = " number " min = " 1 " max = " 512 " name = " CG " maxlength = " 2 " onchange = " mMap() " > [ < a
href = " javascript:alert('if set to 10, first fixture will start at 10, \n second will start at 20 etc. \n Regardless of the channel count. \n Makes memorizing channel numbers easier.'); " >
info < / a > ] < br > < div id = " gapwarning " style = " color:orange;display:none " >
WARNING : Channel gap is lower than channels per fixture . < br >
This will cause overlap . < / div > < button type = " button "
onclick = ' location . href = " /dmxmap " ' > DMX Map < / button > < br > DMX fixtures start LED :
2020-08-03 18:37:25 +02:00
< input type = " number " min = " 0 " max = " 1500 " name = " SL " > < h3 > Channel functions < / h3 > < div
2020-05-17 20:09:39 +02:00
id = " dmxchannels " > < / div > < hr > < button type = " button " onclick = " B() " > Back < / button >
< button type = " submit " > Save < / button > < / form > < / body > < / html > ) = = = = = " ;
2020-02-23 22:24:51 +01:00
# else
const char PAGE_settings_dmx [ ] PROGMEM = R " =====()===== " ;
# endif
2020-05-17 20:09:39 +02:00
// Autogenerated from wled00/data/settings_ui.htm, do not edit!!
2020-12-23 21:43:30 +01:00
const char PAGE_settings_ui [ ] PROGMEM = R " =====(<!DOCTYPE html><html><head lang= " en " ><meta charset= " utf - 8 " ><meta
name = " viewport " content = " width=500 " > < title > UI Settings < / title > < script >
2021-10-04 00:41:50 +02:00
var initial_ds , initial_st , initial_su , timeout , d = document , sett = null , l = { comp : { labels : " Show button labels " , colors : { LABEL : " Color selection methods " , picker : " Color Wheel " , rgb : " RGB sliders " , quick : " Quick color selectors " , hex : " HEX color input " } , pcmbot : " Show bottom tab bar in PC mode " , pid : " Show preset IDs " , seglen : " Set segment length instead of stop LED " , css : " Enable custom CSS " , hdays : " Enable custom Holidays list " } , theme : { alpha : { bg : " Background opacity " , tab : " Button opacity " } , bg : { url : " BG image URL " , random : " Random BG image " } , color : { bg : " BG HEX color " } } } ; function gId ( e ) { return d . getElementById ( e ) } function isObject ( e ) { return e & & " object " = = typeof e & & ! Array . isArray ( e ) } function set ( e , t , i ) { for ( var n = t , o = e . split ( " _ " ) , s = o . length , l = 0 ; l < s - 1 ; l + + ) { var a = o [ l ] ; n [ a ] | | ( n [ a ] = { } ) , n = n [ a ] } n [ o [ s - 1 ] ] = i } function showToast ( e , t = ! 1 ) { var i = gId ( " toast " ) ; i . innerHTML = e , i . classList . add ( t ? " error " : " show " ) , clearTimeout ( timeout ) , i . style . animation = " none " , timeout = setTimeout ( ( function ( ) { i . classList . remove ( " show " ) } ) , 2900 ) } function addRec ( e , t = " " , n = null ) { var o = " " ; for ( i in e ) { var s = t + ( t ? " _ " : " " ) + i ; if ( isObject ( e [ i ] ) ) n & & n [ i ] & & n [ i ] . LABEL & & ( o + = ` < h3 > $ { n [ i ] . LABEL } < / h3 > ` ) , o + = addRec ( e [ i ] , s , n ? n [ i ] : null ) ; else { var l = s ; if ( n & & n [ i ] ? l = n [ i ] : e [ i + " LABEL " ] & & ( l = e [ i + " LABEL " ] ) , i . indexOf ( " LABEL " ) > 0 ) continue ; var a = typeof e [ i ] ; gId ( s ) ? ( " boolean " = = = a ? gId ( s ) . checked = e [ i ] : gId ( s ) . value = e [ i ] , gId ( s ) . previousElementSibling . matches ( " .l " ) & & ( gId ( s ) . previousElementSibling . innerHTML = l ) ) : " boolean " = = = a ? o + = ` $ { l } : < input class = " agi cb " type = " checkbox " id = $ { s } $ { e [ i ] ? " checked " : " " } > < br > ` : " number " = = = a ? o + = ` $ { l } : < input class = " agi " type = " number " id = $ { s } value = $ { e [ i ] } > < br > ` : " string " = = = a & & ( o + = ` $ { l } : < br > < input class = " agi " id = $ { s } value = $ { e [ i ] } > < br > ` ) } } return o } function genForm ( e ) { var t ; t = addRec ( e , " " , l ) , gId ( " gen " ) . innerHTML = t } function GetLS ( ) { ( sett = localStorage . getItem ( " wledUiCfg " ) ) | | ( gId ( " lserr " ) . style . display = " inline " ) ; try { sett = JSON . parse ( sett ) } catch ( e ) { sett = { } , gId ( " lserr " ) . style . display = " inline " , gId ( " lserr " ) . innerHTML = " ⚠ Settings JSON parsing failed. ( " + e + " ) " } genForm ( sett ) , gId ( " dm " ) . checked = " light " = = = gId ( " theme_base " ) . value } function SetLS ( ) { for ( var e = d . querySelectorAll ( " .agi " ) , t = 0 ; t < e . length ; t + + ) { var i = e [ t ] , n = i . classList . contains ( " cb " ) ? i . checked : i . value ; set ( i . id , sett , n ) , console . log ( ` $ { i . id } set to $ { n } ` ) } try { localStorage . setItem ( " wledUiCfg " , JSON . stringify ( sett ) ) , gId ( " lssuc " ) . style . display = " inline " } catch ( i ) { gId ( " lssuc " ) . style . display = " none " , gId ( " lserr " ) . style . display = " inline " , gId ( " lserr " ) . innerHTML = " ⚠ Settings JSON saving failed. ( " + i + " ) " } } function cLS ( ) { localStorage . removeItem ( " wledP " ) , localStorage . removeItem ( " wledPmt " ) , localStorage . removeItem ( " wledPalx " ) , showToast ( " Cleared. " ) } function Save ( ) { SetLS ( ) , d . Sf . DS . value = = initial_ds & & d . Sf . ST . checked = = initial_st & & d . Sf . SU . checked = = initial_su | | d . Sf . submit ( ) } function S ( ) { GetV ( ) , initial_ds = d . Sf . DS . value , initial_st = d . Sf . ST . checked , initial_su = d . Sf . SU . checked , GetLS ( ) } function H ( ) { window . open ( " https://github.com/Aircoookie/WLED/wiki/Settings#user-interface-settings " ) } function B ( ) { window . open ( " /settings " , " _self " ) } function UI ( ) { gId ( " idonthateyou " ) . style . display = gId ( " dm " ) . checked ? " inline " : " none " ; var e = gId ( " theme_base " ) ; e & & ( e . value = gId ( " dm " ) . checked ? " light " : " dark " ) } function setRandomBg ( ) { gId ( " theme_bg_random " ) . checked ? gId ( " theme_bg_url " ) . value = " https://picsum.photos/1920/1080 " : gId ( " theme_bg_url " ) . value = " " } function checkRandomBg ( ) { " https://picsum.photos/1920/1080 " = = = gId ( " theme_bg_url " ) . value ? gId ( " theme_bg_random " ) . checked = ! 0 : gId ( " theme_bg_random " ) . checked = ! 1 } function uploadFile ( e , t ) { var i = new XMLHttpRequest ; i . addEventListener ( " load " , ( function ( ) { showToast ( this . responseText , this . status > = 400 ) } ) ) , i . addEventListener ( " error " , ( function ( e ) { showToast ( e . stack , ! 0 ) } ) ) , i . open ( " POST " , " /upload " ) ; var n = new FormData ; return n . append ( " data " , e . files [ 0 ] , t ) , i . send ( n ) , e . value = " " , ! 1 } function GetV ( ) { var d = document ;
2020-10-29 10:14:21 +01:00
% CSS % % SCSS % < / head > < body onload = " S() " > < form
2021-08-19 21:57:04 +02:00
id = " form_s " name = " Sf " method = " post " > < div class = " toprow " > < div class = " helpB " >
< button type = " button " onclick = " H() " > ? < / button > < / div > < button type = " button "
onclick = " B() " > Back < / button > < button type = " button " onclick = " Save() " > Save < / button >
< br > < span id = " lssuc " style = " color:green;display:none " >
& # 10004 ; Local UI settings saved ! < / span > < span id = " lserr "
style = " color:red;display:none " >
2020-08-30 23:31:58 +02:00
& # 9888 ; Could not access local storage . Make sure it is enabled in your browser .
< / span > < hr > < / div > < h2 > Web Setup < / h2 > Server description : < input name = " DS "
maxlength = " 32 " > < br > Sync button toggles both send and receive : < input
2021-08-10 17:11:17 +02:00
type = " checkbox " name = " ST " > < br > Enable simplified UI : < input type = " checkbox "
name = " SU " > < br > < i >
2020-08-30 23:31:58 +02:00
The following UI customization settings are unique both to the WLED device and this browser .
< br >
You will need to set them again if using a different browser , device or WLED IP address .
< br > Refresh the main UI to apply changes . < / i > < br > < div id = " gen " >
Loading settings . . . < / div > < h3 > UI Appearance < / h3 > < span class = " l " > < / span > : < input
type = " checkbox " id = " comp_labels " class = " agi cb " > < br > < span class = " l " > < / span > :
2020-12-14 23:32:57 +01:00
< input type = " checkbox " id = " comp_pcmbot " class = " agi cb " > < br > < span class = " l " >
2021-04-01 17:12:45 +02:00
< / span > : < input type = " checkbox " id = " comp_pid " class = " agi cb " > < br > < span
class = " l " > < / span > : < input type = " checkbox " id = " comp_seglen " class = " agi cb " > < br >
2020-12-14 23:32:57 +01:00
I hate dark mode : < input type = " checkbox " id = " dm " onchange = " UI() " > < br > < span
id = " idonthateyou " style = " display:none " > < i > Why would you ? < / i > & # x1F97A ; < br >
< / span > < span class = " l " > < / span > : < input type = " number " min = " 0.0 " max = " 1.0 "
step = " 0.01 " id = " theme_alpha_tab " class = " agi " > < br > < span class = " l " > < / span > : < input
type = " number " min = " 0.0 " max = " 1.0 " step = " 0.01 " id = " theme_alpha_bg " class = " agi " >
2020-08-30 23:31:58 +02:00
< br > < span class = " l " > < / span > : < input id = " theme_color_bg " maxlength = " 9 "
class = " agi " > < br > < span class = " l " > BG image URL < / span > : < input id = " theme_bg_url "
2020-12-21 21:12:07 +01:00
class = " agi " oninput = " checkRandomBg() " > < br > < span class = " l " > Random BG image < / span >
: < input type = " checkbox " id = " theme_bg_random " class = " agi cb "
onchange = " setRandomBg() " > < br > < input id = " theme_base " class = " agi "
2021-08-18 13:41:54 +02:00
style = " display:none " > < span class = " l " > < / span > : < input type = " checkbox "
id = " comp_css " class = " agi cb " > < br > < div id = " skin " > Custom CSS : < input type = " file "
2021-06-06 20:36:19 +02:00
name = " data " accept = " .css " > < input type = " button " value = " Upload "
2021-08-18 13:41:54 +02:00
onclick = ' uploadFile ( d . Sf . data , " /skin.css " ) ' > < br > < / div > < span class = " l " > < / span > :
< input type = " checkbox " id = " comp_hdays " class = " agi cb " > < br > < div id = " holidays " >
2021-07-14 23:10:19 +02:00
Holidays : < input type = " file " name = " data2 " accept = " .json " > < input type = " button "
value = " Upload " onclick = ' uploadFile ( d . Sf . data2 , " /holidays.json " ) ' > < br > < / div > < div
2021-08-20 19:38:24 +02:00
id = " toast " > < / div > < hr > < button type = " button " onclick = " cLS() " > Clear local storage
< / button > < hr > < button type = " button " onclick = " B() " > Back < / button > < button
2021-07-14 23:10:19 +02:00
type = " button " onclick = " Save() " > Save < / button > < / form > < / body > < / html > ) = = = = = " ;
2018-09-17 11:15:08 +02:00
2020-02-23 22:24:51 +01:00
2020-05-17 20:09:39 +02:00
// Autogenerated from wled00/data/settings_sync.htm, do not edit!!
2020-12-23 21:43:30 +01:00
const char PAGE_settings_sync [ ] PROGMEM = R " =====(<!DOCTYPE html><html lang= " en " ><head><meta name= " viewport " content= " width = 500 " >
< meta charset = " utf-8 " > < title > Sync Settings < / title > < script >
2021-08-25 00:36:31 +02:00
var d = document ; function gId ( e ) { return d . getElementById ( e ) } function H ( ) { window . open ( " https://github.com/Aircoookie/WLED/wiki/Settings#sync-settings " ) } function B ( ) { window . open ( " /settings " , " _self " ) } function adj ( ) { 6454 = = d . Sf . DI . value ? ( 1 = = d . Sf . DA . value & & ( d . Sf . DA . value = 0 ) , 1 = = d . Sf . EU . value & & ( d . Sf . EU . value = 0 ) ) : 5568 = = d . Sf . DI . value & & ( 0 = = d . Sf . DA . value & & ( d . Sf . DA . value = 1 ) , 0 = = d . Sf . EU . value & & ( d . Sf . EU . value = 1 ) ) } function FC ( ) { for ( j = 0 ; j < 8 ; j + + ) gId ( " G " + ( j + 1 ) ) . checked = gId ( " GS " ) . value > > j & 1 , gId ( " R " + ( j + 1 ) ) . checked = gId ( " GR " ) . value > > j & 1 } function GC ( ) { var e = 0 , d = 0 , n = 1 ; for ( j = 0 ; j < 8 ; j + + ) e + = gId ( " G " + ( j + 1 ) ) . checked * n , d + = gId ( " R " + ( j + 1 ) ) . checked * n , n * = 2 ; gId ( " GS " ) . value = e , gId ( " GR " ) . value = d } function SP ( ) { var e = d . Sf . DI . value ; gId ( " xp " ) . style . display = e > 0 ? " none " : " block " , e > 0 & & ( d . Sf . EP . value = e ) } function SetVal ( ) { switch ( parseInt ( d . Sf . EP . value ) ) { case 5568 : d . Sf . DI . value = 5568 ; break ; case 6454 : d . Sf . DI . value = 6454 ; break ; case 4048 : d . Sf . DI . value = 4048 } SP ( ) , FC ( ) } function S ( ) { GetV ( ) , SetVal ( ) } function GetV ( ) {
2021-08-19 21:57:04 +02:00
% CSS % % SCSS % < / head > < body onload = " S() " >
2021-08-25 06:26:50 +02:00
< form id = " form_s " name = " Sf " method = " post " onsubmit = " GC() " > < div class = " toprow " >
< div class = " helpB " > < button type = " button " onclick = " H() " > ? < / button > < / div > < button
2021-08-19 21:57:04 +02:00
type = " button " onclick = " B() " > Back < / button > < button type = " submit " > Save < / button > < hr >
< / div > < h2 > Sync setup < / h2 > < h3 > WLED Broadcast < / h3 > UDP Port : < input name = " UP "
type = " number " min = " 1 " max = " 65535 " class = " d5 " required > < br > 2 nd Port : < input
2021-08-25 06:26:50 +02:00
name = " U2 " type = " number " min = " 1 " max = " 65535 " class = " d5 " required > < br > < br > < input
name = " GS " id = " GS " type = " number " style = " display:none " > < input name = " GR " id = " GR "
type = " number " style = " display:none " > < table style = " margin:0 auto " > < tr > < td >
Sync groups < / td > < td > 1 < / td > < td > 2 < / td > < td > 3 < / td > < td > 4 < / td > < td > 5 < / td > < td > 6 < / td > < td >
7 < / td > < td > 8 < / td > < / tr > < tr > < td > Send : < / td > < td > < input type = " checkbox " id = " G1 "
name = " G1 " > < / td > < td > < input type = " checkbox " id = " G2 " name = " G2 " > < / td > < td > < input
type = " checkbox " id = " G3 " name = " G3 " > < / td > < td > < input type = " checkbox " id = " G4 "
name = " G4 " > < / td > < td > < input type = " checkbox " id = " G5 " name = " G5 " > < / td > < td > < input
type = " checkbox " id = " G6 " name = " G6 " > < / td > < td > < input type = " checkbox " id = " G7 "
name = " G7 " > < / td > < td > < input type = " checkbox " id = " G8 " name = " G8 " > < / td > < / tr > < tr > < td >
Receive : < / td > < td > < input type = " checkbox " id = " R1 " name = " R1 " > < / td > < td > < input
type = " checkbox " id = " R2 " name = " R2 " > < / td > < td > < input type = " checkbox " id = " R3 "
name = " R3 " > < / td > < td > < input type = " checkbox " id = " R4 " name = " R4 " > < / td > < td > < input
type = " checkbox " id = " R5 " name = " R5 " > < / td > < td > < input type = " checkbox " id = " R6 "
name = " R6 " > < / td > < td > < input type = " checkbox " id = " R7 " name = " R7 " > < / td > < td > < input
type = " checkbox " id = " R8 " name = " R8 " > < / td > < / tr > < / table > < br > Receive : < input
type = " checkbox " name = " RB " > Brightness , < input type = " checkbox " name = " RC " >
Color , and < input type = " checkbox " name = " RX " > Effects < br >
Send notifications on direct change : < input type = " checkbox " name = " SD " > < br >
2021-08-19 21:57:04 +02:00
Send notifications on button press or IR : < input type = " checkbox " name = " SB " > < br >
Send Alexa notifications : < input type = " checkbox " name = " SA " > < br >
2020-09-27 11:43:28 +02:00
Send Philips Hue change notifications : < input type = " checkbox " name = " SH " > < br >
Send Macro notifications : < input type = " checkbox " name = " SM " > < br >
Send notifications twice : < input type = " checkbox " name = " S2 " > < br > < i >
2021-03-13 22:04:37 +01:00
Reboot required to apply changes . < / i > < h3 > Instance List < / h3 >
Enable instance list : < input type = " checkbox " name = " NL " > < br >
2021-08-19 18:24:41 +02:00
Make this instance discoverable : < input type = " checkbox " name = " NB " > < h3 > Realtime
< / h3 > Receive UDP realtime : < input type = " checkbox " name = " RD " > < br > < br > < i >
2021-03-13 22:04:37 +01:00
Network DMX input < / i > < br > Type : < select name = " DI " onchange = " SP(),adj() " > < option
value = " 5568 " > E1 .31 ( sACN ) < / option > < option value = " 6454 " > Art - Net < / option > < option
2021-10-01 21:56:54 +02:00
value = " 0 " selected = " selected " > Custom port < / option > < / select > < br > < div id = " xp " >
Port : < input name = " EP " type = " number " min = " 1 " max = " 65535 " value = " 5568 "
class = " d5 " required > < br > < / div > Multicast : < input type = " checkbox " name = " EM " > < br >
Start universe : < input name = " EU " type = " number " min = " 0 " max = " 63999 " required > < br >
< i > Reboot required . < / i > Check out < a href = " https://github.com/LedFx/LedFx "
target = " _blank " > LedFx < / a > ! < br > Skip out - of - sequence packets : < input
type = " checkbox " name = " ES " > < br > DMX start address : < input name = " DA " type = " number "
min = " 0 " max = " 510 " required > < br > DMX mode : < select name = " DM " > < option value = " 0 " >
Disabled < / option > < option value = " 1 " > Single RGB < / option > < option value = " 2 " >
Single DRGB < / option > < option value = " 3 " > Effect < / option > < option value = " 4 " > Multi RGB
< / option > < option value = " 5 " > Dimmer + Multi RGB < / option > < option value = " 6 " >
Multi RGBW < / option > < / select > < br > < a
2020-05-17 20:09:39 +02:00
href = " https://github.com/Aircoookie/WLED/wiki/E1.31-DMX " target = " _blank " >
E1 .31 info < / a > < br > Timeout : < input name = " ET " type = " number " min = " 1 " max = " 65000 "
required > ms < br > Force max brightness : < input type = " checkbox " name = " FB " > < br >
Disable realtime gamma correction : < input type = " checkbox " name = " RG " > < br >
Realtime LED offset : < input name = " WO " type = " number " min = " -255 " max = " 255 "
2021-09-05 00:39:47 +02:00
required > < h3 > Alexa Voice Assistant < / h3 > Emulate Alexa device : < input
type = " checkbox " name = " AL " > < br > Alexa invocation name : < input name = " AI "
2021-08-29 20:49:06 +02:00
maxlength = " 32 " > < h3 > Blynk < / h3 > < b >
2020-05-17 20:09:39 +02:00
Blynk , MQTT and Hue sync all connect to external hosts ! < br >
2019-02-19 12:57:50 +01:00
This may impact the responsiveness of the ESP8266 . < / b > < br >
2018-12-06 00:27:36 +01:00
For best results , only use one of these services at a time . < br >
2020-12-22 00:44:16 +01:00
( alternatively , connect a second ESP to them and use the UDP sync ) < br > < br > Host :
< input name = " BH " maxlength = " 32 " > Port : < input name = " BP " type = " number " min = " 1 "
max = " 65535 " value = " 80 " class = " d5 " > < br > Device Auth token : < input name = " BK "
maxlength = " 33 " > < br > < i > Clear the token field to disable . < / i > < a
2020-05-17 20:09:39 +02:00
href = " https://github.com/Aircoookie/WLED/wiki/Blynk " target = " _blank " > Setup info
< / a > < h3 > MQTT < / h3 > Enable MQTT : < input type = " checkbox " name = " MQ " > < br > Broker :
< input name = " MS " maxlength = " 32 " > Port : < input name = " MQPORT " type = " number "
min = " 1 " max = " 65535 " class = " d5 " > < br > < b >
The MQTT credentials are sent over an unsecured connection . < br >
Never use the MQTT password for another service ! < / b > < br > Username : < input
2020-12-23 21:58:38 +01:00
name = " MQUSER " maxlength = " 40 " > < br > Password : < input type = " password " name = " MQPASS "
2021-06-30 01:23:35 +02:00
maxlength = " 64 " > < br > Client ID : < input name = " MQCID " maxlength = " 40 " > < br >
2020-12-23 21:58:38 +01:00
Device Topic : < input name = " MD " maxlength = " 32 " > < br > Group Topic : < input name = " MG "
2021-07-01 20:51:52 +02:00
maxlength = " 32 " > < br > Publish on button press : < input type = " checkbox " name = " BM " >
< br > < i > Reboot required to apply changes . < / i > < a
2020-05-17 20:09:39 +02:00
href = " https://github.com/Aircoookie/WLED/wiki/MQTT " target = " _blank " > MQTT info
< / a > < h3 > Philips Hue < / h3 > < i >
You can find the bridge IP and the light number in the ' About ' section of the hue app .
< / i > < br > Poll Hue light < input name = " HL " type = " number " min = " 1 " max = " 99 " > every
< input name = " HI " type = " number " min = " 100 " max = " 65000 " > ms : < input
type = " checkbox " name = " HP " > < br > Then , receive < input type = " checkbox " name = " HO " >
On / Off , < input type = " checkbox " name = " HB " > Brightness , and < input
type = " checkbox " name = " HC " > Color < br > Hue Bridge IP : < br > < input name = " H0 "
type = " number " min = " 0 " max = " 255 " > . < input name = " H1 " type = " number " min = " 0 "
max = " 255 " > . < input name = " H2 " type = " number " min = " 0 " max = " 255 " > . < input
name = " H3 " type = " number " min = " 0 " max = " 255 " > < br > < b >
Press the pushlink button on the bridge , after that save this page ! < / b > < br >
2020-05-17 21:39:57 +02:00
( when first connecting ) < br > Hue status : < span class = " sip " > Disabled in this build
2020-05-17 20:09:39 +02:00
< / span > < hr > < button type = " button " onclick = " B() " > Back < / button > < button
type = " submit " > Save < / button > < / form > < / body > < / html > ) = = = = = " ;
2018-02-20 22:29:48 +01:00
2018-09-17 11:15:08 +02:00
2020-05-17 20:09:39 +02:00
// Autogenerated from wled00/data/settings_time.htm, do not edit!!
2020-12-23 21:43:30 +01:00
const char PAGE_settings_time [ ] PROGMEM = R " =====(<!DOCTYPE html><html lang= " en " ><head><meta name= " viewport " content= " width = 500 " >
< meta charset = " utf-8 " > < title > Time Settings < / title > < script >
2021-10-11 17:55:26 +02:00
var d = document ; function H ( ) { window . open ( " https://github.com/Aircoookie/WLED/wiki/Settings#time-settings " ) } function B ( ) { window . open ( " /settings " , " _self " ) } function S ( ) { BTa ( ) , GetV ( ) , Cs ( ) , FC ( ) } function gId ( t ) { return d . getElementById ( t ) } function Cs ( ) { gId ( " cac " ) . style . display = " none " , gId ( " coc " ) . style . display = " block " , gId ( " ccc " ) . style . display = " none " , gId ( " ca " ) . selected & & ( gId ( " cac " ) . style . display = " block " ) , gId ( " cc " ) . selected & & ( gId ( " coc " ) . style . display = " none " , gId ( " ccc " ) . style . display = " block " ) , gId ( " cn " ) . selected & & ( gId ( " coc " ) . style . display = " none " ) } function BTa ( ) { var t = " <tr><th>En.</th><th>Hour</th><th>Minute</th><th>Preset</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th><th>S</th></tr> " ; for ( i = 0 ; i < 8 ; i + + ) { for ( t + = ' < tr > < td > < input name = " W'+i+' " id = " W'+i+' " type = " hidden " > < input id = " W'+i+'0 " type = " checkbox " > < / td > < td > < input name = " H'+i+' " class = " xs " type = " number " min = " 0 " max = " 24 " > < / td > < td > < input name = " N'+i+' " class = " xs " type = " number " min = " 0 " max = " 59 " > < / td > < td > < input name = " T'+i+' " class = " s " type = " number " min = " 0 " max = " 250 " > < / td > ' , j = 1 ; j < 8 ; j + + ) t + = ' < td > < input id = " W'+i+j+' " type = " checkbox " > < / td > ' ; t + = " </tr> " } for ( t + = ' < tr > < td > < input name = " W8 " id = " W8 " type = " hidden " > < input id = " W80 " type = " checkbox " > < / td > < td > Sunrise < input name = " H8 " value = " 255 " type = " hidden " > < / td > < td > < input name = " N8 " class = " xs " type = " number " min = " -59 " max = " 59 " > < / td > < td > < input name = " T8 " class = " s " type = " number " min = " 0 " max = " 250 " > < / td > ' , j = 1 ; j < 8 ; j + + ) t + = ' < td > < input id = " W8'+j+' " type = " checkbox " > < / td > ' ; for ( t + = ' < / tr > < tr > < td > < input name = " W9 " id = " W9 " type = " hidden " > < input id = " W90 " type = " checkbox " > < / td > < td > Sunset < input name = " H9 " value = " 255 " type = " hidden " > < / td > < td > < input name = " N9 " class = " xs " type = " number " min = " -59 " max = " 59 " > < / td > < td > < input name = " T9 " class = " s " type = " number " min = " 0 " max = " 250 " > < / td > ' , j = 1 ; j < 8 ; j + + ) t + = ' < td > < input id = " W9'+j+' " type = " checkbox " > < / td > ' ; t + = " </tr> " , gId ( " TMT " ) . innerHTML = t } function FC ( ) { for ( j = 0 ; j < 8 ; j + + ) for ( i = 0 ; i < 10 ; i + + ) gId ( " W " + i + j ) . checked = gId ( " W " + i ) . value > > j & 1 } function Wd ( ) { for ( a = [ 0 , 0 , 0 , 0 , 0 , 0 , 0 , 0 , 0 , 0 ] , i = 0 ; i < 10 ; i + + ) { for ( m = 1 , j = 0 ; j < 8 ; j + + ) a [ i ] + = gId ( " W " + i + j ) . checked * m , m * = 2 ; gId ( " W " + i ) . value = a [ i ] } } function addRow ( t , e , n , i ) { var d = gId ( " macros " ) , c = d . rows . length , a = d . insertRow ( c ) ; document . createElement ( " td " ) ; a . insertCell ( 0 ) . innerHTML = ` Button $ { t } : ` , a . insertCell ( 1 ) . innerHTML = ` < input name = " MP${t} " type = " number " class = " m " min = " 0 " max = " 250 " value = " ${e} " required > ` , a . insertCell ( 2 ) . innerHTML = ` < input name = " ML${t} " type = " number " class = " m " min = " 0 " max = " 250 " value = " ${n} " required > ` , a . insertCell ( 3 ) . innerHTML = ` < input name = " MD${t} " type = " number " class = " m " min = " 0 " max = " 250 " value = " ${i} " required > ` } function GetV ( ) {
2021-08-19 21:57:04 +02:00
% CSS % % SCSS % < / head > < body onload = " S() " >
< form id = " form_s " name = " Sf " method = " post " onsubmit = " Wd() " > < div class = " toprow " >
< div class = " helpB " > < button type = " button " onclick = " H() " > ? < / button > < / div > < button
type = " button " onclick = " B() " > Back < / button > < button type = " submit " > Save < / button > < hr >
< / div > < h2 > Time setup < / h2 > Get time from NTP server : < input type = " checkbox "
name = " NT " > < br > < input name = " NS " maxlength = " 32 " > < br > Use 24 h format : < input
type = " checkbox " name = " CF " > < br > Time zone : < select name = " TZ " > < option value = " 0 "
selected = " selected " > GMT ( UTC ) < / option > < option value = " 1 " > GMT / BST < / option > < option
value = " 2 " > CET / CEST < / option > < option value = " 3 " > EET / EEST < / option > < option value = " 4 " >
US - EST / EDT < / option > < option value = " 5 " > US - CST / CDT < / option > < option value = " 6 " >
US - MST / MDT < / option > < option value = " 7 " > US - AZ < / option > < option value = " 8 " > US - PST / PDT
< / option > < option value = " 9 " > CST ( AWST ) < / option > < option value = " 10 " > JST ( KST )
< / option > < option value = " 11 " > AEST / AEDT < / option > < option value = " 12 " > NZST / NZDT
< / option > < option value = " 13 " > North Korea < / option > < option value = " 14 " > IST ( India )
< / option > < option value = " 15 " > CA - Saskatchewan < / option > < option value = " 16 " > ACST
< / option > < option value = " 17 " > ACST / ACDT < / option > < option value = " 18 " > HST ( Hawaii )
2021-10-11 10:56:25 +02:00
< / option > < option value = " 19 " > NOVT ( Novosibirsk ) < / option > < option value = " 20 " >
2021-11-04 10:04:21 +01:00
AKST / AKDT ( Anchorage ) < / option > < option value = " 21 " > MX - CST / CDT < / option > < / select >
< br > UTC offset : < input name = " UO " type = " number " min = " -65500 " max = " 65500 "
required > seconds ( max . 18 hours ) < br > Current local time is < span class = " times " >
unknown < / span > . < br > Latitude ( N ) : < input name = " LT " type = " number " class = " xl "
2021-10-11 05:09:48 +02:00
min = " -66.6 " max = " 66.6 " step = " 0.01 " > Longitude ( E ) : < input name = " LN "
2021-11-04 10:04:21 +01:00
type = " number " class = " xl " min = " -180 " max = " 180 " step = " 0.01 " > < div id = " sun "
class = " times " > < / div > < h3 > Clock < / h3 > Clock Overlay : < select name = " OL "
onchange = " Cs() " > < option value = " 0 " id = " cn " selected = " selected " > None < / option >
< option value = " 1 " id = " ca " > Analog Clock < / option > < option value = " 2 " >
2021-10-11 10:56:25 +02:00
Single Digit Clock < / option > < option value = " 3 " id = " cc " > Cronixie Clock < / option >
< / select > < br > < div id = " coc " > First LED : < input name = " O1 " type = " number " min = " 0 "
max = " 255 " required > Last LED : < input name = " O2 " type = " number " min = " 0 " max = " 255 "
required > < br > < div id = " cac " > 12 h LED : < input name = " OM " type = " number " min = " 0 "
max = " 255 " required > < br > Show 5 min marks : < input type = " checkbox " name = " O5 " > < br >
< / div > Seconds ( as trail ) : < input type = " checkbox " name = " OS " > < br > < / div > < div
id = " ccc " > Cronixie Display : < input name = " CX " maxlength = " 6 " > < br >
Cronixie Backlight : < input type = " checkbox " name = " CB " > < br > < / div > Countdown Mode :
< input type = " checkbox " name = " CE " > < br > Countdown Goal : < br > Year : 20 < input
2021-10-11 17:55:26 +02:00
name = " CY " class = " xs " type = " number " min = " 0 " max = " 99 " required > Month : < input
name = " CI " class = " xs " type = " number " min = " 1 " max = " 12 " required > Day : < input
name = " CD " class = " xs " type = " number " min = " 1 " max = " 31 " required > < br > Hour : < input
name = " CH " class = " xs " type = " number " min = " 0 " max = " 23 " required > Minute : < input
name = " CM " class = " xs " type = " number " min = " 0 " max = " 59 " required > Second : < input
name = " CS " class = " xs " type = " number " min = " 0 " max = " 59 " required > < br > < h3 >
2021-10-11 10:56:25 +02:00
Macro presets < / h3 > < b > Macros have moved ! < / b > < br > < i >
2020-11-08 23:44:10 +01:00
Presets now also can be used as macros to save both JSON and HTTP API commands .
< br > Just enter the preset id below ! < / i > < i >
Use 0 for the default action instead of a preset < / i > < br > Alexa On / Off Preset :
2021-10-11 17:55:26 +02:00
< input name = " A0 " class = " m " type = " number " min = " 0 " max = " 250 " required > < input
name = " A1 " class = " m " type = " number " min = " 0 " max = " 250 " required > < br >
Countdown - Over Preset : < input name = " MC " class = " m " type = " number " min = " 0 "
max = " 250 " required > < br > Timed - Light - Over Presets : < input name = " MN " class = " m "
type = " number " min = " 0 " max = " 250 " required > < br > < h3 > Button actions < / h3 > < table
style = " margin:0 auto " id = " macros " > < thead > < tr > < td > push < br > switch < / td > < td > short
< br > on - & gt ; off < / td > < td > long < br > off - & gt ; on < / td > < td > double < br > N / A < / td > < / tr >
< / thead > < tbody > < / tbody > < / table > < a
2021-05-30 12:11:34 +02:00
href = " https://github.com/Aircoookie/WLED/wiki/Macros#analog-button "
2021-05-30 01:31:04 +02:00
target = " _blank " > Analog Button setup < / a > < h3 > Time - controlled presets < / h3 > < div
2021-05-28 08:47:15 +02:00
style = " display:inline-block " > < table id = " TMT " > < / table > < / div > < hr > < button
2021-05-27 17:57:04 +02:00
type = " button " onclick = " B() " > Back < / button > < button type = " submit " > Save < / button >
< / form > < / body > < / html > ) = = = = = " ;
2018-02-20 22:29:48 +01:00
2018-09-17 11:15:08 +02:00
2020-05-17 20:09:39 +02:00
// Autogenerated from wled00/data/settings_sec.htm, do not edit!!
2020-12-23 21:43:30 +01:00
const char PAGE_settings_sec [ ] PROGMEM = R " =====(<!DOCTYPE html><html lang= " en " ><head><meta name= " viewport " content= " width = 500 " >
< meta charset = " utf-8 " > < title > Misc Settings < / title > < script >
2021-10-04 00:41:50 +02:00
var timeout , d = document ; function H ( ) { window . open ( " https://github.com/Aircoookie/WLED/wiki/Settings#security-settings " ) } function B ( ) { window . open ( " /settings " , " _self " ) } function U ( ) { window . open ( " /update " , " _self " ) } function gId ( t ) { return d . getElementById ( t ) } function isObject ( t ) { return t & & " object " = = typeof t & & ! Array . isArray ( t ) } function showToast ( t , e = ! 1 ) { var n = gId ( " toast " ) ; n . innerHTML = t , n . classList . add ( e ? " error " : " show " ) , clearTimeout ( timeout ) , n . style . animation = " none " , timeout = setTimeout ( ( function ( ) { n . classList . remove ( " show " ) } ) , 2900 ) } function uploadFile ( t , e ) { var n = new XMLHttpRequest ; n . addEventListener ( " load " , ( function ( ) { showToast ( this . responseText , this . status > = 400 ) } ) ) , n . addEventListener ( " error " , ( function ( t ) { showToast ( t . stack , ! 0 ) } ) ) , n . open ( " POST " , " /upload " ) ; var o = new FormData ; return o . append ( " data " , t . files [ 0 ] , e ) , n . send ( o ) , t . value = " " , ! 1 } function GetV ( ) { var d = document ;
2021-08-20 19:38:24 +02:00
% CSS % % SCSS % < / head > < body onload = " GetV() " >
< form id = " form_s " name = " Sf " method = " post " > < div class = " toprow " > < div
class = " helpB " > < button type = " button " onclick = " H() " > ? < / button > < / div > < button
type = " button " onclick = " B() " > Back < / button > < button type = " submit " > Save & Reboot
< / button > < hr > < / div > < h2 > Security & Update setup < / h2 >
Lock wireless ( OTA ) software update : < input type = " checkbox " name = " NO " > < br >
Passphrase : < input type = " password " name = " OP " maxlength = " 32 " > < br >
2020-05-17 20:09:39 +02:00
To enable OTA , for security reasons you need to also enter the correct password !
< br > The password should be changed when OTA is enabled . < br > < b >
Disable OTA when not in use , otherwise an attacker can reflash device software !
< / b > < br > < i > Settings on this page are only changable if OTA lock is disabled ! < / i >
< br > Deny access to WiFi settings if locked : < input type = " checkbox " name = " OW " >
< br > < br > Factory reset : < input type = " checkbox " name = " RS " > < br >
2021-04-15 10:55:22 +02:00
All settings and presets will be erased . < br > < br >
2018-03-14 19:05:51 +01:00
HTTP traffic is unencrypted . An attacker in the same network can intercept form data !
2021-08-19 21:57:04 +02:00
< hr > < h3 > Software Update < / h3 > < button type = " button " onclick = " U() " >
Manual OTA Update < / button > < br > Enable ArduinoOTA : < input type = " checkbox "
name = " AO " > < br > < h3 > Backup & Restore < / h3 > < a class = " btn lnk "
href = " /presets.json?download " target = " download-frame " > Backup presets < / a > < br >
< div > Restore presets < br > < input type = " file " name = " data " accept = " .json " > < input
type = " button " value = " Upload " onclick = ' uploadFile ( d . Sf . data , " /presets.json " ) ' >
< br > < / div > < br > < a class = " btn lnk " href = " /cfg.json?download "
target = " download-frame " > Backup configuration < / a > < br > < div > Restore configuration
< br > < input type = " file " name = " data2 " accept = " .json " > < input type = " button "
value = " Upload " onclick = ' uploadFile ( d . Sf . data2 , " /cfg.json " ) ' > < br > < / div > < div
style = " color:#fa0 " >
2021-07-25 22:44:26 +02:00
& # 9888 ; Restoring presets / configuration will OVERWRITE your current presets / configuration .
2021-07-26 00:10:36 +02:00
< br >
Incorrect configuration may require a factory reset or re - flashing of your ESP .
< / div > For security reasons , passwords are not backed up . < h3 > About < / h3 > < a
2021-07-25 22:44:26 +02:00
href = " https://github.com/Aircoookie/WLED/ " target = " _blank " > WLED < / a >
2021-09-23 21:44:24 +02:00
version 0.13 .1 - bl4 < br > < br > < a
2021-01-08 16:49:56 +01:00
href = " https://github.com/Aircoookie/WLED/wiki/Contributors-and-credits "
2020-05-17 20:09:39 +02:00
target = " _blank " > Contributors , dependencies and special thanks < / a > < br >
2018-11-23 00:03:44 +01:00
A huge thank you to everyone who helped me create WLED ! < br > < br >
2021-01-08 16:49:56 +01:00
( c ) 2016 - 2021 Christian Schwinne < br > < i > Licensed under the < a
2020-11-15 12:41:51 +01:00
href = " https://github.com/Aircoookie/WLED/blob/master/LICENSE " target = " _blank " >
MIT license < / a > < / i > < br > < br > Server message : < span class = " sip " > Response error !
2021-07-14 23:10:19 +02:00
< / span > < hr > < div id = " toast " > < / div > < button type = " button " onclick = " B() " > Back
2021-07-15 09:24:10 +02:00
< / button > < button type = " submit " > Save & Reboot < / button > < / form > < iframe
name = " download-frame " style = " display:none " > < / iframe > < / body > < / html > ) = = = = = " ;
2020-05-17 20:09:39 +02:00
2021-04-10 00:17:15 +02:00
// Autogenerated from wled00/data/settings_um.htm, do not edit!!
const char PAGE_settings_um [ ] PROGMEM = R " =====(<!DOCTYPE html><html><head lang= " en " ><meta charset= " utf - 8 " ><meta
2021-05-11 23:21:57 +02:00
name = " viewport " content = " width=500 " > < title > Usermod Settings < / title > < script >
2021-07-06 22:08:04 +02:00
var owner , locip , urows , d = document , umCfg = { } , pins = [ 6 , 7 , 8 , 9 , 10 , 11 ] , pinO = [ " rsvd " , " rsvd " , " rsvd " , " rsvd " , " rsvd " , " rsvd " ] , loc = ! 1 , numM = 0 ; function gId ( e ) { return d . getElementById ( e ) } function isO ( e ) { return e & & " object " = = typeof e & & ! Array . isArray ( e ) } function H ( ) { window . open ( " https://github.com/Aircoookie/WLED/wiki/Settings#usermod-settings " ) } function B ( ) { window . open ( " /settings " , " _self " ) } function S ( ) { " file: " = = window . location . protocol & & ( loc = ! 0 , ( locip = localStorage . getItem ( " locIp " ) ) | | ( locip = prompt ( " File Mode. Please enter WLED IP! " ) , localStorage . setItem ( " locIp " , locip ) ) ) , GetV ( ) , numM > 0 | | locip ? ldS ( ) : gId ( " um " ) . innerHTML = " No Usermods installed. " } function isF ( e ) { return e = = = + e & & e ! = = ( 0 | e ) } function isI ( e ) { return e = = = + e & & e = = = ( 0 | e ) } function check ( e , n ) { var i = e . name . replace ( " [] " , " " ) . substr ( - 3 ) ; if ( " number " = = e . type & & " pin " = = i . substr ( 0 , 3 ) ) for ( var s = 0 ; s < pins . length ; s + + ) if ( n ! = pinO [ s ] ) { if ( e . value = = pins [ s ] | | e . value < - 1 | | e . value > 39 ) { e . style . color = " red " ; break } e . style . color = e . value > 33 ? " orange " : " #fff " } } function getPins ( e ) { if ( isO ( e ) ) for ( const [ i , s ] of Object . entries ( e ) ) if ( isO ( s ) ) owner = i , getPins ( s ) ; else if ( " pin " = = i . replace ( " [] " , " " ) . substr ( - 3 ) ) if ( Array . isArray ( s ) ) for ( var n = 0 ; n < s . length ; n + + ) s [ n ] > = 0 & & ( pins . push ( s [ n ] ) , pinO . push ( owner ) ) ; else s > = 0 & & ( pins . push ( s ) , pinO . push ( owner ) ) ; else if ( Array . isArray ( s ) ) for ( n = 0 ; n < s . length ; n + + ) getPins ( s [ n ] ) } function addField ( e , n , i , s = ! 1 ) { if ( isO ( i ) ) for ( const [ s , t ] of Object . entries ( i ) ) " unknown " = = = n | | e . includes ( " : " ) ? addField ( e , s , t ) : addField ( e + " : " + n , s , t ) ; else if ( Array . isArray ( i ) ) for ( var t = 0 ; t < i . length ; t + + ) addField ( e , n , i [ t ] , ! 0 ) ; else { var o , r = typeof i ; switch ( r ) { case " boolean " : r = " checkbox " , o = ' value = " true " ' + ( i ? " checked " : " " ) ; break ; case " number " : o = ` value = " ${i} " ` , " pin " = = = n . substr ( - 3 ) ? ( o + = ' max = " 39 " min = " -1 " class = " s " ' , r = " int " ) : o + = ' step = " any " class = " xxl " ' ; break ; default : r = " text " , o = ` value = " ${i} " style = " width:250px; " ` } e . includes ( " : " ) & & ( urows + = e . substr ( e . indexOf ( " : " ) + 1 ) ) , urows + = ` $ { n } : ` , " checkbox " = = r ? urows + = ` < input type = " hidden " name = " ${e}:${n}${s? " [ ] " : " " } " value = " false " > ` : s | | ( urows + = ` < input type = " hidden " name = " ${e}:${n}${s? " [ ] " : " " } " value = " ${r} " > ` ) , urows + = ` < input type = " ${ " int " ===r? " number " :r} " name = " ${e}:${n}${s? " [ ] " : " " } " $ { o } oninput = " check(this,'${e.substr(e.indexOf( " : " )+1)}') " > < br > ` } } function ldS ( ) { fetch ( ( loc ? " http:// " + locip : " " ) + " /cfg.json " , { method : " get " } ) . then ( e = > ( e . ok | | ( gId ( " lserr " ) . style . display = " inline " ) , e . json ( ) ) ) . then ( e = > { if ( umCfg = e . um , getPins ( e ) , urows = " " , isO ( umCfg ) ) for ( const [ e , n ] of Object . entries ( umCfg ) ) urows + = ` < hr > < h3 > $ { e } < / h3 > ` , addField ( e , " unknown " , n ) ; " " = = = urows & & ( urows = " Usermods configuration not found.<br>Press <i>Save</i> to initialize defaults. " ) , gId ( " um " ) . innerHTML = urows } ) . catch ( ( function ( e ) { gId ( " lserr " ) . style . display = " inline " , console . log ( e ) } ) ) } function svS ( e ) { e . preventDefault ( ) , console . log ( d . Sf ) , d . Sf . checkValidity ( ) & & d . Sf . submit ( ) } function GetV ( ) { var d = document ;
2021-08-19 21:57:04 +02:00
% CSS % % SCSS % < / head > < body onload = " S() " >
< form id = " form_s " name = " Sf " method = " post " onsubmit = " svS(event) " > < div
class = " toprow " > < div class = " helpB " > < button type = " button " onclick = " H() " > ? < / button >
< / div > < button type = " button " onclick = " B() " > Back < / button > < button type = " submit " >
Save < / button > < br > < span id = " lssuc " style = " color:green;display:none " >
& # 10004 ; Configuration saved ! < / span > < span id = " lserr "
style = " color:red;display:none " > & # 9888 ; Could not load configuration . < / span > < hr >
< / div > < h2 > Usermod Setup < / h2 > < div id = " um " > Loading settings . . . < / div > < hr > < button
type = " button " onclick = " B() " > Back < / button > < button type = " submit " > Save < / button >
< / form > < / body > < / html > ) = = = = = " ;
2021-04-10 00:17:15 +02:00
