mirror of
https://github.com/esphome/esphome-docs.git
synced 2024-09-28 04:17:47 +02:00
Add number setting to web_server (#1804)
This commit is contained in:
parent
f22f05fcc2
commit
25152e2f54
4
Makefile
4
Makefile
@ -10,8 +10,8 @@ html-strict:
|
|||||||
sphinx-build -M html . _build -W -j auto -n $(O)
|
sphinx-build -M html . _build -W -j auto -n $(O)
|
||||||
|
|
||||||
minify:
|
minify:
|
||||||
minify -o _static/webserver-v1.min.js _static/webserver-v1.js
|
minify _static/webserver-v1.js > _static/webserver-v1.min.js
|
||||||
minify -o _static/webserver-v1.min.css _static/webserver-v1.css
|
minify _static/webserver-v1.css > _static/webserver-v1.min.css
|
||||||
|
|
||||||
cleanhtml:
|
cleanhtml:
|
||||||
rm -rf "_build/html/*"
|
rm -rf "_build/html/*"
|
||||||
|
@ -83,6 +83,15 @@ for (; row = states.rows[i]; i++) {
|
|||||||
});
|
});
|
||||||
})(row.id);
|
})(row.id);
|
||||||
}
|
}
|
||||||
|
if (row.classList.contains("number")) {
|
||||||
|
(function(id) {
|
||||||
|
row.children[2].children[0].addEventListener('change', function () {
|
||||||
|
const xhr = new XMLHttpRequest();
|
||||||
|
xhr.open("POST", '/number/' + id.substr(7) + '/set?value=' + encodeURIComponent(this.value), true);
|
||||||
|
xhr.send();
|
||||||
|
});
|
||||||
|
})(row.id);
|
||||||
|
}
|
||||||
if (row.classList.contains("button")) {
|
if (row.classList.contains("button")) {
|
||||||
(function(id) {
|
(function(id) {
|
||||||
row.children[2].children[0].addEventListener('click', function () {
|
row.children[2].children[0].addEventListener('click', function () {
|
||||||
|
2
_static/webserver-v1.min.js
vendored
2
_static/webserver-v1.min.js
vendored
@ -1 +1 @@
|
|||||||
const source=new EventSource("/events");source.addEventListener("log",(function(t){const n=document.getElementById("log");let e="";t.data.startsWith("[1;31m")?e="e":t.data.startsWith("[0;33m")?e="w":t.data.startsWith("[0;32m")?e="i":t.data.startsWith("[0;35m")?e="c":t.data.startsWith("[0;36m")?e="d":t.data.startsWith("[0;37m")?e="v":n.innerHTML+=t.data+"\n",n.innerHTML+='<span class="'+e+'">'+t.data.substr(7,t.data.length-10)+"</span>\n"})),source.addEventListener("state",(function(t){const n=JSON.parse(t.data);document.getElementById(n.id).children[1].innerText=n.state}));const states=document.getElementById("states");let row,i=0;for(;row=states.rows[i];i++)row.children[2].children.length&&(row.classList.contains("switch")&&function(t){row.children[2].children[0].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/switch/"+t.substr(7)+"/toggle",!0),n.send()}))}(row.id),row.classList.contains("fan")&&function(t){row.children[2].children[0].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/fan/"+t.substr(4)+"/toggle",!0),n.send()}))}(row.id),row.classList.contains("light")&&function(t){row.children[2].children[0].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/light/"+t.substr(6)+"/toggle",!0),n.send()}))}(row.id),row.classList.contains("cover")&&function(t){row.children[2].children[0].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/cover/"+t.substr(6)+"/open",!0),n.send()})),row.children[2].children[1].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/cover/"+t.substr(6)+"/close",!0),n.send()}))}(row.id),row.classList.contains("select")&&function(t){row.children[2].children[0].addEventListener("change",(function(){const n=new XMLHttpRequest;n.open("POST","/select/"+t.substr(7)+"/set?option="+encodeURIComponent(this.value),!0),n.send()}))}(row.id),row.classList.contains("button")&&function(t){row.children[2].children[0].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/button/"+t.substr(7)+"/press",!0),n.send()}))}(row.id));
|
const source=new EventSource("/events");source.addEventListener("log",(function(t){const n=document.getElementById("log");let e="";t.data.startsWith("[1;31m")?e="e":t.data.startsWith("[0;33m")?e="w":t.data.startsWith("[0;32m")?e="i":t.data.startsWith("[0;35m")?e="c":t.data.startsWith("[0;36m")?e="d":t.data.startsWith("[0;37m")?e="v":n.innerHTML+=t.data+"\n",n.innerHTML+='<span class="'+e+'">'+t.data.substr(7,t.data.length-10)+"</span>\n"})),source.addEventListener("state",(function(t){const n=JSON.parse(t.data);document.getElementById(n.id).children[1].innerText=n.state}));const states=document.getElementById("states");let row,i=0;for(;row=states.rows[i];i++)row.children[2].children.length&&(row.classList.contains("switch")&&function(t){row.children[2].children[0].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/switch/"+t.substr(7)+"/toggle",!0),n.send()}))}(row.id),row.classList.contains("fan")&&function(t){row.children[2].children[0].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/fan/"+t.substr(4)+"/toggle",!0),n.send()}))}(row.id),row.classList.contains("light")&&function(t){row.children[2].children[0].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/light/"+t.substr(6)+"/toggle",!0),n.send()}))}(row.id),row.classList.contains("cover")&&function(t){row.children[2].children[0].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/cover/"+t.substr(6)+"/open",!0),n.send()})),row.children[2].children[1].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/cover/"+t.substr(6)+"/close",!0),n.send()}))}(row.id),row.classList.contains("select")&&function(t){row.children[2].children[0].addEventListener("change",(function(){const n=new XMLHttpRequest;n.open("POST","/select/"+t.substr(7)+"/set?option="+encodeURIComponent(this.value),!0),n.send()}))}(row.id),row.classList.contains("number")&&function(t){row.children[2].children[0].addEventListener("change",(function(){const n=new XMLHttpRequest;n.open("POST","/number/"+t.substr(7)+"/set?value="+encodeURIComponent(this.value),!0),n.send()}))}(row.id),row.classList.contains("button")&&function(t){row.children[2].children[0].addEventListener("click",(function(){const n=new XMLHttpRequest;n.open("POST","/button/"+t.substr(7)+"/press",!0),n.send()}))}(row.id));
|
||||||
|
@ -249,3 +249,25 @@ can be used:
|
|||||||
Creating a POST request to ``/cover/front_window_blinds/set?position=0.1&tilt=0.3`` will
|
Creating a POST request to ``/cover/front_window_blinds/set?position=0.1&tilt=0.3`` will
|
||||||
start moving the blinds towards an almost completely closed position and a new tilt
|
start moving the blinds towards an almost completely closed position and a new tilt
|
||||||
angle.
|
angle.
|
||||||
|
|
||||||
|
Number
|
||||||
|
******
|
||||||
|
|
||||||
|
Numbers can be set to a value within their minimum and maximum range and will return their current value. For example sending
|
||||||
|
a GET request to ``/number/desired_delay`` could yield this payload:
|
||||||
|
|
||||||
|
.. code-block:: json
|
||||||
|
|
||||||
|
{
|
||||||
|
"id": "number-desired_delay",
|
||||||
|
"state": "20.0000",
|
||||||
|
"value": 20
|
||||||
|
}
|
||||||
|
|
||||||
|
POST requests on the other hand allow setting the number, the available
|
||||||
|
method is ``set``. The following parameter can be used:
|
||||||
|
|
||||||
|
- **value**: The value you want to set the number to. The value must be within the
|
||||||
|
minimum and maximum range of the number otherwise it will be ignored.
|
||||||
|
|
||||||
|
For example POST ``/number/desired_delay/set?value=24`` will set the number to 24.
|
||||||
|
Loading…
Reference in New Issue
Block a user