mirror of
https://github.com/esphome/esphome-docs.git
synced 2024-09-10 01:38:33 +02:00
74 lines
2.3 KiB
JavaScript
74 lines
2.3 KiB
JavaScript
const source = new EventSource("/events");
|
|
|
|
source.addEventListener('log', function (e) {
|
|
const log = document.getElementById("log");
|
|
let log_prefs = [
|
|
["\u001b[1;31m", 'e'],
|
|
["\u001b[0;33m", 'w'],
|
|
["\u001b[0;32m", 'i'],
|
|
["\u001b[0;35m", 'c'],
|
|
["\u001b[0;36m", 'd'],
|
|
["\u001b[0;37m", 'v'],
|
|
];
|
|
|
|
let klass = '';
|
|
for (const log_pref of log_prefs){
|
|
if (e.data.startsWith(log_pref[0])) {
|
|
klass = log_pref[1];
|
|
}
|
|
}
|
|
if (klass == ''){
|
|
log.innerHTML += e.data + '\n';
|
|
}
|
|
log.innerHTML += '<span class="' + klass + '">' + e.data.substr(7, e.data.length - 11) + "</span>\n";
|
|
});
|
|
|
|
actions = [
|
|
["switch", ["toggle"]],
|
|
["light", ["toggle"]],
|
|
["fan", ["toggle"]],
|
|
["cover", ["open", "close"]],
|
|
["button", ["press"]],
|
|
["lock", ["lock", "unlock", "open"]],
|
|
];
|
|
multi_actions = [
|
|
["select", "option"],
|
|
["number", "value"],
|
|
];
|
|
|
|
source.addEventListener('state', function (e) {
|
|
const data = JSON.parse(e.data);
|
|
document.getElementById(data.id).children[1].innerText = data.state;
|
|
});
|
|
|
|
const states = document.getElementById("states");
|
|
let i = 0, row;
|
|
for (; row = states.rows[i]; i++) {
|
|
if (!row.children[2].children.length) {
|
|
continue;
|
|
}
|
|
|
|
for (const domain of actions){
|
|
if (row.classList.contains(domain[0])) {
|
|
let id = row.id.substr(domain[0].length+1);
|
|
for (let j=0;j<row.children[2].children.length && j < domain[1].length; j++){
|
|
row.children[2].children[j].addEventListener('click', function () {
|
|
const xhr = new XMLHttpRequest();
|
|
xhr.open("POST", '/'+domain[0]+'/' + id + '/' + domain[1][j], true);
|
|
xhr.send();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
for (const domain of multi_actions){
|
|
if (row.classList.contains(domain[0])) {
|
|
let id = row.id.substr(domain[0].length+1);
|
|
row.children[2].children[0].addEventListener('change', function () {
|
|
const xhr = new XMLHttpRequest();
|
|
xhr.open("POST", '/'+domain[0]+'/' + id + '/set?'+domain[1]+'=' + encodeURIComponent(this.value), true);
|
|
xhr.send();
|
|
});
|
|
}
|
|
}
|
|
}
|