mirror of
https://github.com/emsesp/EMS-ESP32.git
synced 2025-12-07 08:19:52 +03:00
1.9.0 web - new implementation
This commit is contained in:
Paul
934
src/websrc/myesp.js
Normal file
934
src/websrc/myesp.js
Normal file
@@ -0,0 +1,934 @@
|
||||
var version = "";
|
||||
|
||||
var websock = null;
|
||||
var wsUri = "ws://" + window.location.host + "/ws";
|
||||
var utcSeconds;
|
||||
var timezone;
|
||||
var data = [];
|
||||
var ajaxobj;
|
||||
|
||||
var config = {
|
||||
"command": "configfile",
|
||||
"network": {
|
||||
"ssid": "",
|
||||
"wmode": 1,
|
||||
"password": ""
|
||||
},
|
||||
"general": {
|
||||
"hostname": "",
|
||||
"serial": false,
|
||||
"password": "admin"
|
||||
},
|
||||
"mqtt": {
|
||||
"enabled": false,
|
||||
"ip": "",
|
||||
"port": 1883,
|
||||
"base": "",
|
||||
"user": "",
|
||||
"password": "",
|
||||
"heartbeat": false
|
||||
},
|
||||
"ntp": {
|
||||
"server": "pool.ntp.org",
|
||||
"interval": 30,
|
||||
"timezone": 1,
|
||||
"enabled": true
|
||||
}
|
||||
};
|
||||
|
||||
var page = 1;
|
||||
var haspages;
|
||||
var file = {};
|
||||
var backupstarted = false;
|
||||
var updateurl = "";
|
||||
|
||||
var myespcontent;
|
||||
|
||||
function browserTime() {
|
||||
var d = new Date(0);
|
||||
var c = new Date();
|
||||
var timestamp = Math.floor((c.getTime() / 1000) + ((c.getTimezoneOffset() * 60) * -1));
|
||||
d.setUTCSeconds(timestamp);
|
||||
document.getElementById("rtc").innerHTML = d.toUTCString().slice(0, -3);
|
||||
}
|
||||
|
||||
function deviceTime() {
|
||||
var t = new Date(0); // The 0 there is the key, which sets the date to the epoch,
|
||||
var devTime = Math.floor(utcSeconds + ((t.getTimezoneOffset() * 60) * -1));
|
||||
t.setUTCSeconds(devTime);
|
||||
document.getElementById("utc").innerHTML = t.toUTCString().slice(0, -3);
|
||||
}
|
||||
|
||||
function syncBrowserTime() {
|
||||
var d = new Date();
|
||||
var timestamp = Math.floor((d.getTime() / 1000));
|
||||
var datatosend = {};
|
||||
datatosend.command = "settime";
|
||||
datatosend.epoch = timestamp;
|
||||
websock.send(JSON.stringify(datatosend));
|
||||
$("#ntp").click();
|
||||
}
|
||||
|
||||
function listntp() {
|
||||
websock.send("{\"command\":\"gettime\"}");
|
||||
|
||||
document.getElementById("ntpserver").value = config.ntp.server;
|
||||
document.getElementById("intervals").value = config.ntp.interval;
|
||||
document.getElementById("DropDownTimezone").value = config.ntp.timezone;
|
||||
|
||||
if (config.ntp.enabled) {
|
||||
$("input[name=\"ntpenabled\"][value=\"1\"]").prop("checked", true);
|
||||
}
|
||||
|
||||
browserTime();
|
||||
deviceTime();
|
||||
}
|
||||
|
||||
function revcommit() {
|
||||
document.getElementById("jsonholder").innerText = JSON.stringify(config, null, 2);
|
||||
$("#revcommit").modal("show");
|
||||
}
|
||||
|
||||
function uncommited() {
|
||||
$("#commit").fadeOut(200, function () {
|
||||
$(this).css("background", "gold").fadeIn(1000);
|
||||
});
|
||||
document.getElementById("commit").innerHTML = "<h6>Settings have changed. Click here to review and save.</h6>";
|
||||
$("#commit").click(function () {
|
||||
revcommit();
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
function custom_uncommited() {
|
||||
document.getElementById("jsonholder2").innerText = JSON.stringify(custom_config.settings, null, 2);
|
||||
$("#custom_revcommit").modal("show");
|
||||
}
|
||||
|
||||
function saventp() {
|
||||
config.ntp.server = document.getElementById("ntpserver").value;
|
||||
config.ntp.interval = parseInt(document.getElementById("intervals").value);
|
||||
config.ntp.timezone = parseInt(document.getElementById("DropDownTimezone").value);
|
||||
|
||||
config.ntp.enabled = false;
|
||||
if (parseInt($("input[name=\"ntpenabled\"]:checked").val()) === 1) {
|
||||
config.ntp.enabled = true;
|
||||
}
|
||||
|
||||
uncommited();
|
||||
}
|
||||
|
||||
function savegeneral() {
|
||||
var a = document.getElementById("adminpwd").value;
|
||||
if (a === null || a === "") {
|
||||
alert("Administrator password cannot be empty");
|
||||
return;
|
||||
}
|
||||
config.general.password = a;
|
||||
config.general.hostname = document.getElementById("hostname").value;
|
||||
|
||||
config.general.serial = false;
|
||||
if (parseInt($("input[name=\"serialenabled\"]:checked").val()) === 1) {
|
||||
config.general.serial = true;
|
||||
}
|
||||
|
||||
uncommited();
|
||||
}
|
||||
|
||||
function savemqtt() {
|
||||
config.mqtt.enabled = false;
|
||||
if (parseInt($("input[name=\"mqttenabled\"]:checked").val()) === 1) {
|
||||
config.mqtt.enabled = true;
|
||||
}
|
||||
|
||||
config.mqtt.heartbeat = false;
|
||||
if (parseInt($("input[name=\"mqttheartbeat\"]:checked").val()) === 1) {
|
||||
config.mqtt.heartbeat = true;
|
||||
}
|
||||
|
||||
config.mqtt.ip = document.getElementById("mqttip").value;
|
||||
config.mqtt.port = parseInt(document.getElementById("mqttport").value);
|
||||
config.mqtt.base = document.getElementById("mqttbase").value;
|
||||
config.mqtt.user = document.getElementById("mqttuser").value;
|
||||
config.mqtt.password = document.getElementById("mqttpwd").value;
|
||||
|
||||
uncommited();
|
||||
}
|
||||
|
||||
function savenetwork() {
|
||||
var wmode = 0;
|
||||
if (document.getElementById("inputtohide").style.display === "none") {
|
||||
var b = document.getElementById("ssid");
|
||||
config.network.ssid = b.options[b.selectedIndex].value;
|
||||
} else {
|
||||
config.network.ssid = document.getElementById("inputtohide").value;
|
||||
}
|
||||
|
||||
if (document.getElementById("wmodeap").checked) {
|
||||
wmode = 1;
|
||||
}
|
||||
|
||||
config.network.wmode = wmode;
|
||||
config.network.password = document.getElementById("wifipass").value;
|
||||
|
||||
uncommited();
|
||||
}
|
||||
|
||||
var formData = new FormData();
|
||||
|
||||
function inProgress(callback) {
|
||||
$("body").load("myesp.html #progresscontent", function (responseTxt, statusTxt, xhr) {
|
||||
if (statusTxt === "success") {
|
||||
$(".progress").css("height", "40");
|
||||
$(".progress").css("font-size", "xx-large");
|
||||
var i = 0;
|
||||
var prg = setInterval(function () {
|
||||
$(".progress-bar").css("width", i + "%").attr("aria-valuenow", i).html(i + "%");
|
||||
i++;
|
||||
if (i === 101) {
|
||||
clearInterval(prg);
|
||||
var a = document.createElement("a");
|
||||
a.href = "http://" + config.general.hostname + ".local";
|
||||
a.innerText = "Try to reconnect ESP";
|
||||
document.getElementById("reconnect").appendChild(a);
|
||||
document.getElementById("reconnect").style.display = "block";
|
||||
document.getElementById("updateprog").className = "progress-bar progress-bar-success";
|
||||
document.getElementById("updateprog").innerHTML = "Completed";
|
||||
}
|
||||
}, 500);
|
||||
switch (callback) {
|
||||
case "upload":
|
||||
$.ajax({
|
||||
url: "/update",
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false
|
||||
});
|
||||
break;
|
||||
case "commit":
|
||||
websock.send(JSON.stringify(config));
|
||||
break;
|
||||
case "destroy":
|
||||
websock.send("{\"command\":\"destroy\"}");
|
||||
break;
|
||||
case "restart":
|
||||
websock.send("{\"command\":\"restart\"}");
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
|
||||
}
|
||||
}
|
||||
}).hide().fadeIn();
|
||||
}
|
||||
|
||||
function commit() {
|
||||
inProgress("commit");
|
||||
}
|
||||
|
||||
function handleSTA() {
|
||||
document.getElementById("scanb").style.display = "block";
|
||||
document.getElementById("hidessid").style.display = "block";
|
||||
document.getElementById("hidepasswd").style.display = "block";
|
||||
}
|
||||
|
||||
function handleAP() {
|
||||
document.getElementById("ssid").style.display = "none";
|
||||
document.getElementById("scanb").style.display = "none";
|
||||
document.getElementById("hidessid").style.display = "none";
|
||||
document.getElementById("hidepasswd").style.display = "none";
|
||||
|
||||
document.getElementById("inputtohide").style.display = "block";
|
||||
}
|
||||
|
||||
function listnetwork() {
|
||||
document.getElementById("inputtohide").value = config.network.ssid;
|
||||
document.getElementById("wifipass").value = config.network.password;
|
||||
if (config.network.wmode === 1) {
|
||||
document.getElementById("wmodeap").checked = true;
|
||||
handleAP();
|
||||
} else {
|
||||
document.getElementById("wmodesta").checked = true;
|
||||
handleSTA();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function listgeneral() {
|
||||
document.getElementById("adminpwd").value = config.general.password;
|
||||
document.getElementById("hostname").value = config.general.hostname;
|
||||
|
||||
if (config.general.serial) {
|
||||
$("input[name=\"serialenabled\"][value=\"1\"]").prop("checked", true);
|
||||
}
|
||||
}
|
||||
|
||||
function listmqtt() {
|
||||
if (config.mqtt.enabled) {
|
||||
$("input[name=\"mqttenabled\"][value=\"1\"]").prop("checked", true);
|
||||
}
|
||||
|
||||
if (config.mqtt.heartbeat) {
|
||||
$("input[name=\"mqttheartbeat\"][value=\"1\"]").prop("checked", true);
|
||||
}
|
||||
|
||||
document.getElementById("mqttip").value = config.mqtt.ip;
|
||||
document.getElementById("mqttport").value = config.mqtt.port;
|
||||
document.getElementById("mqttbase").value = config.mqtt.base;
|
||||
document.getElementById("mqttuser").value = config.mqtt.user;
|
||||
document.getElementById("mqttpwd").value = config.mqtt.password;
|
||||
}
|
||||
|
||||
function listBSSID() {
|
||||
var select = document.getElementById("ssid");
|
||||
document.getElementById("wifibssid").value = select.options[select.selectedIndex].bssidvalue;
|
||||
}
|
||||
|
||||
function listSSID(obj) {
|
||||
var select = document.getElementById("ssid");
|
||||
for (var i = 0; i < obj.list.length; i++) {
|
||||
var x = parseInt(obj.list[i].rssi);
|
||||
var percentage = Math.min(Math.max(2 * (x + 100), 0), 100);
|
||||
var opt = document.createElement("option");
|
||||
opt.value = obj.list[i].ssid;
|
||||
opt.bssidvalue = obj.list[i].bssid;
|
||||
opt.innerHTML = "BSSID: " + obj.list[i].bssid + ", Signal Strength: %" + percentage + ", Network: " + obj.list[i].ssid;
|
||||
select.appendChild(opt);
|
||||
}
|
||||
document.getElementById("scanb").innerHTML = "Re-Scan";
|
||||
listBSSID();
|
||||
}
|
||||
|
||||
function scanWifi() {
|
||||
websock.send("{\"command\":\"scan\"}");
|
||||
document.getElementById("scanb").innerHTML = "...";
|
||||
document.getElementById("inputtohide").style.display = "none";
|
||||
var node = document.getElementById("ssid");
|
||||
node.style.display = "inline";
|
||||
while (node.hasChildNodes()) {
|
||||
node.removeChild(node.lastChild);
|
||||
}
|
||||
}
|
||||
|
||||
function getEvents() {
|
||||
websock.send("{\"command\":\"geteventlog\", \"page\":" + page + "}");
|
||||
}
|
||||
|
||||
function isVisible(e) {
|
||||
return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
|
||||
}
|
||||
|
||||
function getnextpage(mode) {
|
||||
if (!backupstarted) {
|
||||
document.getElementById("loadpages").innerHTML = "Loading " + page + "/" + haspages;
|
||||
}
|
||||
|
||||
if (page < haspages) {
|
||||
page = page + 1;
|
||||
var commandtosend = {};
|
||||
commandtosend.command = mode;
|
||||
commandtosend.page = page;
|
||||
websock.send(JSON.stringify(commandtosend));
|
||||
}
|
||||
}
|
||||
|
||||
function builddata(obj) {
|
||||
data = data.concat(obj.list);
|
||||
}
|
||||
|
||||
function colorStatusbar(ref) {
|
||||
var percentage = ref.style.width.slice(0, -1);
|
||||
if (percentage > 50) { ref.className = "progress-bar progress-bar-success"; } else if (percentage > 25) { ref.className = "progress-bar progress-bar-warning"; } else { ref.class = "progress-bar progress-bar-danger"; }
|
||||
}
|
||||
|
||||
function listStats() {
|
||||
|
||||
document.getElementById("uptime").innerHTML = ajaxobj.uptime;
|
||||
|
||||
document.getElementById("heap").innerHTML = ajaxobj.heap + " KB";
|
||||
document.getElementById("heap").style.width = (ajaxobj.heap * 100) / 41 + "%";
|
||||
colorStatusbar(document.getElementById("heap"));
|
||||
|
||||
document.getElementById("flash").innerHTML = ajaxobj.availsize + " KB";
|
||||
document.getElementById("flash").style.width = (ajaxobj.availsize * 100) / (ajaxobj.availsize + ajaxobj.sketchsize) + "%";
|
||||
colorStatusbar(document.getElementById("flash"));
|
||||
|
||||
document.getElementById("spiffs").innerHTML = ajaxobj.availspiffs + " KB";
|
||||
document.getElementById("spiffs").style.width = (ajaxobj.availspiffs * 100) / ajaxobj.spiffssize + "%";
|
||||
colorStatusbar(document.getElementById("spiffs"));
|
||||
|
||||
document.getElementById("ssidstat").innerHTML = ajaxobj.ssid;
|
||||
document.getElementById("ip").innerHTML = ajaxobj.ip;
|
||||
document.getElementById("mac").innerHTML = ajaxobj.mac;
|
||||
document.getElementById("signalstr").innerHTML = ajaxobj.signalstr + " %";
|
||||
document.getElementById("systemload").innerHTML = ajaxobj.systemload + " %";
|
||||
|
||||
if (ajaxobj.mqttconnected) {
|
||||
document.getElementById("mqttconnected").innerHTML = "MQTT is connected";
|
||||
document.getElementById("mqttconnected").className = "label label-success";
|
||||
} else {
|
||||
document.getElementById("mqttconnected").innerHTML = "MQTT is not connected";
|
||||
document.getElementById("mqttconnected").className = "label label-danger";
|
||||
}
|
||||
|
||||
if (ajaxobj.mqttheartbeat) {
|
||||
document.getElementById("mqttheartbeat").innerHTML = "MQTT hearbeat is enabled";
|
||||
document.getElementById("mqttheartbeat").className = "label label-success";
|
||||
} else {
|
||||
document.getElementById("mqttheartbeat").innerHTML = "MQTT hearbeat is disabled";
|
||||
document.getElementById("mqttheartbeat").className = "label label-primary";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function getContent(contentname) {
|
||||
$("#dismiss").click();
|
||||
$(".overlay").fadeOut().promise().done(function () {
|
||||
var content = $(contentname).html();
|
||||
$("#ajaxcontent").html(content).promise().done(function () {
|
||||
switch (contentname) {
|
||||
case "#statuscontent":
|
||||
listStats();
|
||||
break;
|
||||
case "#backupcontent":
|
||||
break;
|
||||
case "#ntpcontent":
|
||||
listntp();
|
||||
break;
|
||||
case "#mqttcontent":
|
||||
listmqtt();
|
||||
break;
|
||||
case "#generalcontent":
|
||||
listgeneral();
|
||||
break;
|
||||
case "#networkcontent":
|
||||
listnetwork();
|
||||
break;
|
||||
case "#eventcontent":
|
||||
page = 1;
|
||||
data = [];
|
||||
getEvents();
|
||||
break;
|
||||
case "#customcontent":
|
||||
listcustom();
|
||||
break;
|
||||
case "#custom_statuscontent":
|
||||
var version = "version " + ajaxobj.version;
|
||||
$("#mainver").text(version);
|
||||
$("#customname").text(ajaxobj.customname);
|
||||
var customname2 = " " + ajaxobj.customname;
|
||||
$("#customname2").text(customname2);
|
||||
var elem = document.getElementById("helpurl");
|
||||
elem.setAttribute("href", ajaxobj.helpurl);
|
||||
updateurl = ajaxobj.updateurl;
|
||||
listCustomStats();
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
$("[data-toggle=\"popover\"]").popover({
|
||||
container: "body"
|
||||
});
|
||||
$(this).hide().fadeIn();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function backupset() {
|
||||
var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(config, null, 2));
|
||||
var dlAnchorElem = document.getElementById("downloadSet");
|
||||
dlAnchorElem.setAttribute("href", dataStr);
|
||||
dlAnchorElem.setAttribute("download", "system_config.json");
|
||||
dlAnchorElem.click();
|
||||
}
|
||||
|
||||
function backupCustomSet() {
|
||||
var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(custom_config, null, 2));
|
||||
var dlAnchorElem = document.getElementById("downloadCustomSet");
|
||||
dlAnchorElem.setAttribute("href", dataStr);
|
||||
dlAnchorElem.setAttribute("download", "custom_config.json");
|
||||
dlAnchorElem.click();
|
||||
}
|
||||
|
||||
function restoreSet() {
|
||||
var input = document.getElementById("restoreSet");
|
||||
var reader = new FileReader();
|
||||
if ("files" in input) {
|
||||
if (input.files.length === 0) {
|
||||
alert("You did not select file to restore!");
|
||||
} else {
|
||||
reader.onload = function () {
|
||||
var json;
|
||||
try {
|
||||
json = JSON.parse(reader.result);
|
||||
} catch (e) {
|
||||
alert("Not a valid backup file!");
|
||||
return;
|
||||
}
|
||||
if (json.command === "configfile") {
|
||||
var x = confirm("File seems to be valid, do you wish to continue?");
|
||||
if (x) {
|
||||
config = json;
|
||||
uncommited();
|
||||
}
|
||||
}
|
||||
};
|
||||
reader.readAsText(input.files[0]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function restoreCustomSet() {
|
||||
var input = document.getElementById("restoreCustomSet");
|
||||
var reader = new FileReader();
|
||||
if ("files" in input) {
|
||||
if (input.files.length === 0) {
|
||||
alert("You did not select file to restore!");
|
||||
} else {
|
||||
reader.onload = function () {
|
||||
var json;
|
||||
try {
|
||||
json = JSON.parse(reader.result);
|
||||
} catch (e) {
|
||||
alert("Not a valid backup file!");
|
||||
return;
|
||||
}
|
||||
if (json.command === "custom_configfile") {
|
||||
var x = confirm("File seems to be valid, do you wish to continue?");
|
||||
if (x) {
|
||||
custom_config = json;
|
||||
custom_uncommited();
|
||||
}
|
||||
}
|
||||
};
|
||||
reader.readAsText(input.files[0]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function twoDigits(value) {
|
||||
if (value < 10) {
|
||||
return "0" + value;
|
||||
}
|
||||
return value;
|
||||
}
|
||||
|
||||
function initEventTable() {
|
||||
var newlist = [];
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
var dup = JSON.parse(data[i]);
|
||||
dup.uid = i;
|
||||
newlist[i] = {};
|
||||
newlist[i].options = {};
|
||||
newlist[i].value = {};
|
||||
newlist[i].value = dup;
|
||||
var c = dup.type;
|
||||
switch (c) {
|
||||
case "WARN":
|
||||
newlist[i].options.classes = "warning";
|
||||
break;
|
||||
case "INFO":
|
||||
newlist[i].options.classes = "info";
|
||||
break;
|
||||
case "ERRO":
|
||||
newlist[i].options.classes = "danger";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
}
|
||||
jQuery(function ($) {
|
||||
window.FooTable.init("#eventtable", {
|
||||
columns: [{
|
||||
"name": "uid",
|
||||
"title": "ID",
|
||||
"type": "text",
|
||||
"sorted": true,
|
||||
"direction": "DESC"
|
||||
},
|
||||
{
|
||||
"name": "type",
|
||||
"title": "Event Type",
|
||||
"type": "text"
|
||||
},
|
||||
{
|
||||
"name": "src",
|
||||
"title": "Source"
|
||||
},
|
||||
{
|
||||
"name": "desc",
|
||||
"title": "Description"
|
||||
},
|
||||
{
|
||||
"name": "data",
|
||||
"title": "Additional Data",
|
||||
"breakpoints": "xs sm"
|
||||
},
|
||||
{
|
||||
"name": "time",
|
||||
"title": "Date",
|
||||
"parser": function (value) {
|
||||
if (value < 1563300000) {
|
||||
return "(" + value + ")";
|
||||
} else {
|
||||
var comp = new Date();
|
||||
value = Math.floor(value + ((comp.getTimezoneOffset() * 60) * -1));
|
||||
var vuepoch = new Date(value * 1000);
|
||||
var formatted = vuepoch.getUTCFullYear() +
|
||||
"-" + twoDigits(vuepoch.getUTCMonth() + 1) +
|
||||
"-" + twoDigits(vuepoch.getUTCDate()) +
|
||||
" " + twoDigits(vuepoch.getUTCHours()) +
|
||||
":" + twoDigits(vuepoch.getUTCMinutes()) +
|
||||
":" + twoDigits(vuepoch.getUTCSeconds());
|
||||
return formatted;
|
||||
}
|
||||
},
|
||||
"breakpoints": "xs sm"
|
||||
}
|
||||
],
|
||||
rows: newlist
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function restartESP() {
|
||||
inProgress("restart");
|
||||
}
|
||||
|
||||
var nextIsNotJson = false;
|
||||
|
||||
function socketMessageListener(evt) {
|
||||
var obj = JSON.parse(evt.data);
|
||||
if (obj.hasOwnProperty("command")) {
|
||||
switch (obj.command) {
|
||||
case "status":
|
||||
ajaxobj = obj;
|
||||
getContent("#statuscontent");
|
||||
break;
|
||||
case "custom_settings":
|
||||
ajaxobj = obj;
|
||||
break;
|
||||
case "custom_status":
|
||||
ajaxobj = obj;
|
||||
getContent("#custom_statuscontent");
|
||||
break;
|
||||
case "eventlist":
|
||||
haspages = obj.haspages;
|
||||
if (haspages === 0) {
|
||||
document.getElementById("loading-img").style.display = "none";
|
||||
initEventTable();
|
||||
break;
|
||||
}
|
||||
builddata(obj);
|
||||
break;
|
||||
case "gettime":
|
||||
utcSeconds = obj.epoch;
|
||||
timezone = obj.timezone;
|
||||
deviceTime();
|
||||
break;
|
||||
case "ssidlist":
|
||||
listSSID(obj);
|
||||
break;
|
||||
case "configfile":
|
||||
config = obj;
|
||||
break;
|
||||
case "custom_configfile":
|
||||
custom_config = obj;
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (obj.hasOwnProperty("resultof")) {
|
||||
switch (obj.resultof) {
|
||||
case "eventlist":
|
||||
if (page < haspages && obj.result === true) {
|
||||
getnextpage("geteventlog");
|
||||
} else if (page === haspages) {
|
||||
initEventTable();
|
||||
document.getElementById("loading-img").style.display = "none";
|
||||
}
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function clearevent() {
|
||||
websock.send("{\"command\":\"clearevent\"}");
|
||||
$("#eventlog").click();
|
||||
}
|
||||
|
||||
function compareDestroy() {
|
||||
if (config.general.hostname === document.getElementById("compare").value) {
|
||||
$("#destroybtn").prop("disabled", false);
|
||||
} else { $("#destroybtn").prop("disabled", true); }
|
||||
}
|
||||
|
||||
function destroy() {
|
||||
inProgress("destroy");
|
||||
}
|
||||
|
||||
function restart() {
|
||||
inProgress("restart");
|
||||
}
|
||||
|
||||
$("#dismiss, .overlay").on("click", function () {
|
||||
$("#sidebar").removeClass("active");
|
||||
$(".overlay").fadeOut();
|
||||
});
|
||||
|
||||
$("#sidebarCollapse").on("click", function () {
|
||||
$("#sidebar").addClass("active");
|
||||
$(".overlay").fadeIn();
|
||||
$(".collapse.in").toggleClass("in");
|
||||
$("a[aria-expanded=true]").attr("aria-expanded", "false");
|
||||
});
|
||||
|
||||
$("#custom_status").click(function () {
|
||||
websock.send("{\"command\":\"custom_status\"}");
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#status").click(function () {
|
||||
websock.send("{\"command\":\"status\"}");
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#custom").click(function () { getContent("#customcontent"); return false; });
|
||||
|
||||
$("#network").on("click", (function () { getContent("#networkcontent"); return false; }));
|
||||
$("#general").click(function () { getContent("#generalcontent"); return false; });
|
||||
$("#mqtt").click(function () { getContent("#mqttcontent"); return false; });
|
||||
$("#ntp").click(function () { getContent("#ntpcontent"); return false; });
|
||||
$("#backup").click(function () { getContent("#backupcontent"); return false; });
|
||||
$("#reset").click(function () { $("#destroy").modal("show"); return false; });
|
||||
$("#restart").click(function () { $("#reboot").modal("show"); return false; });
|
||||
$("#eventlog").click(function () { getContent("#eventcontent"); return false; });
|
||||
|
||||
$(".noimp").on("click", function () {
|
||||
$("#noimp").modal("show");
|
||||
});
|
||||
|
||||
window.FooTable.MyFiltering = window.FooTable.Filtering.extend({
|
||||
construct: function (instance) {
|
||||
this._super(instance);
|
||||
this.acctypes = ["1", "99", "0"];
|
||||
this.acctypesstr = ["Always", "Admin", "Disabled"];
|
||||
this.def = "Access Type";
|
||||
this.$acctype = null;
|
||||
},
|
||||
$create: function () {
|
||||
this._super();
|
||||
var self = this,
|
||||
$formgrp = $("<div/>", {
|
||||
"class": "form-group"
|
||||
})
|
||||
.append($("<label/>", {
|
||||
"class": "sr-only",
|
||||
text: "Status"
|
||||
}))
|
||||
.prependTo(self.$form);
|
||||
|
||||
self.$acctype = $("<select/>", {
|
||||
"class": "form-control"
|
||||
})
|
||||
.on("change", {
|
||||
self: self
|
||||
}, self._onStatusDropdownChanged)
|
||||
.append($("<option/>", {
|
||||
text: self.def
|
||||
}))
|
||||
.appendTo($formgrp);
|
||||
|
||||
$.each(self.acctypes, function (i, acctype) {
|
||||
self.$acctype.append($("<option/>").text(self.acctypesstr[i]).val(self.acctypes[i]));
|
||||
});
|
||||
},
|
||||
_onStatusDropdownChanged: function (e) {
|
||||
var self = e.data.self,
|
||||
selected = $(this).val();
|
||||
if (selected !== self.def) {
|
||||
self.addFilter("acctype", selected, ["acctype"]);
|
||||
} else {
|
||||
self.removeFilter("acctype");
|
||||
}
|
||||
self.filter();
|
||||
},
|
||||
draw: function () {
|
||||
this._super();
|
||||
var acctype = this.find("acctype");
|
||||
if (acctype instanceof window.FooTable.Filter) {
|
||||
this.$acctype.val(acctype.query.val());
|
||||
} else {
|
||||
this.$acctype.val(this.def);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var xDown = null;
|
||||
var yDown = null;
|
||||
|
||||
function handleTouchStart(evt) {
|
||||
xDown = evt.touches[0].clientX;
|
||||
yDown = evt.touches[0].clientY;
|
||||
}
|
||||
|
||||
function handleTouchMove(evt) {
|
||||
if (!xDown || !yDown) {
|
||||
return;
|
||||
}
|
||||
|
||||
var xUp = evt.touches[0].clientX;
|
||||
var yUp = evt.touches[0].clientY;
|
||||
|
||||
var xDiff = xDown - xUp;
|
||||
var yDiff = yDown - yUp;
|
||||
|
||||
if (Math.abs(xDiff) > Math.abs(yDiff)) { /*most significant*/
|
||||
if (xDiff > 0) {
|
||||
$("#dismiss").click();
|
||||
} else {
|
||||
$("#sidebarCollapse").click();
|
||||
/* right swipe */
|
||||
}
|
||||
} else {
|
||||
if (yDiff > 0) {
|
||||
/* up swipe */
|
||||
} else {
|
||||
/* down swipe */
|
||||
}
|
||||
}
|
||||
/* reset values */
|
||||
xDown = null;
|
||||
yDown = null;
|
||||
}
|
||||
|
||||
function logout() {
|
||||
jQuery.ajax({
|
||||
type: "GET",
|
||||
url: "/login",
|
||||
async: false,
|
||||
username: "logmeout",
|
||||
password: "logmeout",
|
||||
})
|
||||
.done(function () {
|
||||
// If we don"t get an error, we actually got an error as we expect an 401!
|
||||
})
|
||||
.fail(function () {
|
||||
// We expect to get an 401 Unauthorized error! In this case we are successfully
|
||||
// logged out and we redirect the user.
|
||||
document.location = "index.html";
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
function connectWS() {
|
||||
if (window.location.protocol === "https:") {
|
||||
wsUri = "wss://" + window.location.host + "/ws";
|
||||
} else if (window.location.protocol === "file:") {
|
||||
wsUri = "ws://" + "localhost" + "/ws";
|
||||
}
|
||||
|
||||
websock = new WebSocket(wsUri);
|
||||
websock.addEventListener("message", socketMessageListener);
|
||||
|
||||
websock.onopen = function (evt) {
|
||||
websock.send("{\"command\":\"getconf\"}");
|
||||
websock.send("{\"command\":\"custom_status\"}");
|
||||
};
|
||||
}
|
||||
|
||||
function upload() {
|
||||
formData.append("bin", $("#binform")[0].files[0]);
|
||||
inProgress("upload");
|
||||
}
|
||||
|
||||
function login() {
|
||||
if (document.getElementById("password").value === "neo") {
|
||||
$("#signin").modal("hide");
|
||||
connectWS();
|
||||
} else {
|
||||
var username = "admin";
|
||||
var password = document.getElementById("password").value;
|
||||
var url = "/login";
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("get", url, true, username, password);
|
||||
xhr.onload = function (e) {
|
||||
if (xhr.readyState === 4) {
|
||||
if (xhr.status === 200) {
|
||||
$("#signin").modal("hide");
|
||||
connectWS();
|
||||
} else {
|
||||
alert("Incorrect password!");
|
||||
}
|
||||
}
|
||||
};
|
||||
xhr.send(null);
|
||||
}
|
||||
}
|
||||
|
||||
function getLatestReleaseInfo() {
|
||||
$.getJSON(updateurl).done(function (release) {
|
||||
var asset = release.assets[0];
|
||||
var downloadCount = 0;
|
||||
for (var i = 0; i < release.assets.length; i++) {
|
||||
downloadCount += release.assets[i].download_count;
|
||||
}
|
||||
var oneHour = 60 * 60 * 1000;
|
||||
var oneDay = 24 * oneHour;
|
||||
var dateDiff = new Date() - new Date(release.published_at);
|
||||
var timeAgo;
|
||||
if (dateDiff < oneDay) {
|
||||
timeAgo = (dateDiff / oneHour).toFixed(1) + " hours ago";
|
||||
} else {
|
||||
timeAgo = (dateDiff / oneDay).toFixed(1) + " days ago";
|
||||
}
|
||||
|
||||
var releaseInfo = release.name + " was updated " + timeAgo + " and downloaded " + downloadCount.toLocaleString() + " times.";
|
||||
$("#downloadupdate").attr("href", asset.browser_download_url);
|
||||
$("#releasehead").text(releaseInfo);
|
||||
$("#releasebody").text(release.body);
|
||||
$("#releaseinfo").fadeIn("slow");
|
||||
$("#versionhead").text(version);
|
||||
}).error(function () { $("#onlineupdate").html("<h5>Couldn't get release details. Make sure there is an Internet connection.</h5>"); });
|
||||
}
|
||||
|
||||
$("#update").on("shown.bs.modal", function (e) {
|
||||
getLatestReleaseInfo();
|
||||
});
|
||||
|
||||
function allowUpload() {
|
||||
$("#upbtn").prop("disabled", false);
|
||||
}
|
||||
|
||||
function start() {
|
||||
myespcontent = document.createElement("div");
|
||||
myespcontent.id = "mastercontent";
|
||||
myespcontent.style.display = "none";
|
||||
document.body.appendChild(myespcontent);
|
||||
$("#signin").on("shown.bs.modal", function () {
|
||||
$("#password").focus().select();
|
||||
});
|
||||
|
||||
$("#mastercontent").load("myesp.html", function (responseTxt, statusTxt, xhr) {
|
||||
if (statusTxt === "success") {
|
||||
$("#signin").modal({ backdrop: "static", keyboard: false });
|
||||
$("[data-toggle=\"popover\"]").popover({
|
||||
container: "body"
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function refreshEMS() {
|
||||
websock.send("{\"command\":\"custom_status\"}");
|
||||
}
|
||||
|
||||
document.addEventListener("touchstart", handleTouchStart, false);
|
||||
document.addEventListener("touchmove", handleTouchMove, false);
|
||||
Reference in New Issue
Block a user