139 lines
4.4 KiB
JavaScript
139 lines
4.4 KiB
JavaScript
function timeSince(obj) {
|
|
last = new Date(Number(obj));
|
|
var seconds = Math.floor((new Date() - last) / 1000);
|
|
interval = Math.floor(seconds / 3600);
|
|
out = "";
|
|
|
|
if (interval > 24) return "at " + last.toUTCString().substr(4);
|
|
if (interval > 1) out = interval + " hours ";
|
|
|
|
interval = Math.floor(seconds / 60);
|
|
|
|
if (seconds < 120) out = seconds + " seconds "
|
|
else if (interval > 1 && interval < 120) out = out + interval + " minutes ";
|
|
|
|
return out + "ago";
|
|
}
|
|
|
|
function styleStatus(msg, device) {
|
|
device_status = $("#" + device + "-indicator");
|
|
device_ip = $("#" + device + "-ip");
|
|
device_network = $("#" + device + "-network");
|
|
device_name = $("#" + device + "-name");
|
|
device_id = $("#" + device + "-id");
|
|
|
|
device_status.css("color", msg.status == 1 ? "green" : (msg.status == 2 ? "yellow" : (msg.status == 0 ? "red" : "grey")));
|
|
device_status.prop("title", msg.status == 1 ? "Online and in VPN mode" : (msg.status == 2 ? "Online and in local mode" : (msg.status == 0 ? "Offline" : "No information available")));
|
|
|
|
if (msg.hasOwnProperty("ip")) {
|
|
device_ip.text(msg.ip + (msg.status == 1 ? "" :" (" + timeSince(msg.time) + ")"));
|
|
};
|
|
|
|
if (msg.hasOwnProperty("network")) {
|
|
device_network.text(msg.network.intip + (msg.network.name ? (" (" + msg.network.name + ")") : ""));
|
|
};
|
|
|
|
if (msg.hasOwnProperty("reboot")) {
|
|
device_id.css("font-style", msg.reboot == 1 ? "italic" : "normal")
|
|
};
|
|
|
|
if (msg.hasOwnProperty("update")) {
|
|
device_id.css("font-weight", msg.update == 1 ? "bold" : "normal")
|
|
};
|
|
|
|
if (msg.hasOwnProperty("name")) {
|
|
device_name.text(msg.name);
|
|
};
|
|
};
|
|
|
|
function updateStatus(device_id) {
|
|
$.getJSON( "/devices/" + device_id + "/ping/", function(json) { styleStatus(json, device_id); });
|
|
};
|
|
|
|
function askdelete(device_id) {
|
|
if (confirm("Are you sure you want to delete this Device?")) window.location.href = "/devices/" + device_id + "/delete";
|
|
};
|
|
|
|
function askdeletewifi(wifi_id) {
|
|
if (confirm("Are you sure you want to delete this WiFi?")) window.location.href = "/wifi/" + wifi_id + "/delete";
|
|
};
|
|
|
|
function askdeleteuser(user_id) {
|
|
if (confirm("Are you sure you want to delete this User?")) window.location.href = "/users/" + user_id + "/delete";
|
|
};
|
|
|
|
function askreboot(device_id) {
|
|
if (confirm("Are you sure you want to reboot this Device?")) window.location.href = "/devices/" + device_id + "/reboot";
|
|
};
|
|
|
|
function downloadnotice() {
|
|
alert("Your file is being prepared. This will take a minute, please be patient and do not leave this page. The download will start automatically.");
|
|
};
|
|
|
|
function showdevices() {
|
|
$("#devicespart").show();
|
|
$("#wifipart").hide();
|
|
$("#userpart").hide();
|
|
$("#netpart").hide();
|
|
|
|
$("#linkdevices").css("font-weight", "bold");
|
|
$("#linkwifi").css("font-weight", "normal");
|
|
$("#linkusers").css("font-weight", "normal");
|
|
$("#linknets").css("font-weight", "normal");
|
|
|
|
window.history.pushState("", "", "/devices/");
|
|
};
|
|
|
|
function showwifi() {
|
|
$("#devicespart").hide();
|
|
$("#wifipart").show();
|
|
$("#userpart").hide();
|
|
$("#netpart").hide();
|
|
|
|
$("#linkdevices").css("font-weight", "normal");
|
|
$("#linkwifi").css("font-weight", "bold");
|
|
$("#linkusers").css("font-weight", "normal");
|
|
$("#linknets").css("font-weight", "normal");
|
|
|
|
window.history.pushState("", "", "/wifi/");
|
|
};
|
|
|
|
function showusers() {
|
|
$("#devicespart").hide();
|
|
$("#wifipart").hide();
|
|
$("#userpart").show();
|
|
$("#netpart").hide();
|
|
|
|
$("#linkdevices").css("font-weight", "normal");
|
|
$("#linkwifi").css("font-weight", "normal");
|
|
$("#linkusers").css("font-weight", "bold");
|
|
$("#linknets").css("font-weight", "normal");
|
|
|
|
window.history.pushState("", "", "/users/");
|
|
};
|
|
|
|
function shownets() {
|
|
$("#devicespart").hide();
|
|
$("#wifipart").hide();
|
|
$("#userpart").hide();
|
|
$("#netpart").show();
|
|
|
|
$("#linkdevices").css("font-weight", "normal");
|
|
$("#linkwifi").css("font-weight", "normal");
|
|
$("#linkusers").css("font-weight", "normal");
|
|
$("#linknets").css("font-weight", "bold");
|
|
|
|
window.history.pushState("", "", "/networks/");
|
|
};
|
|
|
|
var page = document.location.pathname.substring(1, document.location.pathname.lastIndexOf('/'));
|
|
if (page == "users") showusers();
|
|
else if (page == "wifi") showwifi();
|
|
else if (page == "networks") shownets();
|
|
else showdevices();
|
|
|
|
$("div[id$='-indicator']").each(function() {
|
|
device_id = this.id.split("-")[0];
|
|
updateStatus(device_id);
|
|
setInterval(updateStatus, 10000, device_id);
|
|
});
|