lba.gitea/WLED
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
new-settings
WLED/wled00/data/settings_um.htm

155 lines
6.0 KiB
HTML
Raw Permalink Normal View History

User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=500">
Add notice if no usermod installed
2021-05-11 23:21:57 +02:00
<title>Usermod Settings</title>
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
<script>
var d = document;
var umCfg = {};
var pins = [6,7,8,9,10,11];
Add notice if no usermod installed
2021-05-11 23:21:57 +02:00
var pinO = ["rsvd","rsvd","rsvd","rsvd","rsvd","rsvd"], owner;
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
var loc = false, locip;
var urows;
Add notice if no usermod installed
2021-05-11 23:21:57 +02:00
var numM = 0;
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
function gId(s) { return d.getElementById(s); }
function isO(i) { return (i && typeof i === 'object' && !Array.isArray(i)); }
function H() { window.open("https://github.com/Aircoookie/WLED/wiki/Settings#usermod-settings"); }
function B() { window.open("/settings","_self"); }
function S() {
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);
}
}
Add notice if no usermod installed
2021-05-11 23:21:57 +02:00
GetV();
if (numM > 0 || locip) ldS();
else gId("um").innerHTML = "No Usermods installed.";
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
}
Usermod settings v2 - added POST field parsing - simpler handling in readFromConfig()
2021-06-27 15:32:33 +02:00
// https://stackoverflow.com/questions/3885817/how-do-i-check-that-a-number-is-float-or-integer
function isF(n) { return n === +n && n !== (n|0); }
function isI(n) { return n === +n && n === (n|0); }
function check(o,k) { // input object, pin owner key
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
var n = o.name.replace("[]","").substr(-3);
if (o.type=="number" && n.substr(0,3)=="pin") {
for (var i=0; i<pins.length; i++) {
if (k==pinO[i]) continue;
if (o.value==pins[i] || o.value<-1 || o.value>39) { o.style.color="red"; break; } else o.style.color=o.value>33?"orange":"#fff";
}
}
}
function getPins(o) {
if (isO(o)) {
for (const [k,v] of Object.entries(o)) {
if (isO(v)) {
owner = k;
getPins(v);
continue;
}
if (k.replace("[]","").substr(-3)=="pin") {
if (Array.isArray(v)) {
for (var i=0; i<v.length; i++) if (v[i]>=0) { pins.push(v[i]); pinO.push(owner); }
} else {
if (v>=0) { pins.push(v); pinO.push(owner); }
}
} else if (Array.isArray(v)) {
for (var i=0; i<v.length; i++) getPins(v[i]);
}
}
}
}
Usermod settings v2 - added POST field parsing - simpler handling in readFromConfig()
2021-06-27 15:32:33 +02:00
function addField(k,f,o,a=false) { //key, field, (sub)object, isArray
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
if (isO(o)) {
for (const [s,v] of Object.entries(o)) {
Usermod settings v2 - added POST field parsing - simpler handling in readFromConfig()
2021-06-27 15:32:33 +02:00
// possibility to nest objects (only 1 level)
if (f!=='unknown' && !k.includes(":")) addField(k+":"+f,s,v);
else addField(k,s,v);
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
}
} else if (Array.isArray(o)) {
for (var j=0; j<o.length; j++) {
addField(k,f,o[j],true);
}
} else {
Better number handling in Usermod settings.
2021-06-29 18:36:55 +02:00
var c, t = typeof o;
switch (t) {
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
case "boolean":
Better number handling in Usermod settings.
2021-06-29 18:36:55 +02:00
t = "checkbox"; c = 'value="true"' + (o ? ' checked' : '');
Usermod settings v2 - added POST field parsing - simpler handling in readFromConfig()
2021-06-27 15:32:33 +02:00
break;
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
case "number":
Usermod settings v2 - added POST field parsing - simpler handling in readFromConfig()
2021-06-27 15:32:33 +02:00
c = `value="${o}"`;
Better number handling in Usermod settings.
2021-06-29 18:36:55 +02:00
if (f.substr(-3)==="pin") {
c += ' max="39" min="-1" style="width:40px;"';
Usermod settings v2 - added POST field parsing - simpler handling in readFromConfig()
2021-06-27 15:32:33 +02:00
t = "int";
Better number handling in Usermod settings.
2021-06-29 18:36:55 +02:00
} else {
Usermod Settings polishing/documentation (#2061) * Testing new wrapper functions to read Usermod config * Usermod Settings polishing - remove getBoolFromJsonKey() (no longer needed), fix getValueFromJsonKey(element, destination, defaultvalue) - Update Usermod Settings html "number" field to use step="any", and make wider to make maximum values fully visible - step="any" allows viewing/submitting full 7/8-digit float values, and the arrow buttons step by 1 now, instead of .00001 (which wasn't good for integers or floats) - html wasn't generated/compressed yet * Update usermod_v2_example.h with more complete example and documentation for Usermod Settings - readFromConfig() has three options for how to load values from the config JSON, we need to pick one * Update/rename usermode_rotary_brightness_color, to be used as an example of more robust parsing Usermod Settings values * Update Usermod example, rename getValueFromJsonKey() to getJsonValue() - chose single readFromConfig() pattern - demonstrating 3-argument getJsonValue() - remove leftover printf in getJsonValue() Co-authored-by: Louis Beaudoin <louis@embedded-creations.com>
2021-07-05 23:14:57 +02:00
c += ' step="any" style="width:100px;"';
Usermod settings v2 - added POST field parsing - simpler handling in readFromConfig()
2021-06-27 15:32:33 +02:00
}
break;
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
default:
Better number handling in Usermod settings.
2021-06-29 18:36:55 +02:00
t = "text"; c = `value="${o}" style="width:250px;"`;
Usermod settings v2 - added POST field parsing - simpler handling in readFromConfig()
2021-06-27 15:32:33 +02:00
break;
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
}
Usermod settings v2 - added POST field parsing - simpler handling in readFromConfig()
2021-06-27 15:32:33 +02:00
if (k.includes(":")) urows += k.substr(k.indexOf(":")+1);
urows += ` ${f}: `;
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
// https://stackoverflow.com/questions/11657123/posting-both-checked-and-unchecked-checkboxes
Usermod settings v2 - added POST field parsing - simpler handling in readFromConfig()
2021-06-27 15:32:33 +02:00
if (t=="checkbox") urows += `<input type="hidden" name="${k}:${f}${a?"[]":""}" value="false">`;
else if (!a) urows += `<input type="hidden" name="${k}:${f}${a?"[]":""}" value="${t}">`;
Better number handling in Usermod settings.
2021-06-29 18:36:55 +02:00
urows += `<input type="${t==="int"?"number":t}" name="${k}:${f}${a?"[]":""}" ${c} oninput="check(this,'${k.substr(k.indexOf(":")+1)}')"><br>`;
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
}
}
function ldS() {
var url = (loc?`http://${locip}`:'') + '/cfg.json';
fetch(url, {
method: 'get'
})
.then(res => {
if (!res.ok) gId('lserr').style.display = "inline";
return res.json();
})
.then(json => {
umCfg = json.um;
getPins(json);
urows="";
if (isO(umCfg)) {
for (const [k,o] of Object.entries(umCfg)) {
urows += `<hr><h3>${k}</h3>`;
addField(k,'unknown',o);
}
}
Add notice if no usermod installed
2021-05-11 23:21:57 +02:00
if (urows==="") urows = "Usermods configuration not found.<br>Press <i>Save</i> to initialize defaults.";
Added missing config info.
2021-05-08 12:13:39 +02:00
gId("um").innerHTML = urows;
User configurable usermods. - Utilizing addToConfig() & readFromConfig() - UM configuration Settings page - MQTT support for usermods - A few sample usermods including rewritten Temparature and new Multi-Relay
2021-05-07 12:41:39 +02:00
})
.catch(function (error) {
gId('lserr').style.display = "inline"
console.log(error);
});
}
function svS(e) {
e.preventDefault();
console.log(d.Sf);
if (d.Sf.checkValidity()) d.Sf.submit(); //https://stackoverflow.com/q/37323914
}
function GetV() {}
</script>
<style>
@import url("style.css");
</style>
</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>
Reference in New Issue Copy Permalink