Compare commits
3 commits
33906a2930
...
ec8072a1a6
Author | SHA1 | Date | |
---|---|---|---|
|
ec8072a1a6 | ||
|
e2ca6ceade | ||
|
83c2d74a79 |
8 changed files with 144 additions and 293 deletions
Binary file not shown.
Binary file not shown.
Before Width: | Height: | Size: 2 MiB After Width: | Height: | Size: 2 MiB |
Binary file not shown.
|
@ -310,26 +310,21 @@ pwmElementTxt.innerText = pwmValue.toString();
|
||||||
}
|
}
|
||||||
updateLightStateAndPWMValues();
|
updateLightStateAndPWMValues();
|
||||||
setInterval(updateLightStateAndPWMValues, 5000);
|
setInterval(updateLightStateAndPWMValues, 5000);
|
||||||
var links = document.querySelectorAll('[id^="on"][id$="_off"]');
|
function handleOnRequest(id_full, id, value) {
|
||||||
links.forEach(function(link) {
|
var button = document.getElementById(id_full);
|
||||||
link.addEventListener('click', function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
var id_full = this.id;
|
|
||||||
var id = this.id.replace('on', '').replace('_off', '');
|
|
||||||
var xhr = new XMLHttpRequest();
|
var xhr = new XMLHttpRequest();
|
||||||
xhr.open('GET', 'http://{{IP_ADDRESS}}/?on' + id + '=false&transition=' + document.getElementById('transition').value, true);
|
xhr.open('GET', 'http://{{IP_ADDRESS}}/?on' + id + '=' + value + '&transition=' + document.getElementById('transition').value, true);
|
||||||
xhr.onreadystatechange = function () {
|
xhr.onreadystatechange = function () {
|
||||||
if (xhr.readyState === 4) {
|
if (xhr.readyState === 4) {
|
||||||
var button = document.getElementById(id_full);
|
|
||||||
if (xhr.status === 200) {
|
if (xhr.status === 200) {
|
||||||
button.classList.remove("pure-button-primary");
|
button.classList.remove("pure-button-primary");
|
||||||
button.classList.add("success");
|
button.classList.add("success");
|
||||||
button.innerHTML = "Disabled!";
|
button.innerHTML = value ? "Enabled!" : "Disabled!";
|
||||||
button.style.backgroundColor = "green";
|
button.style.backgroundColor = "green";
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
button.classList.remove("success");
|
button.classList.remove("success");
|
||||||
button.classList.add("pure-button-primary");
|
button.classList.add("pure-button-primary");
|
||||||
button.innerHTML = "OFF";
|
button.innerHTML = value ? "ON" : "OFF";
|
||||||
button.style.backgroundColor = "";
|
button.style.backgroundColor = "";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
console.log('Data successfully sent to server!');
|
console.log('Data successfully sent to server!');
|
||||||
|
@ -341,7 +336,7 @@ button.style.backgroundColor = "red";
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
button.classList.remove("error");
|
button.classList.remove("error");
|
||||||
button.classList.add("pure-button-primary");
|
button.classList.add("pure-button-primary");
|
||||||
button.innerHTML = "OFF";
|
button.innerHTML = value ? "ON" : "OFF";
|
||||||
button.style.backgroundColor = "";
|
button.style.backgroundColor = "";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
showToast('Error while sending data to server.', 'error');
|
showToast('Error while sending data to server.', 'error');
|
||||||
|
@ -351,54 +346,27 @@ console.log('Error while sending data to server.');
|
||||||
};
|
};
|
||||||
xhr.send();
|
xhr.send();
|
||||||
updateLightStateAndPWMValues();
|
updateLightStateAndPWMValues();
|
||||||
this.classList.add('pure-button-primary');
|
document.getElementById(id_full).classList.add('pure-button-primary');
|
||||||
document.getElementById('on'+id+'_on').classList.remove('pure-button-primary');
|
document.getElementById('on' + id + (value ? '_off' : '_on')).classList.remove('pure-button-primary');
|
||||||
});
|
}
|
||||||
});
|
function addOnButtonClickListener(id_full, id, value) {
|
||||||
var links = document.querySelectorAll('[id^="on"][id$="_on"]');
|
var link = document.getElementById(id_full);
|
||||||
links.forEach(function(link) {
|
|
||||||
link.addEventListener('click', function (event) {
|
link.addEventListener('click', function (event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
var id_full = this.id;
|
handleOnRequest(id_full, id, value);
|
||||||
var id = this.id.replace('on', '').replace('_on', '');
|
|
||||||
var xhr = new XMLHttpRequest();
|
|
||||||
xhr.open('GET', 'http://{{IP_ADDRESS}}/?on' + id + '=true&transition=' + document.getElementById('transition').value, true);
|
|
||||||
xhr.onreadystatechange = function () {
|
|
||||||
if (xhr.readyState === 4) {
|
|
||||||
var button = document.getElementById(id_full);
|
|
||||||
if (xhr.status === 200) {
|
|
||||||
button.classList.remove("pure-button-primary");
|
|
||||||
button.classList.add("success");
|
|
||||||
button.innerHTML = "Enabled!";
|
|
||||||
button.style.backgroundColor = "green";
|
|
||||||
setTimeout(function () {
|
|
||||||
button.classList.remove("success");
|
|
||||||
button.classList.add("pure-button-primary");
|
|
||||||
button.innerHTML = "ON";
|
|
||||||
button.style.backgroundColor = "";
|
|
||||||
}, 2000);
|
|
||||||
console.log('Data successfully sent to server!');
|
|
||||||
} else {
|
|
||||||
button.classList.remove("pure-button-primary");
|
|
||||||
button.classList.add("error");
|
|
||||||
button.innerHTML = "Error!";
|
|
||||||
button.style.backgroundColor = "red";
|
|
||||||
setTimeout(function () {
|
|
||||||
button.classList.remove("error");
|
|
||||||
button.classList.add("pure-button-primary");
|
|
||||||
button.innerHTML = "ON";
|
|
||||||
button.style.backgroundColor = "";
|
|
||||||
}, 2000);
|
|
||||||
showToast('Error while sending data to server.', 'error');
|
|
||||||
console.log('Error while sending data to server.');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
xhr.send();
|
|
||||||
updateLightStateAndPWMValues();
|
|
||||||
this.classList.add('pure-button-primary');
|
|
||||||
document.getElementById('on'+id+'_off').classList.remove('pure-button-primary');
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
var offLinks = document.querySelectorAll('[id^="on"][id$="_off"]');
|
||||||
|
offLinks.forEach(function (link) {
|
||||||
|
var id_full = link.id;
|
||||||
|
var id = link.id.replace('on', '').replace('_off', '');
|
||||||
|
addOnButtonClickListener(id_full, id, false);
|
||||||
|
});
|
||||||
|
var onLinks = document.querySelectorAll('[id^="on"][id$="_on"]');
|
||||||
|
onLinks.forEach(function (link) {
|
||||||
|
var id_full = link.id;
|
||||||
|
var id = link.id.replace('on', '').replace('_on', '');
|
||||||
|
addOnButtonClickListener(id_full, id, true);
|
||||||
});
|
});
|
||||||
function createTable() {
|
function createTable() {
|
||||||
var table = document.createElement("table");
|
var table = document.createElement("table");
|
||||||
|
|
|
@ -1,21 +1,18 @@
|
||||||
var links = document.querySelectorAll('[id^="tc_on"]');
|
function handleRequest(id, url) {
|
||||||
links.forEach(function(link) {
|
var button = document.getElementById(id);
|
||||||
link.addEventListener('click', function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
var xhr = new XMLHttpRequest();
|
var xhr = new XMLHttpRequest();
|
||||||
xhr.open('GET', 'http://{{IP_ADDRESS}}/?tc=true', true);
|
xhr.open('GET', url, true);
|
||||||
xhr.onreadystatechange = function () {
|
xhr.onreadystatechange = function () {
|
||||||
if (xhr.readyState === 4) {
|
if (xhr.readyState === 4) {
|
||||||
var button = document.getElementById("tc_on");
|
|
||||||
if (xhr.status === 200) {
|
if (xhr.status === 200) {
|
||||||
button.classList.remove("pure-button-primary");
|
button.classList.remove("pure-button-primary");
|
||||||
button.classList.add("success");
|
button.classList.add("success");
|
||||||
button.innerHTML = "Enabled!";
|
button.innerHTML = (id === 'tc_on') ? "Enabled!" : "Disabled!";
|
||||||
button.style.backgroundColor = "green";
|
button.style.backgroundColor = "green";
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
button.classList.remove("success");
|
button.classList.remove("success");
|
||||||
button.classList.add("pure-button-primary");
|
button.classList.add("pure-button-primary");
|
||||||
button.innerHTML = "ON";
|
button.innerHTML = (id === 'tc_on') ? "ON" : "OFF";
|
||||||
button.style.backgroundColor = "";
|
button.style.backgroundColor = "";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
console.log('Data successfully sent to server!');
|
console.log('Data successfully sent to server!');
|
||||||
|
@ -27,7 +24,7 @@ button.style.backgroundColor = "";
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
button.classList.remove("error");
|
button.classList.remove("error");
|
||||||
button.classList.add("pure-button-primary");
|
button.classList.add("pure-button-primary");
|
||||||
button.innerHTML = "ON";
|
button.innerHTML = (id === 'tc_on') ? "ON" : "OFF";
|
||||||
button.style.backgroundColor = "";
|
button.style.backgroundColor = "";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
showToast('Error while sending data to server.', 'error');
|
showToast('Error while sending data to server.', 'error');
|
||||||
|
@ -36,52 +33,18 @@ console.log('Error while sending data to server.');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
xhr.send();
|
xhr.send();
|
||||||
document.getElementById('tc_on').classList.add('pure-button-primary');
|
}
|
||||||
document.getElementById('tc_off').classList.remove('pure-button-primary');
|
function addButtonClickListener(id, url) {
|
||||||
});
|
var link = document.getElementById(id);
|
||||||
});
|
|
||||||
var links = document.querySelectorAll('[id^="tc_off"]');
|
|
||||||
links.forEach(function(link) {
|
|
||||||
link.addEventListener('click', function (event) {
|
link.addEventListener('click', function (event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
var xhr = new XMLHttpRequest();
|
handleRequest(id, url);
|
||||||
xhr.open('GET', 'http://{{IP_ADDRESS}}/?tc=false', true);
|
document.getElementById(id).classList.add('pure-button-primary');
|
||||||
xhr.onreadystatechange = function () {
|
document.getElementById(id === 'tc_on' ? 'tc_off' : 'tc_on').classList.remove('pure-button-primary');
|
||||||
if (xhr.readyState === 4) {
|
|
||||||
var button = document.getElementById("tc_off");
|
|
||||||
if (xhr.status === 200) {
|
|
||||||
button.classList.remove("pure-button-primary");
|
|
||||||
button.classList.add("success");
|
|
||||||
button.innerHTML = "Disabled!";
|
|
||||||
button.style.backgroundColor = "green";
|
|
||||||
setTimeout(function () {
|
|
||||||
button.classList.remove("success");
|
|
||||||
button.classList.add("pure-button-primary");
|
|
||||||
button.innerHTML = "OFF";
|
|
||||||
button.style.backgroundColor = "";
|
|
||||||
}, 2000);
|
|
||||||
console.log('Data successfully sent to server!');
|
|
||||||
} else {
|
|
||||||
button.classList.remove("pure-button-primary");
|
|
||||||
button.classList.add("error");
|
|
||||||
button.innerHTML = "Error!";
|
|
||||||
button.style.backgroundColor = "red";
|
|
||||||
setTimeout(function () {
|
|
||||||
button.classList.remove("error");
|
|
||||||
button.classList.add("pure-button-primary");
|
|
||||||
button.innerHTML = "OFF";
|
|
||||||
button.style.backgroundColor = "";
|
|
||||||
}, 2000);
|
|
||||||
showToast('Error while sending data to server.', 'error');
|
|
||||||
console.log('Error while sending data to server.');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
xhr.send();
|
|
||||||
document.getElementById('tc_off').classList.add('pure-button-primary');
|
|
||||||
document.getElementById('tc_on').classList.remove('pure-button-primary');
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
addButtonClickListener('tc_on', 'http://{{IP_ADDRESS}}/?tc=true');
|
||||||
|
addButtonClickListener('tc_off', 'http://{{IP_ADDRESS}}/?tc=false');
|
||||||
let timeoutId;
|
let timeoutId;
|
||||||
function sendSliderValue(x) {
|
function sendSliderValue(x) {
|
||||||
x = x - 1;
|
x = x - 1;
|
||||||
|
|
|
@ -361,32 +361,22 @@ function updateLightStateAndPWMValues() {
|
||||||
updateLightStateAndPWMValues();
|
updateLightStateAndPWMValues();
|
||||||
setInterval(updateLightStateAndPWMValues, 5000);
|
setInterval(updateLightStateAndPWMValues, 5000);
|
||||||
|
|
||||||
// Suche nach allen Links auf der Seite mit IDs von on0_off bis on3_off
|
function handleOnRequest(id_full, id, value) {
|
||||||
var links = document.querySelectorAll('[id^="on"][id$="_off"]');
|
var button = document.getElementById(id_full);
|
||||||
// Füge einen Klick-Listener zu jedem Link hinzu
|
|
||||||
links.forEach(function(link) {
|
|
||||||
link.addEventListener('click', function(event) {
|
|
||||||
// Verhindere, dass der Link die Seite neu lädt
|
|
||||||
event.preventDefault();
|
|
||||||
// Extrahiere die Zahl aus der ID des Links
|
|
||||||
var id_full = this.id;
|
|
||||||
var id = this.id.replace('on', '').replace('_off', '');
|
|
||||||
// Erstelle eine neue Anfrage an die entsprechende URL
|
|
||||||
var xhr = new XMLHttpRequest();
|
var xhr = new XMLHttpRequest();
|
||||||
xhr.open('GET', 'http://{{IP_ADDRESS}}/?on' + id + '=false&transition=' + document.getElementById('transition').value, true);
|
xhr.open('GET', 'http://{{IP_ADDRESS}}/?on' + id + '=' + value + '&transition=' + document.getElementById('transition').value, true);
|
||||||
|
|
||||||
xhr.onreadystatechange = function () {
|
xhr.onreadystatechange = function () {
|
||||||
if (xhr.readyState === 4) {
|
if (xhr.readyState === 4) {
|
||||||
var button = document.getElementById(id_full);
|
|
||||||
if (xhr.status === 200) {
|
if (xhr.status === 200) {
|
||||||
button.classList.remove("pure-button-primary");
|
button.classList.remove("pure-button-primary");
|
||||||
button.classList.add("success");
|
button.classList.add("success");
|
||||||
button.innerHTML = "Disabled!";
|
button.innerHTML = value ? "Enabled!" : "Disabled!";
|
||||||
button.style.backgroundColor = "green";
|
button.style.backgroundColor = "green";
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
button.classList.remove("success");
|
button.classList.remove("success");
|
||||||
button.classList.add("pure-button-primary");
|
button.classList.add("pure-button-primary");
|
||||||
button.innerHTML = "OFF";
|
button.innerHTML = value ? "ON" : "OFF";
|
||||||
button.style.backgroundColor = "";
|
button.style.backgroundColor = "";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
console.log('Data successfully sent to server!');
|
console.log('Data successfully sent to server!');
|
||||||
|
@ -398,7 +388,7 @@ links.forEach(function(link) {
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
button.classList.remove("error");
|
button.classList.remove("error");
|
||||||
button.classList.add("pure-button-primary");
|
button.classList.add("pure-button-primary");
|
||||||
button.innerHTML = "OFF";
|
button.innerHTML = value ? "ON" : "OFF";
|
||||||
button.style.backgroundColor = "";
|
button.style.backgroundColor = "";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
showToast('Error while sending data to server.', 'error');
|
showToast('Error while sending data to server.', 'error');
|
||||||
|
@ -407,65 +397,32 @@ links.forEach(function(link) {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// Sende die Anfrage im Hintergrund
|
|
||||||
xhr.send();
|
xhr.send();
|
||||||
updateLightStateAndPWMValues();
|
updateLightStateAndPWMValues();
|
||||||
this.classList.add('pure-button-primary');
|
document.getElementById(id_full).classList.add('pure-button-primary');
|
||||||
document.getElementById('on'+id+'_on').classList.remove('pure-button-primary');
|
document.getElementById('on' + id + (value ? '_off' : '_on')).classList.remove('pure-button-primary');
|
||||||
});
|
}
|
||||||
});
|
|
||||||
// Suche nach allen Links auf der Seite mit IDs von on0_off bis on3_off
|
function addOnButtonClickListener(id_full, id, value) {
|
||||||
var links = document.querySelectorAll('[id^="on"][id$="_on"]');
|
var link = document.getElementById(id_full);
|
||||||
// Füge einen Klick-Listener zu jedem Link hinzu
|
|
||||||
links.forEach(function(link) {
|
|
||||||
link.addEventListener('click', function (event) {
|
link.addEventListener('click', function (event) {
|
||||||
// Verhindere, dass der Link die Seite neu lädt
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
// Extrahiere die Zahl aus der ID des Links
|
handleOnRequest(id_full, id, value);
|
||||||
var id_full = this.id;
|
|
||||||
var id = this.id.replace('on', '').replace('_on', '');
|
|
||||||
// Erstelle eine neue Anfrage an die entsprechende URL
|
|
||||||
var xhr = new XMLHttpRequest();
|
|
||||||
xhr.open('GET', 'http://{{IP_ADDRESS}}/?on' + id + '=true&transition=' + document.getElementById('transition').value, true);
|
|
||||||
|
|
||||||
xhr.onreadystatechange = function () {
|
|
||||||
if (xhr.readyState === 4) {
|
|
||||||
var button = document.getElementById(id_full);
|
|
||||||
if (xhr.status === 200) {
|
|
||||||
button.classList.remove("pure-button-primary");
|
|
||||||
button.classList.add("success");
|
|
||||||
button.innerHTML = "Enabled!";
|
|
||||||
button.style.backgroundColor = "green";
|
|
||||||
setTimeout(function () {
|
|
||||||
button.classList.remove("success");
|
|
||||||
button.classList.add("pure-button-primary");
|
|
||||||
button.innerHTML = "ON";
|
|
||||||
button.style.backgroundColor = "";
|
|
||||||
}, 2000);
|
|
||||||
console.log('Data successfully sent to server!');
|
|
||||||
} else {
|
|
||||||
button.classList.remove("pure-button-primary");
|
|
||||||
button.classList.add("error");
|
|
||||||
button.innerHTML = "Error!";
|
|
||||||
button.style.backgroundColor = "red";
|
|
||||||
setTimeout(function () {
|
|
||||||
button.classList.remove("error");
|
|
||||||
button.classList.add("pure-button-primary");
|
|
||||||
button.innerHTML = "ON";
|
|
||||||
button.style.backgroundColor = "";
|
|
||||||
}, 2000);
|
|
||||||
showToast('Error while sending data to server.', 'error');
|
|
||||||
console.log('Error while sending data to server.');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Sende die Anfrage im Hintergrund
|
|
||||||
xhr.send();
|
|
||||||
updateLightStateAndPWMValues();
|
|
||||||
this.classList.add('pure-button-primary');
|
|
||||||
document.getElementById('on'+id+'_off').classList.remove('pure-button-primary');
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
var offLinks = document.querySelectorAll('[id^="on"][id$="_off"]');
|
||||||
|
offLinks.forEach(function (link) {
|
||||||
|
var id_full = link.id;
|
||||||
|
var id = link.id.replace('on', '').replace('_off', '');
|
||||||
|
addOnButtonClickListener(id_full, id, false);
|
||||||
|
});
|
||||||
|
|
||||||
|
var onLinks = document.querySelectorAll('[id^="on"][id$="_on"]');
|
||||||
|
onLinks.forEach(function (link) {
|
||||||
|
var id_full = link.id;
|
||||||
|
var id = link.id.replace('on', '').replace('_on', '');
|
||||||
|
addOnButtonClickListener(id_full, id, true);
|
||||||
});
|
});
|
||||||
|
|
||||||
function createTable() {
|
function createTable() {
|
||||||
|
|
|
@ -1,22 +1,20 @@
|
||||||
var links = document.querySelectorAll('[id^="tc_on"]');
|
function handleRequest(id, url) {
|
||||||
links.forEach(function(link) {
|
var button = document.getElementById(id);
|
||||||
link.addEventListener('click', function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
var xhr = new XMLHttpRequest();
|
var xhr = new XMLHttpRequest();
|
||||||
xhr.open('GET', 'http://{{IP_ADDRESS}}/?tc=true', true);
|
xhr.open('GET', url, true);
|
||||||
|
|
||||||
xhr.onreadystatechange = function () {
|
xhr.onreadystatechange = function () {
|
||||||
if (xhr.readyState === 4) {
|
if (xhr.readyState === 4) {
|
||||||
var button = document.getElementById("tc_on");
|
|
||||||
if (xhr.status === 200) {
|
if (xhr.status === 200) {
|
||||||
button.classList.remove("pure-button-primary");
|
button.classList.remove("pure-button-primary");
|
||||||
button.classList.add("success");
|
button.classList.add("success");
|
||||||
button.innerHTML = "Enabled!";
|
button.innerHTML = (id === 'tc_on') ? "Enabled!" : "Disabled!";
|
||||||
button.style.backgroundColor = "green";
|
button.style.backgroundColor = "green";
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
button.classList.remove("success");
|
button.classList.remove("success");
|
||||||
button.classList.add("pure-button-primary");
|
button.classList.add("pure-button-primary");
|
||||||
button.innerHTML = "ON";
|
button.innerHTML = (id === 'tc_on') ? "ON" : "OFF";
|
||||||
button.style.backgroundColor = "";
|
button.style.backgroundColor = "";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
console.log('Data successfully sent to server!');
|
console.log('Data successfully sent to server!');
|
||||||
|
@ -28,7 +26,7 @@ links.forEach(function(link) {
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
button.classList.remove("error");
|
button.classList.remove("error");
|
||||||
button.classList.add("pure-button-primary");
|
button.classList.add("pure-button-primary");
|
||||||
button.innerHTML = "ON";
|
button.innerHTML = (id === 'tc_on') ? "ON" : "OFF";
|
||||||
button.style.backgroundColor = "";
|
button.style.backgroundColor = "";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
showToast('Error while sending data to server.', 'error');
|
showToast('Error while sending data to server.', 'error');
|
||||||
|
@ -38,56 +36,20 @@ links.forEach(function(link) {
|
||||||
};
|
};
|
||||||
|
|
||||||
xhr.send();
|
xhr.send();
|
||||||
//console.log('tc=true call');
|
}
|
||||||
document.getElementById('tc_on').classList.add('pure-button-primary');
|
|
||||||
document.getElementById('tc_off').classList.remove('pure-button-primary');
|
function addButtonClickListener(id, url) {
|
||||||
});
|
var link = document.getElementById(id);
|
||||||
});
|
|
||||||
var links = document.querySelectorAll('[id^="tc_off"]');
|
|
||||||
links.forEach(function(link) {
|
|
||||||
link.addEventListener('click', function (event) {
|
link.addEventListener('click', function (event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
var xhr = new XMLHttpRequest();
|
handleRequest(id, url);
|
||||||
xhr.open('GET', 'http://{{IP_ADDRESS}}/?tc=false', true);
|
document.getElementById(id).classList.add('pure-button-primary');
|
||||||
|
document.getElementById(id === 'tc_on' ? 'tc_off' : 'tc_on').classList.remove('pure-button-primary');
|
||||||
xhr.onreadystatechange = function () {
|
|
||||||
if (xhr.readyState === 4) {
|
|
||||||
var button = document.getElementById("tc_off");
|
|
||||||
if (xhr.status === 200) {
|
|
||||||
button.classList.remove("pure-button-primary");
|
|
||||||
button.classList.add("success");
|
|
||||||
button.innerHTML = "Disabled!";
|
|
||||||
button.style.backgroundColor = "green";
|
|
||||||
setTimeout(function () {
|
|
||||||
button.classList.remove("success");
|
|
||||||
button.classList.add("pure-button-primary");
|
|
||||||
button.innerHTML = "OFF";
|
|
||||||
button.style.backgroundColor = "";
|
|
||||||
}, 2000);
|
|
||||||
console.log('Data successfully sent to server!');
|
|
||||||
} else {
|
|
||||||
button.classList.remove("pure-button-primary");
|
|
||||||
button.classList.add("error");
|
|
||||||
button.innerHTML = "Error!";
|
|
||||||
button.style.backgroundColor = "red";
|
|
||||||
setTimeout(function () {
|
|
||||||
button.classList.remove("error");
|
|
||||||
button.classList.add("pure-button-primary");
|
|
||||||
button.innerHTML = "OFF";
|
|
||||||
button.style.backgroundColor = "";
|
|
||||||
}, 2000);
|
|
||||||
showToast('Error while sending data to server.', 'error');
|
|
||||||
console.log('Error while sending data to server.');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
xhr.send();
|
|
||||||
//console.log('tc=false call');
|
|
||||||
document.getElementById('tc_off').classList.add('pure-button-primary');
|
|
||||||
document.getElementById('tc_on').classList.remove('pure-button-primary');
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
addButtonClickListener('tc_on', 'http://{{IP_ADDRESS}}/?tc=true');
|
||||||
|
addButtonClickListener('tc_off', 'http://{{IP_ADDRESS}}/?tc=false');
|
||||||
|
|
||||||
let timeoutId;
|
let timeoutId;
|
||||||
function sendSliderValue(x) {
|
function sendSliderValue(x) {
|
||||||
|
|
|
@ -247,6 +247,7 @@ void init_webserver()
|
||||||
EEPROM.commit();
|
EEPROM.commit();
|
||||||
Serial.print("Timing control = ");
|
Serial.print("Timing control = ");
|
||||||
Serial.println(EEPROM.read(EEPROM_TIMING_CONTROL_ENABLED_ADDRESS));
|
Serial.println(EEPROM.read(EEPROM_TIMING_CONTROL_ENABLED_ADDRESS));
|
||||||
|
tc_reset();
|
||||||
tc_update_main(); // call the main update function to read data and set the light states
|
tc_update_main(); // call the main update function to read data and set the light states
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue