Vectors & dynamic loadJS.

- Segments
- Modes

NOTE: crashes ESP if effect is running while deleting segment.

wled00/data/settings_ui.htm

@@ -7,6 +7,7 @@
 	<title>UI Settings</title>
 	<script>
 		var d = document;
+		var loc = false, locip;
 		var initial_ds, initial_st, initial_su;
 		var sett = null;
 		var l = {
@@ -41,10 +42,7 @@
 				}
 			}
 		};
-		function gId(s)
-		{
-			return d.getElementById(s);
-		}
+		function gId(s) { return d.getElementById(s); }
 		function isObject(item) {
 			return (item && typeof item === 'object' && !Array.isArray(item));
 		}
@@ -164,22 +162,43 @@
 			if (d.Sf.DS.value != initial_ds || d.Sf.ST.checked != initial_st || d.Sf.SU.checked != initial_su) d.Sf.submit();
 		}
 		
+		// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
+		function loadJS(FILE_URL, async = true) {
+			let scE = d.createElement("script");
+			scE.setAttribute("src", FILE_URL);
+			scE.setAttribute("type", "text/javascript");
+			scE.setAttribute("async", async);
+			d.body.appendChild(scE);
+			// success event 
+			scE.addEventListener("load", () => {
+				//console.log("File loaded");
+				GetV(); 
+				initial_ds = d.Sf.DS.value;
+				initial_st = d.Sf.ST.checked;
+				initial_su = d.Sf.SU.checked;
+				GetLS();
+			});
+			// error event
+			scE.addEventListener("error", (ev) => {
+				console.log("Error on loading file", ev);
+				alert("Loading of configuration script failed.\nIncomplete page data!");
+			});
+		}
 		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://kno.wled.ge/features/settings/#user-interface-settings");
-		}
-		function B()
-		{
-			window.open("/settings","_self");
+			if (window.location.protocol == "file:") {
+				loc = true;
+				locip = localStorage.getItem('locIp');
+				if (!locip) {
+					locip = prompt("File Mode. Please enter WLED IP!");
+					localStorage.setItem('locIp', locip);
+				}
+			}
+			var url = (loc?`http://${locip}`:'') + '/settings/s.js?p=3';
+			loadJS(url, false);	// If we set async false, file is loaded and executed, then next statement is processed
 		}
+		function H() { window.open("https://kno.wled.ge/features/settings/#user-interface-settings"); }
+		function B() { window.open("/settings","_self"); }
 		function UI()
 		{
 			gId('idonthateyou').style.display = (gId('dm').checked) ? 'inline':'none';
@@ -214,7 +233,6 @@
 			fO.value = '';
 			return false;
 		}
-		function GetV(){var d=document;}
 	</script>
 	<style>@import url("style.css");</style>
 </head>