51dfa9a247
By adding a random string to the path of the js file every time, we make sure to never hit the browser cache.
91 lines
3.2 KiB
HTML
91 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
|
|
<title>WLED Settings</title>
|
|
<script>
|
|
var d=document;
|
|
var loc = false, locip, locproto = "http:";
|
|
function gId(n){return d.getElementById(n);}
|
|
// 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 + "&c=" + Date.now());
|
|
scE.setAttribute("type", "text/javascript");
|
|
scE.setAttribute("async", async);
|
|
d.body.appendChild(scE);
|
|
// success event
|
|
scE.addEventListener("load", () => {
|
|
//console.log("File loaded");
|
|
GetV();
|
|
});
|
|
// error event
|
|
scE.addEventListener("error", (ev) => {
|
|
console.log("Error on loading file", ev);
|
|
alert("Loading of configuration script failed.\nIncomplete page data!");
|
|
});
|
|
}
|
|
function S() {
|
|
let l = window.location;
|
|
if (l.protocol == "file:") {
|
|
loc = true;
|
|
locip = localStorage.getItem('locIp');
|
|
if (!locip) {
|
|
locip = prompt("File Mode. Please enter WLED IP!");
|
|
localStorage.setItem('locIp', locip);
|
|
}
|
|
} else {
|
|
// detect reverse proxy
|
|
let path = l.pathname;
|
|
let paths = path.slice(1,path.endsWith('/')?-1:undefined).split("/");
|
|
if (paths.length > 1) {
|
|
locproto = l.protocol;
|
|
loc = true;
|
|
locip = l.hostname + (l.port ? ":" + l.port : "") + "/" + paths[0];
|
|
}
|
|
}
|
|
loadJS(getURL('/settings/s.js?p=0'), false); // If we set async false, file is loaded and executed, then next statement is processed
|
|
}
|
|
function getURL(path) {
|
|
return (loc ? locproto + "//" + locip : "") + path;
|
|
}
|
|
</script>
|
|
<style>
|
|
body {
|
|
text-align: center;
|
|
background: #222;
|
|
height: 100px;
|
|
margin: 0;
|
|
}
|
|
html {
|
|
--h: 9vh;
|
|
}
|
|
button {
|
|
background: #333;
|
|
color: #fff;
|
|
font-family: Verdana, Helvetica, sans-serif;
|
|
display: block;
|
|
border: 1px solid #333;
|
|
border-radius: var(--h);
|
|
font-size: 6vmin;
|
|
height: var(--h);
|
|
width: calc(100% - 40px);
|
|
margin: 2vh auto 0;
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body onload="S()">
|
|
<button type=submit id="b" onclick="window.location=getURL('/')">Back</button>
|
|
<button type="submit" onclick="window.location=getURL('/settings/wifi')">WiFi Setup</button>
|
|
<button type="submit" onclick="window.location=getURL('/settings/leds')">LED Preferences</button>
|
|
<button id="2dbtn" style="display:none;" type="submit" onclick="window.location=getURL('/settings/2D')">2D Configuration</button>
|
|
<button type="submit" onclick="window.location=getURL('/settings/ui')">User Interface</button>
|
|
<button id="dmxbtn" style="display:none;" type="submit" onclick="window.location=getURL('/settings/dmx')">DMX Output</button>
|
|
<button type="submit" onclick="window.location=getURL('/settings/sync')">Sync Interfaces</button>
|
|
<button type="submit" onclick="window.location=getURL('/settings/time')">Time & Macros</button>
|
|
<button type="submit" onclick="window.location=getURL('/settings/um')">Usermods</button>
|
|
<button type="submit" onclick="window.location=getURL('/settings/sec')">Security & Updates</button>
|
|
</body>
|
|
</html> |