2022-02-23 13:38:39 +01:00
|
|
|
var request_status = function (host) {
|
|
|
|
console.log("Update " + host.ip);
|
|
|
|
|
|
|
|
var request = new XMLHttpRequest();
|
|
|
|
request.addEventListener("load", function () {
|
|
|
|
var response;
|
|
|
|
console.log(this.status, this.responseText);
|
|
|
|
if (this.status !== 200) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
response = JSON.parse(this.responseText);
|
|
|
|
if (response.status === "up") {
|
|
|
|
host.status_node.innerHTML = "✓";
|
|
|
|
} else if (response.status === "unknown") {
|
|
|
|
setTimeout(function () {
|
|
|
|
request_status(host);
|
|
|
|
}, 1000);
|
|
|
|
} else {
|
|
|
|
host.status_node.innerHTML = "X";
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
request.open("GET", "status/" + host.ip);
|
|
|
|
request.send();
|
|
|
|
}
|
|
|
|
var request_refresh = function (host) {
|
|
|
|
console.log("Refresh " + host.ip);
|
|
|
|
|
|
|
|
var request = new XMLHttpRequest();
|
|
|
|
request.addEventListener("load", function () {
|
|
|
|
var response;
|
|
|
|
console.log(this.status, this.responseText);
|
|
|
|
if (this.status !== 200) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
response = JSON.parse(this.responseText);
|
|
|
|
if (response.status === "ok") {
|
|
|
|
host.status_node.innerHTML = "✓";
|
|
|
|
} else {
|
|
|
|
host.status_node.innerHTML = "X";
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2022-03-11 16:14:15 +01:00
|
|
|
var params = "ip=" + host.ip;
|
|
|
|
request.open("POST", "refresh", true);
|
|
|
|
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
|
|
|
request.send(params);
|
2022-02-23 13:38:39 +01:00
|
|
|
|
|
|
|
setTimeout(function () {
|
|
|
|
request_status(host);
|
|
|
|
}, 1000);
|
|
|
|
}
|
|
|
|
|
|
|
|
var request_wol = function (host) {
|
|
|
|
console.log("Wakeup " + host.mac);
|
|
|
|
|
|
|
|
host.status_node.innerText = "?";
|
|
|
|
|
|
|
|
var request = new XMLHttpRequest();
|
|
|
|
request.addEventListener("load", function () {
|
|
|
|
var response;
|
|
|
|
console.log(this.status, this.responseText);
|
|
|
|
if (this.status !== 200) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
response = JSON.parse(this.responseText);
|
|
|
|
if (response.response === "ok") {
|
|
|
|
host.status_node.innerHTML = "?";
|
|
|
|
} else {
|
|
|
|
host.status_node.innerHTML = "X";
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2022-03-11 00:33:05 +01:00
|
|
|
var params = "mac=" + host.mac;
|
|
|
|
request.open("POST", "wol", true);
|
|
|
|
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
|
|
|
request.send(params);
|
2022-02-23 13:38:39 +01:00
|
|
|
|
|
|
|
setTimeout(function () {
|
|
|
|
request_refresh(host);
|
|
|
|
}, 1000);
|
|
|
|
}
|
|
|
|
|
|
|
|
window.onload = function () {
|
|
|
|
var host_nodes = document.getElementsByClassName('host');
|
|
|
|
var hosts = [];
|
|
|
|
var i;
|
|
|
|
|
|
|
|
if (host_nodes == undefined) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
for (i = 0; i < host_nodes.length; i++) {
|
|
|
|
var host = {
|
|
|
|
ip : host_nodes[i].dataset.ip,
|
|
|
|
mac : host_nodes[i].dataset.mac
|
|
|
|
};
|
|
|
|
var status_node = host_nodes[i].getElementsByClassName('status');
|
|
|
|
var wol_button = host_nodes[i].getElementsByClassName('wol');
|
|
|
|
if (status_node == undefined || wol_button == undefined ||
|
|
|
|
status_node.length < 1 || wol_button.length < 1) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
host.status_node = status_node[0];
|
|
|
|
host.wol_button = wol_button[0];
|
|
|
|
hosts.push(host);
|
|
|
|
|
|
|
|
(function (host_bound) {
|
|
|
|
host_bound.wol_button.onclick = function (e) {
|
|
|
|
request_wol(host_bound);
|
|
|
|
}
|
|
|
|
}) (host);
|
|
|
|
|
|
|
|
request_refresh(host);
|
|
|
|
}
|
|
|
|
}
|