From 034687163faf44686eda4a54c108be509deb49cd Mon Sep 17 00:00:00 2001
From: Ruslan Gainutdinov <ruslanfg@gmail.com>
Date: Sun, 17 May 2020 21:59:00 +0300
Subject: [PATCH] Fix dynamic replacements for other pages

---
 tools/cdata.js               | 29 +++++++++++++++--
 wled00/data/dmxmap.htm       |  2 +-
 wled00/data/msg.htm          | 60 ++++++++++++------------------------
 wled00/data/settings.htm     | 27 +++++-----------
 wled00/data/settings_dmx.htm |  1 +
 wled00/data/style.css        |  2 +-
 wled00/data/update.htm       | 45 +++++++++++++++++++++++++--
 wled00/html_other.h          | 37 ++++++----------------
 wled00/html_settings.h       | 32 +++++++++----------
 9 files changed, 124 insertions(+), 111 deletions(-)

diff --git a/tools/cdata.js b/tools/cdata.js
index 849415c0..afcebcf9 100644
--- a/tools/cdata.js
+++ b/tools/cdata.js
@@ -175,6 +175,10 @@ writeChunks(
         str
           .replace(/\<link rel="stylesheet".*\>/gms, "")
           .replace(/\<style\>.*\<\/style\>/gms, "%CSS%%SCSS%")
+          .replace(
+            /function GetV().*\<\/script\>/gms,
+            "function GetV() {var d=document;\n"
+          )
     },
     {
       file: "settings_leds.htm",
@@ -187,6 +191,10 @@ writeChunks(
         str
           .replace(/\<link rel="stylesheet".*\>/gms, "")
           .replace(/\<style\>.*\<\/style\>/gms, "%CSS%%SCSS%")
+          .replace(
+            /function GetV().*\<\/script\>/gms,
+            "function GetV() {var d=document;\n"
+          )
     },
     {
       file: "settings_dmx.htm",
@@ -198,7 +206,11 @@ writeChunks(
       mangle: str => {
         const nocss = str
           .replace(/\<link rel="stylesheet".*\>/gms, "")
-          .replace(/\<style\>.*\<\/style\>/gms, "%CSS%%SCSS%");
+          .replace(/\<style\>.*\<\/style\>/gms, "%CSS%%SCSS%")
+          .replace(
+            /function GetV().*\<\/script\>/gms,
+            "function GetV() {var d=document;\n"
+          );
         return `
 #ifdef WLED_ENABLE_DMX
 ${nocss}
@@ -219,6 +231,10 @@ const char PAGE_settings_dmx[] PROGMEM = R"=====()=====";
         str
           .replace(/\<link rel="stylesheet".*\>/gms, "")
           .replace(/\<style\>.*\<\/style\>/gms, "%CSS%%SCSS%")
+          .replace(
+            /function GetV().*\<\/script\>/gms,
+            "function GetV() {var d=document;\n"
+          )
     },
     {
       file: "settings_sync.htm",
@@ -231,6 +247,7 @@ const char PAGE_settings_dmx[] PROGMEM = R"=====()=====";
         str
           .replace(/\<link rel="stylesheet".*\>/gms, "")
           .replace(/\<style\>.*\<\/style\>/gms, "%CSS%%SCSS%")
+          .replace(/function GetV().*\<\/script\>/gms, "function GetV() {\n")
     },
     {
       file: "settings_time.htm",
@@ -243,6 +260,7 @@ const char PAGE_settings_dmx[] PROGMEM = R"=====()=====";
         str
           .replace(/\<link rel="stylesheet".*\>/gms, "")
           .replace(/\<style\>.*\<\/style\>/gms, "%CSS%%SCSS%")
+          .replace(/function GetV().*\<\/script\>/gms, "function GetV() {\n")
     },
     {
       file: "settings_sec.htm",
@@ -255,6 +273,10 @@ const char PAGE_settings_dmx[] PROGMEM = R"=====()=====";
         str
           .replace(/\<link rel="stylesheet".*\>/gms, "")
           .replace(/\<style\>.*\<\/style\>/gms, "%CSS%%SCSS%")
+          .replace(
+            /function GetV().*\<\/script\>/gms,
+            "function GetV() {var d=document;\n"
+          )
     }
   ],
   "wled00/html_settings.h"
@@ -277,7 +299,8 @@ writeChunks(
       prepend: "=====(",
       append: ")=====",
       method: "plaintext",
-      filter: "html-minify"
+      filter: "html-minify",
+      mangle: str => str.replace(/\<h2\>.*\<\/body\>/gms, "<h2>%MSG%</body>")
     },
     {
       file: "dmxmap.htm",
@@ -288,7 +311,7 @@ writeChunks(
       filter: "html-minify",
       mangle: str => `
 #ifdef WLED_ENABLE_DMX
-${str}
+${str.replace(/function FM\(\)[ ]?\{/gms, "function FM() {%DMXVARS%\n")}
 #else
 const char PAGE_dmxmap[] PROGMEM = R"=====()=====";
 #endif
diff --git a/wled00/data/dmxmap.htm b/wled00/data/dmxmap.htm
index 816c5da1..23e056cb 100644
--- a/wled00/data/dmxmap.htm
+++ b/wled00/data/dmxmap.htm
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html><head><meta content='width=device-width' name='viewport'>
 <title>DMX Map</title>
-<script>function B(){window.history.back()};function RS(){window.location = "/settings";}function RP(){top.location.href="/";}function FM() {%DMXVARS%
+<script>function B(){window.history.back()};function RS(){window.location = "/settings";}function RP(){top.location.href="/";}function FM() {
   var dmxlabels = ["SET 0","RED","GREEN","BLUE","WHITE","SHUTTER","SET 255", "DISABLED"];
   var dmxchans = [];
   for (i=0;i<512;i++) {
diff --git a/wled00/data/msg.htm b/wled00/data/msg.htm
index 93179399..e25aeda0 100644
--- a/wled00/data/msg.htm
+++ b/wled00/data/msg.htm
@@ -1,56 +1,36 @@
 <!DOCTYPE html>
-<html><head>
+<html>
+
+<head>
 	<meta content='width=device-width' name='viewport'>
 	<title>WLED Message</title>
-	<script>
-	function B() {
-		window.history.back();
-	}
-	function RS() {
-		window.location = "/settings";
-	}
-	function RP() {
-		top.location.href="/";
-	}
-	</script>
+	<script>function B() { window.history.back() }; function RS() { window.location = "/settings"; } function RP() { top.location.href = "/"; }</script>
 	<style>
-		:root {
-			--aCol: #D9B310;
-			--bCol: #0B3C5D;
-			--cCol: #1D2731;
-			--dCol: #328CC1;
-			--sCol: #000;
-			--tCol: #328CC1;
-			--cFn: Verdana;
-		}
 		.bt {
-			background: var(--bCol);
-			color: var(--tCol);
-			border: 0.3ch solid var(--bCol);
+			background: #333;
+			color: #fff;
+			font-family: Verdana, sans-serif;
+			border: .3ch solid #333;
 			display: inline-block;
-			filter: drop-shadow( -5px -5px 5px var(--sCol) );
-			font-family: var(--cFn), sans-serif;
 			font-size: 20px;
 			margin: 8px;
-			margin-top: 12px;
+			margin-top: 12px
 		}
-    input[type=file] {
-      font-size: 16px;
-    }
+
 		body {
-			font-family: var(--cFn), sans-serif;
+			font-family: Verdana, sans-serif;
 			text-align: center;
-			background: var(--cCol);
-			color: var(--tCol);
-			line-height: 200%;
-			margin: 0;
-			background-attachment: fixed;
+			background: #222;
+			color: #fff;
+			line-height: 200%%;
+			margin: 0
 		}
 	</style>
 </head>
+
 <body>
-<h2>Sample message.</h2>
-Sample detail.
+	<h2>Sample Message.</h2>
+	Sample Detail.
 </body>
-</html>
-	
\ No newline at end of file
+
+</html>
\ No newline at end of file
diff --git a/wled00/data/settings.htm b/wled00/data/settings.htm
index b4f981e5..425c3295 100644
--- a/wled00/data/settings.htm
+++ b/wled00/data/settings.htm
@@ -3,34 +3,23 @@
 <head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 	<title>WLED Settings</title>
 	<style>
-		:root {
-			--aCol: #D9B310;
-			--bCol: #0B3C5D;
-			--cCol: #1D2731;
-			--dCol: #328CC1;
-			--sCol: #000;
-			--tCol: #328CC1;
-			--cFn: Verdana;
-		}
 		body {
 			text-align: center;
-			background: var(--cCol);
-			height: 100%;
+			background: #222;
+			height: 100;
 			margin: 0;
-			background-attachment: fixed;
 		}
 		html {
-			--h:11.55vh;
+			--h: 11.55vh;
 		}
 		button {
-			background: var(--bCol);
-			color: var(--tCol);
-			font-family: var(--cFn), Helvetica, sans-serif;
-			border: 0.3ch solid var(--bCol);
+			background: #333;
+			color: #fff;
+			font-family: Verdana, Helvetica, sans-serif;
+			border: 0.3ch solid #333;
 			display: inline-block;
-			filter: drop-shadow( -5px -5px 5px var(--sCol) );
 			font-size: 8vmin;
-			height:var(--h);
+			height: var(--h);
 			width: 95%;
 			margin-top: 2.4vh;
 		}
diff --git a/wled00/data/settings_dmx.htm b/wled00/data/settings_dmx.htm
index baecb549..e8610062 100644
--- a/wled00/data/settings_dmx.htm
+++ b/wled00/data/settings_dmx.htm
@@ -29,6 +29,7 @@ function mMap(){
   }
 }
 function S(){GCH(15);GetV();mMap();}function H(){window.open("https://github.com/Aircoookie/WLED/wiki/DMX");}function B(){window.history.back();}
+function GetV(){}
 </script>
 </head>
 <body onload="S()">
diff --git a/wled00/data/style.css b/wled00/data/style.css
index cb7eca9c..41e4c1fe 100644
--- a/wled00/data/style.css
+++ b/wled00/data/style.css
@@ -3,7 +3,7 @@ body {
   text-align: center;
   background: #222;
   color: #fff;
-  line-height: 200%%;
+  line-height: 200%;
   margin: 0;
 }
 hr {
diff --git a/wled00/data/update.htm b/wled00/data/update.htm
index ed70eb16..91931681 100644
--- a/wled00/data/update.htm
+++ b/wled00/data/update.htm
@@ -1,4 +1,43 @@
 <!DOCTYPE html>
-<html><head><meta content='width=device-width' name='viewport'><title>WLED Message</title><script>function B(){window.history.back()}</script>
-<style>:root{--aCol:#D9B310;--bCol:#0B3C5D;--cCol:#1D2731;--dCol:#328CC1;--sCol:#000;--tCol:#328CC1;--cFn:Verdana;}.bt{background:var(--bCol);color:var(--tCol);font-family:var(--cFn),sans-serif;border:.3ch solid var(--bCol);display:inline-block;filter:drop-shadow(-5px -5px 5px var(--sCol));font-size:20px;margin:8px;margin-top:12px}input[type=file]{font-size:16px}body{font-family:var(--cFn),sans-serif;text-align:center;background:var(--cCol);color:var(--tCol);line-height:200%}</style></head>
-<body><h2>WLED Software Update</h2>Installed version: 0.8.5-dev<br>Download the latest binary: <a href="https://github.com/Aircoookie/WLED/releases"><img src="https://img.shields.io/github/release/Aircoookie/WLED.svg?style=flat-square"></a><br><form method='POST' action='/update' enctype='multipart/form-data'><input type='file' class="bt" name='update' required><br><input type='submit' class="bt" value='Update!'></form><button type="button" class="bt" onclick="B()">Back</button></body></html>
\ No newline at end of file
+<html>
+
+<head>
+    <meta content='width=device-width' name='viewport'>
+    <title>WLED Update</title>
+    <script>function B() { window.history.back() }</script>
+    <style>
+        .bt {
+            background: #333;
+            color: #fff;
+            font-family: Verdana, sans-serif;
+            border: .3ch solid #333;
+            display: inline-block;
+            font-size: 20px;
+            margin: 8px;
+            margin-top: 12px
+        }
+
+        input[type=file] {
+            font-size: 16px
+        }
+
+        body {
+            font-family: Verdana, sans-serif;
+            text-align: center;
+            background: #222;
+            color: #fff;
+            line-height: 200%
+        }
+    </style>
+</head>
+
+<body>
+    <h2>WLED Software Update</h2>Installed version: 0.10.0<br>Download the latest binary: <a
+        href="https://github.com/Aircoookie/WLED/releases"><img
+            src="https://img.shields.io/github/release/Aircoookie/WLED.svg?style=flat-square"></a><br>
+    <form method='POST' action='/update' enctype='multipart/form-data'><input type='file' class="bt" name='update'
+            required><br><input type='submit' class="bt" value='Update!'></form><button type="button" class="bt"
+        onclick="B()">Back</button>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/wled00/html_other.h b/wled00/html_other.h
index 97b11a32..6f094c32 100644
--- a/wled00/html_other.h
+++ b/wled00/html_other.h
@@ -8,8 +8,8 @@ const char PAGE_msg[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta content
 <title>WLED Message</title><script>
 function B(){window.history.back()}function RS(){window.location="/settings"}function RP(){top.location.href="/"}
 </script><style>
-:root{--aCol:#D9B310;--bCol:#0B3C5D;--cCol:#1D2731;--dCol:#328CC1;--sCol:#000;--tCol:#328CC1;--cFn:Verdana}.bt{background:var(--bCol);color:var(--tCol);border:.3ch solid var(--bCol);display:inline-block;filter:drop-shadow( -5px -5px 5px var(--sCol) );font-family:var(--cFn),sans-serif;font-size:20px;margin:8px;margin-top:12px}input[type=file]{font-size:16px}body{font-family:var(--cFn),sans-serif;text-align:center;background:var(--cCol);color:var(--tCol);line-height:200%;margin:0;background-attachment:fixed}
-</style></head><body><h2>Sample message.</h2>Sample detail.</body></html>)=====";
+.bt{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.3ch solid #333;display:inline-block;font-size:20px;margin:8px;margin-top:12px}body{font-family:Verdana,sans-serif;text-align:center;background:#222;color:#fff;line-height:200%%;margin:0}
+</style></head><body><h2>%MSG%</body></html>)=====";
 
 
 #ifdef WLED_ENABLE_DMX
@@ -17,28 +17,9 @@ function B(){window.history.back()}function RS(){window.location="/settings"}fun
 // Autogenerated from wled00/data/dmxmap.htm, do not edit!!
 const char PAGE_dmxmap[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta content="width=device-width" name="viewport">
 <title>DMX Map</title><script>
-function B(){window.history.back()};function RS(){window.location = "/settings";}function RP(){top.location.href="/";}function FM() {%DMXVARS%
-  var dmxlabels = ["SET 0","RED","GREEN","BLUE","WHITE","SHUTTER","SET 255", "DISABLED"];
-  var dmxchans = [];  for (i=0;i<512;i++) {
-    dmxchans.push(7); // set all to DISABLED
-  }
-  for (i=0;i<LC;i++) {
-    FS = CS + (CG * i);
-    for (j=0;j<CN;j++) {
-      DA=FS+j;
-      dmxchans[DA-1] = CH[j];
-    }
-  }
-  DMXMap = "";
-  for (i=0;i<512;i++) {
-    isstart = "";
-    if ((i+1) % 10 == 0) {
-      isstart="S"
-    }
-    DMXMap += "<div class=\"anytype " + isstart + " type" + dmxchans[i] + "\">" + String(i+1) + "<br />" + dmxlabels[dmxchans[i]] + "</div>";
-  }
-  document.getElementById("map").innerHTML = DMXMap;
-}</script><style>
+function B(){window.history.back()}function RS(){window.location="/settings"}function RP(){top.location.href="/"}function FM() {%DMXVARS%
+var t=["SET 0","RED","GREEN","BLUE","WHITE","SHUTTER","SET 255","DISABLED"],n=[];for(i=0;i<512;i++)n.push(7);for(i=0;i<LC;i++)for(FS=CS+CG*i,j=0;j<CN;j++)DA=FS+j,n[DA-1]=CH[j];for(DMXMap="",i=0;i<512;i++)isstart="",(i+1)%10==0&&(isstart="S"),DMXMap+='<div class="anytype '+isstart+" type"+n[i]+'">'+String(i+1)+"<br />"+t[n[i]]+"</div>";document.getElementById("map").innerHTML=DMXMap}
+</script><style>
 .anytype{border:1px solid #fff;margin:1px;float:left;width:100px;height:100px}.S{margin:0;border:2px solid #fff}.type7{color:#888;border:1px dotted grey}.type6{color:#fff}.type4{color:#fff;font-weight:700}.type3{color:#00f;font-weight:700}.type2{color:#0f0;font-weight:700}.type1{color:red;font-weight:700}.bt{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.3ch solid #333;display:inline-block;font-size:20px;margin:8px;margin-top:12px}body{font-family:Verdana,sans-serif;text-align:center;background:#222;color:#fff;line-height:200%%;margin:0}
 </style></head><body onload="FM()"><div id="map">...</div></body></html>)=====";
 
@@ -49,11 +30,11 @@ const char PAGE_dmxmap[] PROGMEM = R"=====()=====";
 
 // Autogenerated from wled00/data/update.htm, do not edit!!
 const char PAGE_update[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta content="width=device-width" name="viewport">
-<title>WLED Message</title><script>function B(){window.history.back()}</script>
+<title>WLED Update</title><script>function B(){window.history.back()}</script>
 <style>
-:root{--aCol:#D9B310;--bCol:#0B3C5D;--cCol:#1D2731;--dCol:#328CC1;--sCol:#000;--tCol:#328CC1;--cFn:Verdana}.bt{background:var(--bCol);color:var(--tCol);font-family:var(--cFn),sans-serif;border:.3ch solid var(--bCol);display:inline-block;filter:drop-shadow(-5px -5px 5px var(--sCol));font-size:20px;margin:8px;margin-top:12px}input[type=file]{font-size:16px}body{font-family:var(--cFn),sans-serif;text-align:center;background:var(--cCol);color:var(--tCol);line-height:200%}
-</style></head><body><h2>WLED Software Update</h2>Installed version: 0.8.5-dev
-<br>Download the latest binary: <a 
+.bt{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.3ch solid #333;display:inline-block;font-size:20px;margin:8px;margin-top:12px}input[type=file]{font-size:16px}body{font-family:Verdana,sans-serif;text-align:center;background:#222;color:#fff;line-height:200%}
+</style></head><body><h2>WLED Software Update</h2>Installed version: 0.10.0<br>
+Download the latest binary: <a 
 href="https://github.com/Aircoookie/WLED/releases"><img 
 src="https://img.shields.io/github/release/Aircoookie/WLED.svg?style=flat-square">
 </a><br><form method="POST" action="/update" enctype="multipart/form-data">
diff --git a/wled00/html_settings.h b/wled00/html_settings.h
index 9d6542c3..6e6a408e 100644
--- a/wled00/html_settings.h
+++ b/wled00/html_settings.h
@@ -1,12 +1,12 @@
 
 // Autogenerated from wled00/data/style.css, do not edit!!
-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}button{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.3ch solid #333;display:inline-block;font-size:20px;margin:8px;margin-top:12px}.helpB{text-align:left;position:absolute;width:60px}input{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.5ch solid #333}input[type=number]{width:4em}select{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.5ch solid #333}td{padding:2px}.d5{width:4.5em!important}</style>)=====";
+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}button{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.3ch solid #333;display:inline-block;font-size:20px;margin:8px;margin-top:12px}.helpB{text-align:left;position:absolute;width:60px}input{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.5ch solid #333}input[type=number]{width:4em}select{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.5ch solid #333}td{padding:2px}.d5{width:4.5em!important}</style>)=====";
 
 
 // Autogenerated from wled00/data/settings.htm, do not edit!!
 const char PAGE_settings[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta http-equiv="Content-Type" 
 content="text/html; charset=windows-1252"><title>WLED Settings</title><style>
-:root{--aCol:#D9B310;--bCol:#0B3C5D;--cCol:#1D2731;--dCol:#328CC1;--sCol:#000;--tCol:#328CC1;--cFn:Verdana}body{text-align:center;background:var(--cCol);height:100%;margin:0;background-attachment:fixed}html{--h:11.55vh}button{background:var(--bCol);color:var(--tCol);font-family:var(--cFn),Helvetica,sans-serif;border:.3ch solid var(--bCol);display:inline-block;filter:drop-shadow( -5px -5px 5px var(--sCol) );font-size:8vmin;height:var(--h);width:95%;margin-top:2.4vh}
+body{text-align:center;background:#222;height:100;margin:0}html{--h:11.55vh}button{background:#333;color:#fff;font-family:Verdana,Helvetica,sans-serif;border:.3ch solid #333;display:inline-block;font-size:8vmin;height:var(--h);width:95%;margin-top:2.4vh}
 </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" 
@@ -23,8 +23,8 @@ action="/settings/time"><button type="submit">Time & Macros</button></form><form
 // Autogenerated from wled00/data/settings_wifi.htm, do not edit!!
 const char PAGE_settings_wifi[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta name="viewport" content="width=500"><title>
 WiFi Settings</title><script>
-function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#wifi-settings")}function B(){window.open("/settings","_self")}function GetV(){}
-</script>%CSS%%SCSS%</head><body onload="GetV()"><form id="form_s" name="Sf" method="post">
+function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#wifi-settings")}function B(){window.open("/settings","_self")}function GetV() {var d=document;
+%CSS%%SCSS%</head><body onload="GetV()"><form id="form_s" name="Sf" method="post">
 <div class="helpB"><button type="button" onclick="H()">?</button></div><button 
 type="button" onclick="B()">Back</button><button type="submit">Save & Reboot
 </button><hr><h2>WiFi setup</h2><h3>Connect to existing network</h3>
@@ -58,8 +58,8 @@ type="button" onclick="B()">Back</button><button type="submit">Save & Reboot
 // Autogenerated from wled00/data/settings_leds.htm, do not edit!!
 const char PAGE_settings_leds[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" 
 content="width=500"><title>LED Settings</title><script>
-var d=document,laprev=55;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings")}function B(){window.open("/settings","_self")}function S(){GetV(),setABL()}function enABL(){var e=d.getElementById("able").checked;d.Sf.LA.value=e?laprev:0,d.getElementById("abl").style.display=e?"inline":"none",d.getElementById("psu2").style.display=e?"inline":"none",0<d.Sf.LA.value&&setABL()}function enLA(){var e=d.Sf.LAsel.value;d.Sf.LA.value=e,d.getElementById("LAdis").style.display=50==e?"inline":"none",UI()}function setABL(){switch(d.getElementById("able").checked=!0,d.Sf.LAsel.value=50,parseInt(d.Sf.LA.value)){case 0:d.getElementById("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:d.getElementById("LAdis").style.display="inline"}UI()}function UI(){var e=d.querySelectorAll(".wc"),l=e.length;for(i=0;i<l;i++)e[i].style.display=d.getElementById("rgbw").checked?"inline":"none";d.getElementById("ledwarning").style.display=1e3<d.Sf.LC.value?"inline":"none",d.getElementById("ampwarning").style.display=7200<d.Sf.MA.value?"inline":"none",255==d.Sf.LA.value?laprev=12:0<d.Sf.LA.value&&(laprev=d.Sf.LA.value);var n=5<(n=Math.ceil((100+d.Sf.LC.value*laprev)/500)/2)?Math.ceil(n):n,t="",a=30==d.Sf.LAsel.value,s=255==d.Sf.LAsel.value;n<1.02&&!a&&!s?t="ESP 5V pin with 1A USB supply":(t+=a?"12V ":s?"WS2815 12V ":"5V ",t+=n,t+="A supply connected to LEDs");var u=Math.ceil((100+d.Sf.LC.value*laprev)/1500)/2,c="(for most effects, ~";c+=u=5<u?Math.ceil(u):u,c+="A is enough)<br>",d.getElementById("psu").innerHTML=t,d.getElementById("psu2").innerHTML=s?"":c}function GetV(){}
-</script>%CSS%%SCSS%</head><body onload="S()"><form id="form_s" name="Sf" method="post"><div
+var d=document,laprev=55;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings")}function B(){window.open("/settings","_self")}function S(){GetV(),setABL()}function enABL(){var e=d.getElementById("able").checked;d.Sf.LA.value=e?laprev:0,d.getElementById("abl").style.display=e?"inline":"none",d.getElementById("psu2").style.display=e?"inline":"none",0<d.Sf.LA.value&&setABL()}function enLA(){var e=d.Sf.LAsel.value;d.Sf.LA.value=e,d.getElementById("LAdis").style.display=50==e?"inline":"none",UI()}function setABL(){switch(d.getElementById("able").checked=!0,d.Sf.LAsel.value=50,parseInt(d.Sf.LA.value)){case 0:d.getElementById("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:d.getElementById("LAdis").style.display="inline"}UI()}function UI(){var e=d.querySelectorAll(".wc"),l=e.length;for(i=0;i<l;i++)e[i].style.display=d.getElementById("rgbw").checked?"inline":"none";d.getElementById("ledwarning").style.display=1e3<d.Sf.LC.value?"inline":"none",d.getElementById("ampwarning").style.display=7200<d.Sf.MA.value?"inline":"none",255==d.Sf.LA.value?laprev=12:0<d.Sf.LA.value&&(laprev=d.Sf.LA.value);var n=5<(n=Math.ceil((100+d.Sf.LC.value*laprev)/500)/2)?Math.ceil(n):n,t="",a=30==d.Sf.LAsel.value,s=255==d.Sf.LAsel.value;n<1.02&&!a&&!s?t="ESP 5V pin with 1A USB supply":(t+=a?"12V ":s?"WS2815 12V ":"5V ",t+=n,t+="A supply connected to LEDs");var u=Math.ceil((100+d.Sf.LC.value*laprev)/1500)/2,c="(for most effects, ~";c+=u=5<u?Math.ceil(u):u,c+="A is enough)<br>",d.getElementById("psu").innerHTML=t,d.getElementById("psu2").innerHTML=s?"":c}function GetV() {var d=document;
+%CSS%%SCSS%</head><body onload="S()"><form id="form_s" name="Sf" method="post"><div
  class="helpB"><button type="button" onclick="H()">?</button></div><button 
 type="button" onclick="B()">Back</button><button type="submit">Save</button><hr>
 <h2>LED setup</h2>LED count: <input name="LC" type="number" min="1" max="1500" 
@@ -123,8 +123,8 @@ onclick="B()">Back</button><button type="submit">Save</button></form></body>
 // Autogenerated from wled00/data/settings_dmx.htm, do not edit!!
 const char PAGE_settings_dmx[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta name="viewport" content="width=500"><meta 
 charset="utf-8"><title>DMX Settings</title><script>
-function GCH(e){for(d=document,d.getElementById("dmxchannels").innerHTML+="",i=0;i<e;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()}
-</script></head><body onload="S()"><form id="form_s" name="Sf" method="post">
+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;
+</head><body onload="S()"><form id="form_s" name="Sf" method="post">
 <div class="helpB"><button type="button" onclick="H()">?</button></div><button 
 type="button" onclick="B()">Back</button><button type="submit">Save</button><hr>
 <h2>Imma firin ma lazer (if it has DMX support)</h2>
@@ -154,8 +154,8 @@ const char PAGE_settings_dmx[] PROGMEM = R"=====()=====";
 // Autogenerated from wled00/data/settings_ui.htm, do not edit!!
 const char PAGE_settings_ui[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta name="viewport" content="width=500"><title>
 UI Settings</title><script>
-function gId(t){return document.getElementById(t)}function S(){GetV(),Ct()}function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#user-interface-settings")}function B(){window.open("/settings","_self")}function Ct(){gId("co").selected?gId("cth").style.display="block":gId("cth").style.display="none"}function GetV(){document}
-</script>%CSS%%SCSS%</head><body onload="S()"><form id="form_s" name="Sf" method="post"><div
+function gId(t){return document.getElementById(t)}function S(){GetV(),Ct()}function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#user-interface-settings")}function B(){window.open("/settings","_self")}function Ct(){gId("co").selected?gId("cth").style.display="block":gId("cth").style.display="none"}function GetV() {var d=document;
+%CSS%%SCSS%</head><body onload="S()"><form id="form_s" name="Sf" method="post"><div
  class="helpB"><button type="button" onclick="H()">?</button></div><button 
 type="button" onclick="B()">Back</button><button type="submit">Save</button><hr>
 <h2>Web Setup</h2>Server description: <input name="DS" maxlength="32"><br>
@@ -167,8 +167,8 @@ Save</button></form></body></html>)=====";
 // Autogenerated from wled00/data/settings_sync.htm, do not edit!!
 const char PAGE_settings_sync[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta name="viewport" content="width=500"><meta 
 charset="utf-8"><title>Sync Settings</title><script>
-var d=document;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#sync-settings")}function B(){window.open("/settings","_self")}function GetV(){document}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 SP(){var e=d.Sf.DI.value;d.getElementById("xp").style.display=0<e?"none":"block",0<e&&(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}SP()}function S(){GetV(),SetVal()}
-</script>%CSS%%SCSS%</head><body onload="S()"><form id="form_s" name="Sf" method="post"><div
+var d=document;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#sync-settings")}function B(){window.open("/settings","_self")}function GetV() {
+%CSS%%SCSS%</head><body onload="S()"><form id="form_s" name="Sf" method="post"><div
  class="helpB"><button type="button" onclick="H()">?</button></div><button 
 type="button" onclick="B()">Back</button><button type="submit">Save</button><hr>
 <h2>Sync setup</h2><h3>Button setup</h3>On/Off button enabled: <input 
@@ -245,8 +245,8 @@ type="submit">Save</button></form></body></html>)=====";
 // Autogenerated from wled00/data/settings_time.htm, do not edit!!
 const char PAGE_settings_time[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta name="viewport" content="width=500"><title>
 Time Settings</title><script>
-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>Active</th><th>Hour</th><th>Minute</th><th>Macro</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="number" style="display:none"><input id="W'+i+'0" type="checkbox"></td><td><input name="H'+i+'" type="number" min="0" max="24"></td><td><input name="N'+i+'" type="number" min="0" max="59"></td><td><input name="T'+i+'" type="number" min="0" max="16"></td>',j=1;j<8;j++)t+='<td><input id="W'+i+j+'" type="checkbox"></td>';gId("TMT").innerHTML=t}function FC(){for(j=0;j<8;j++)for(i=0;i<8;i++)gId("W"+i+j).checked=gId("W"+i).value>>j&1}function Wd(){for(a=[0,0,0,0,0,0,0,0],i=0;i<8;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 GetV(){}
-</script>%CSS%%SCSS%</head><body onload="S()"><form id="form_s" name="Sf" method="post" 
+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>Active</th><th>Hour</th><th>Minute</th><th>Macro</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="number" style="display:none"><input id="W'+i+'0" type="checkbox"></td><td><input name="H'+i+'" type="number" min="0" max="24"></td><td><input name="N'+i+'" type="number" min="0" max="59"></td><td><input name="T'+i+'" type="number" min="0" max="16"></td>',j=1;j<8;j++)t+='<td><input id="W'+i+j+'" type="checkbox"></td>';gId("TMT").innerHTML=t}function FC(){for(j=0;j<8;j++)for(i=0;i<8;i++)gId("W"+i+j).checked=gId("W"+i).value>>j&1}function Wd(){for(a=[0,0,0,0,0,0,0,0],i=0;i<8;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 GetV() {
+%CSS%%SCSS%</head><body onload="S()"><form id="form_s" name="Sf" method="post" 
 onsubmit="Wd()"><div class="helpB"><button type="button" onclick="H()">?
 </button></div><button type="button" onclick="B()">Back</button><button 
 type="submit">Save</button><hr><h2>Time setup</h2>Get time from NTP server: 
@@ -303,8 +303,8 @@ required><br>Time-Controlled Macros:<br><div style="display:inline-block"><table
 // Autogenerated from wled00/data/settings_sec.htm, do not edit!!
 const char PAGE_settings_sec[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta name="viewport" content="width=500"><title>
 Misc Settings</title><script>
-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 GetV(){}
-</script>%CSS%%SCSS%</head><body onload="GetV()"><form id="form_s" name="Sf" method="post">
+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 GetV() {var d=document;
+%CSS%%SCSS%</head><body onload="GetV()"><form id="form_s" name="Sf" method="post">
 <div class="helpB"><button type="button" onclick="H()">?</button></div><button 
 type="button" onclick="B()">Back</button><button type="submit">Save & Reboot
 </button><hr><h2>Security & Update setup</h2>