// First, checks if it isn't implemented yet.
if (!String.prototype.format) {
String.prototype.format = function() {
var args = arguments;
return this.replace(/{(\d+)}/g, function(match, number) {
return typeof args[number] != 'undefined' ?
args[number] :
match;
});
};
}
if (!String.prototype.encodeHTML) {
String.prototype.encodeHTML = function () {
return this.replace(/&/g, '&')
.replace(//g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
};
}
var nvs_type_t = {
NVS_TYPE_U8: 0x01,
/*!< Type uint8_t */
NVS_TYPE_I8: 0x11,
/*!< Type int8_t */
NVS_TYPE_U16: 0x02,
/*!< Type uint16_t */
NVS_TYPE_I16: 0x12,
/*!< Type int16_t */
NVS_TYPE_U32: 0x04,
/*!< Type uint32_t */
NVS_TYPE_I32: 0x14,
/*!< Type int32_t */
NVS_TYPE_U64: 0x08,
/*!< Type uint64_t */
NVS_TYPE_I64: 0x18,
/*!< Type int64_t */
NVS_TYPE_STR: 0x21,
/*!< Type string */
NVS_TYPE_BLOB: 0x42,
/*!< Type blob */
NVS_TYPE_ANY: 0xff /*!< Must be last */
};
var bt_icons = {
'bt_playing':'',
'bt_disconnected':'',
'bt_neutral':'',
'bt_connected':'',
'bt_disabled':'',
'bt_searching':'',
'play_circle_outline':'',
'play_circle_filled':'',
'play_arrow':'',
'pause':'',
'stop':'',
'':''
};
var bt_state_icon = [
{"desc":"Idle", "sub":["bt_neutral"]},
{"desc":"Discovering","sub":["bt_searching"]},
{"desc":"Discovered","sub":["bt_searching"]},
{"desc":"Unconnected","sub":["bt_disabled"]},
{"desc":"Connecting","sub":["bt_disabled"]},
{"desc":"Connected","sub":["bt_connected", "play_circle_outline", "bt_playing", "pause", "stop"]},
{"desc":"Disconnecting","sub":["bt_neutral"]},
];
pillcolors = {
'MESSAGING_INFO' : 'badge-success',
'MESSAGING_WARNING' : 'badge-warning',
'MESSAGING_ERROR' : 'badge-danger'
}
var task_state_t = {
0: "eRunning",
/*!< A task is querying the state of itself, so must be running. */
1: "eReady",
/*!< The task being queried is in a read or pending ready list. */
2: "eBlocked",
/*!< The task being queried is in the Blocked state. */
3: "eSuspended",
/*!< The task being queried is in the Suspended state, or is in the Blocked state with an infinite time out. */
4: "eDeleted"
}
var escapeHTML = function(unsafe) {
return unsafe.replace(/[&<"']/g, function(m) {
switch (m) {
case '&':
return '&';
case '<':
return '<';
case '"':
return '"';
default:
return ''';
}
});
};
function handlebtstate(data){
var icon = '';
var tt='';
if (data['bt_status']!=undefined && data['bt_sub_status']!=undefined) {
var iconsvg=bt_state_icon[data['bt_status']]?.sub[data['bt_sub_status']];
if(iconsvg){
icon = bt_icons[iconsvg];
tt=bt_state_icon[data['bt_status']]?.desc;
}
else {
icon = bt_icons.bt_connected;
tt='Output status';
}
}
o_type.title=tt;
$('#o_bt').html(icon);
}
function setNavColor(stylename){
$('[name=secnav]').removeClass('bg-secondary bg-warning');
$("footer.footer").removeClass('bg-secondary bg-warning');
$("#mainnav").removeClass('bg-secondary bg-warning');
if(stylename.length>0){
$('[name=secnav]').addClass(stylename);
$("footer.footer").addClass(stylename);
$("#mainnav").addClass(stylename);
}
}
function handleTemplateTypeRadio(outtype){
if (outtype == 'bt') {
$('#bt').prop('checked',true);
o_bt.setAttribute("display", "inline");
o_spdif.setAttribute("display", "none");
o_i2s.setAttribute("display", "none");
output = 'bt';
} else if (outtype == 'spdif') {
$('#spdif').prop('checked',true);
o_bt.setAttribute("display", "none");
o_spdif.setAttribute("display", "inline");
o_i2s.setAttribute("display", "none");
output = 'spdif';
} else {
$('#i2s').prop('checked',true);
o_bt.setAttribute("display", "none");
o_spdif.setAttribute("display", "none");
o_i2s.setAttribute("display", "inline");
output = 'i2s';
}
}
function handleExceptionResponse(xhr, ajaxOptions, thrownError){
console.log(xhr.status);
console.log(thrownError);
enableStatusTimer=true;
if (thrownError != '') showLocalMessage(thrownError, 'MESSAGING_ERROR');
}
function HideCmdMessage(cmdname){
$('#toast_'+cmdname).css('display','none');
$('#toast_'+cmdname).removeClass('table-success').removeClass('table-warning').removeClass('table-danger').addClass('table-success');
$('#msg_'+cmdname).html('');
}
function showCmdMessage(cmdname,msgtype, msgtext,append=false){
color='table-success';
if (msgtype == 'MESSAGING_WARNING') {
color='table-warning';
} else if (msgtype == 'MESSAGING_ERROR') {
color ='table-danger';
}
$('#toast_'+cmdname).css('display','block');
$('#toast_'+cmdname).removeClass('table-success').removeClass('table-warning').removeClass('table-danger').addClass(color);
escapedtext=escapeHTML(msgtext.substring(0, msgtext.length - 1)).replace(/\n/g, '
');
escapedtext=($('#msg_'+cmdname).html().length>0 && append?$('#msg_'+cmdname).html()+'
':'')+escapedtext;
$('#msg_'+cmdname).html(escapedtext);
}
var releaseURL = 'https://api.github.com/repos/sle118/squeezelite-esp32/releases';
var recovery = false;
var enableAPTimer = true;
var enableStatusTimer = true;
var commandHeader = 'squeezelite -b 500:2000 -d all=info -C 30 -W';
var pname, ver, otapct, otadsc;
var blockAjax = false;
var blockFlashButton = false;
var dblclickCounter = 0;
var apList = null;
var selectedSSID = "";
var refreshAPInterval = null;
var checkStatusInterval = null;
var messagecount=0;
var messageseverity="MESSAGING_INFO";
var StatusIntervalActive = false;
var RefreshAPIIntervalActive = false;
var LastRecoveryState = null;
var LastCommandsState = null;
var output = '';
Promise.prototype.delay = function(duration) {
return this.then(function(value) {
return new Promise(function(resolve) {
setTimeout(function() {
resolve(value)
}, duration)
})
}, function(reason) {
return new Promise(function(resolve, reject) {
setTimeout(function() {
reject(reason)
}, duration)
})
})
}
function stopCheckStatusInterval() {
if (checkStatusInterval != null) {
clearTimeout(checkStatusInterval);
checkStatusInterval = null;
}
StatusIntervalActive = false;
}
function stopRefreshAPInterval() {
if (refreshAPInterval != null) {
clearTimeout(refreshAPInterval);
refreshAPInterval = null;
}
RefreshAPIIntervalActive = false;
}
function startCheckStatusInterval() {
StatusIntervalActive = true;
checkStatusInterval = setTimeout(checkStatus, 3000);
}
function startRefreshAPInterval() {
RefreshAPIIntervalActive = true;
refreshAPInterval = setTimeout(refreshAP(false), 4500); // leave enough time for the initial scan
}
function RepeatCheckStatusInterval() {
if (StatusIntervalActive)
startCheckStatusInterval();
}
function RepeatRefreshAPInterval() {
if (RefreshAPIIntervalActive)
startRefreshAPInterval();
}
function getConfigJson(slimMode) {
var config = {};
$("input.nvs").each(function() {
var key = $(this)[0].id;
var val = $(this).val();
if (!slimMode) {
var nvs_type = parseInt($(this)[0].attributes.nvs_type.nodeValue, 10);
if (key != '') {
config[key] = {};
if (nvs_type == nvs_type_t.NVS_TYPE_U8 ||
nvs_type == nvs_type_t.NVS_TYPE_I8 ||
nvs_type == nvs_type_t.NVS_TYPE_U16 ||
nvs_type == nvs_type_t.NVS_TYPE_I16 ||
nvs_type == nvs_type_t.NVS_TYPE_U32 ||
nvs_type == nvs_type_t.NVS_TYPE_I32 ||
nvs_type == nvs_type_t.NVS_TYPE_U64 ||
nvs_type == nvs_type_t.NVS_TYPE_I64) {
config[key].value = parseInt(val);
} else {
config[key].value = val;
}
config[key].type = nvs_type;
}
} else {
config[key] = val;
}
});
var key = $("#nvs-new-key").val();
var val = $("#nvs-new-value").val();
if (key != '') {
if (!slimMode) {
config[key] = {};
config[key].value = val;
config[key].type = 33;
} else {
config[key] = val;
}
}
return config;
}
function onFileLoad(elementId, event) {
var data = {};
try {
data = JSON.parse(elementId.srcElement.result);
} catch (e) {
alert('Parsing failed!\r\n ' + e);
}
$("input.nvs").each(function() {
var key = $(this)[0].id;
var val = $(this).val();
if (data[key]) {
if (data[key] != val) {
console.log("Changed " & key & " " & val & "==>" & data[key]);
$(this).val(data[key]);
}
} else {
console.log("Value " & key & " missing from file");
}
});
}
function onChooseFile(event, onLoadFileHandler) {
if (typeof window.FileReader !== 'function')
throw ("The file API isn't supported on this browser.");
input = event.target;
if (!input)
throw ("The browser does not properly implement the event object");
if (!input.files)
throw ("This browser does not support the `files` property of the file input.");
if (!input.files[0])
return undefined;
file = input.files[0];
fr = new FileReader();
fr.onload = onLoadFileHandler;
fr.readAsText(file);
input.value = "";
}
function delay_reboot(duration,cmdname, ota=false){
url= (ota?'/reboot_ota.json':'/reboot.json');
$("tbody#tasks").empty();
setNavColor('bg-secondary');
enableStatusTimer=false;
$("#tasks_sect").css('visibility','collapse');
Promise.resolve(cmdname).delay(duration).then(function(cmdname) {
if(cmdname?.length >0){
showCmdMessage(cmdname,'MESSAGING_WARNING','Rebooting the ESP32.\n',true);
}
else {
showLocalMessage('Rebooting the ESP32.\n','MESSAGING_WARNING')
}
console.log('now triggering reboot');
$.ajax({
url: this.url,
dataType: 'text',
method: 'POST',
cache: false,
contentType: 'application/json; charset=utf-8',
data: JSON.stringify({
'timestamp': Date.now()
}),
error: handleExceptionResponse,
complete: function(response) {
console.log('reboot call completed');
enableStatusTimer=true;
Promise.resolve(cmdname).delay(6000).then(function(cmdname) {
if(cmdname?.length >0) HideCmdMessage(cmdname);
getCommands();
getConfig();
});
}
});
});
}
function save_autoexec1(apply){
showCmdMessage('cfg-audio-tmpl','MESSAGING_INFO',"Saving.\n",false);
var commandLine = commandHeader + ' -n "' + $("#player").val() + '"';
if (output == 'bt') {
commandLine += ' -o "BT" -R -Z 192000';
showCmdMessage('cfg-audio-tmpl','MESSAGING_INFO',"Remember to configure the Bluetooth audio device name.\n",true);
} else if (output == 'spdif') {
commandLine += ' -o SPDIF -Z 192000';
} else {
commandLine += ' -o I2S';
}
if ($("#optional").val() != '') {
commandLine += ' ' + $("#optional").val();
}
var data = {
'timestamp': Date.now()
};
autoexec = $("#disable-squeezelite").prop('checked') ? "0" : "1";
data['config'] = {
autoexec1: { value: commandLine, type: 33 },
autoexec: { value: autoexec, type: 33 }
}
$.ajax({
url: '/config.json',
dataType: 'text',
method: 'POST',
cache: false,
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(data),
error: handleExceptionResponse,
complete: function(response) {
if(JSON.parse(response?.responseText)?.result == "OK"){
showCmdMessage('cfg-audio-tmpl','MESSAGING_INFO',"Done.\n",true);
if (apply) {
delay_reboot(1500,"cfg-audio-tmpl");
}
}
else if(response.responseText) {
showCmdMessage('cfg-audio-tmpl','MESSAGING_WARNING',JSON.parse(response.responseText).Result + "\n",true);
}
else {
showCmdMessage('cfg-audio-tmpl','MESSAGING_ERROR',response.responseText+'\n');
}
console.log(response.responseText);
}
});
console.log('sent data:', JSON.stringify(data));
}
$(document).ready(function() {
// $(".dropdown-item").on("click", function(e){
// var linkText = $(e.relatedTarget).text(); // Get the link text
// });
$("input#show-commands")[0].checked = LastCommandsState == 1 ? true : false;
$('a[href^="#tab-commands"]').hide();
$("#load-nvs").click(function() {
$("#nvsfilename").trigger('click');
});
$("#wifi-status").on("click", ".ape", function() {
$("#wifi").slideUp("fast", function() {});
$("#connect-details").slideDown("fast", function() {});
});
$("#clear-syslog").on("click",function(){
messagecount=0;
messageseverity="MESSAGING_INFO";
$('#msgcnt').text('');
$("#syslogTable").html('');
});
$("#manual_add").on("click", ".ape", function() {
selectedSSID = $(this).text();
$("#ssid-pwd").text(selectedSSID);
$("#wifi").slideUp("fast", function() {});
$("#connect_manual").slideDown("fast", function() {});
$("#connect").slideUp("fast", function() {});
//update wait screen
$("#loading").show();
$("#connect-success").hide();
$("#connect-fail").hide();
});
$("#wifi-list").on("click", ".ape", function() {
selectedSSID = $(this).text();
$("#ssid-pwd").text(selectedSSID);
$("#wifi").slideUp("fast", function() {});
$("#connect_manual").slideUp("fast", function() {});
$("#connect").slideDown("fast", function() {});
//update wait screen
$("#loading").show();
$("#connect-success").hide();
$("#connect-fail").hide();
});
$("#cancel").on("click", function() {
selectedSSID = "";
$("#connect").slideUp("fast", function() {});
$("#connect_manual").slideUp("fast", function() {});
$("#wifi").slideDown("fast", function() {});
});
$("#manual_cancel").on("click", function() {
selectedSSID = "";
$("#connect").slideUp("fast", function() {});
$("#connect_manual").slideUp("fast", function() {});
$("#wifi").slideDown("fast", function() {});
});
$("#join").on("click", function() {
performConnect();
});
$("#manual_join").on("click", function() {
performConnect($(this).data('connect'));
});
$("#ok-details").on("click", function() {
$("#connect-details").slideUp("fast", function() {});
$("#wifi").slideDown("fast", function() {});
});
$("#ok-credits").on("click", function() {
$("#credits").slideUp("fast", function() {});
$("#app").slideDown("fast", function() {});
});
$("#acredits").on("click", function(event) {
event.preventDefault();
$("#app").slideUp("fast", function() {});
$("#credits").slideDown("fast", function() {});
});
$("#ok-connect").on("click", function() {
$("#connect-wait").slideUp("fast", function() {});
$("#wifi").slideDown("fast", function() {});
});
$("#disconnect").on("click", function() {
$("#connect-details-wrap").addClass('blur');
$("#diag-disconnect").slideDown("fast", function() {});
});
$("#no-disconnect").on("click", function() {
$("#diag-disconnect").slideUp("fast", function() {});
$("#connect-details-wrap").removeClass('blur');
});
$("#yes-disconnect").on("click", function() {
stopCheckStatusInterval();
selectedSSID = "";
$("#diag-disconnect").slideUp("fast", function() {});
$("#connect-details-wrap").removeClass('blur');
$.ajax({
url: '/connect.json',
dataType: 'text',
method: 'DELETE',
cache: false,
contentType: 'application/json; charset=utf-8',
data: JSON.stringify({
'timestamp': Date.now()
})
});
startCheckStatusInterval();
$("#connect-details").slideUp("fast", function() {});
$("#wifi").slideDown("fast", function() {})
});
$("input#show-commands").on("click", function() {
this.checked = this.checked ? 1 : 0;
if (this.checked) {
$('a[href^="#tab-commands"]').show();
LastCommandsState = 1;
} else {
LastCommandsState = 0;
$('a[href^="#tab-commands"]').hide();
}
});
$("input#show-nvs").on("click", function() {
this.checked = this.checked ? 1 : 0;
if (this.checked) {
$('a[href^="#tab-nvs"]').show();
} else {
$('a[href^="#tab-nvs"]').hide();
}
});
$("#save-as-nvs").on("click", function() {
var data = {
'timestamp': Date.now()
};
var config = getConfigJson(true);
const a = document.createElement("a");
a.href = URL.createObjectURL(
new Blob([JSON.stringify(config, null, 2)], {
type: "text/plain"
}));
a.setAttribute("download", "nvs_config" + Date.now() + "json");
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
console.log('sent config JSON with headers:', JSON.stringify(headers));
console.log('sent config JSON with data:', JSON.stringify(data));
});
$("#save-nvs").on("click", function() {
var headers = {};
var data = {
'timestamp': Date.now()
};
var config = getConfigJson(false);
data['config'] = config;
$.ajax({
url: '/config.json',
dataType: 'text',
method: 'POST',
cache: false,
headers: headers,
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(data),
error: handleExceptionResponse
});
console.log('sent config JSON with headers:', JSON.stringify(headers));
console.log('sent config JSON with data:', JSON.stringify(data));
});
$("#fwUpload").on("click", function() {
var upload_path = "/flash.json";
if(!recovery) $('#flash-status').text('Rebooting to OTA');
var fileInput = document.getElementById("flashfilename").files;
if (fileInput.length == 0) {
alert("No file selected!");
} else {
var file = fileInput[0];
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4) {
if (xhttp.status == 200) {
showLocalMessage(xhttp.responseText, 'MESSAGING_INFO')
} else if (xhttp.status == 0) {
showLocalMessage("Upload connection was closed abruptly!", 'MESSAGING_ERROR');
} else {
showLocalMessage(xhttp.status + " Error!\n" + xhttp.responseText, 'MESSAGING_ERROR');
}
}
};
xhttp.open("POST", upload_path, true);
xhttp.send(file);
}
enableStatusTimer = true;
});
$("#flash").on("click", function() {
var data = {
'timestamp': Date.now()
};
if (blockFlashButton) return;
blockFlashButton = true;
var url = $("#fwurl").val();
data['config'] = {
fwurl: {
value: url,
type: 33
}
};
$.ajax({
url: '/config.json',
dataType: 'text',
method: 'POST',
cache: false,
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(data),
error: handleExceptionResponse
});
enableStatusTimer = true;
});
$('[name=output-tmpl]').on("click", function() {
handleTemplateTypeRadio(this.id);
});
$('#fwcheck').on("click", function() {
$("#releaseTable").html("");
$("#fwbranch").empty();
$.getJSON(releaseURL, function(data) {
var i = 0;
var branches = [];
data.forEach(function(release) {
namecomponents=release.name.split('#');
ver=namecomponents[0];
idf=namecomponents[1];
cfg=namecomponents[2];
branch=namecomponents[3];
if (!branches.includes(branch)) {
branches.push(branch);
}
});
var fwb;
branches.forEach(function(branch) {
fwb += '';
});
$("#fwbranch").append(fwb);
data.forEach(function(release) {
var url = '';
release.assets.forEach(function(asset) {
if (asset.name.match(/\.bin$/)) {
url = asset.browser_download_url;
}
});
namecomponents = release.name.split('#');
ver=namecomponents[0];
idf=namecomponents[1];
cfg=namecomponents[2];
branch=namecomponents[3];
var body = release.body;
body = body.replace(/\'/ig, "\"");
body = body.replace(/[\s\S]+(### Revision Log[\s\S]+)### ESP-IDF Version Used[\s\S]+/, "$1");
body = body.replace(/- \(.+?\) /g, "- ");
var [date, time] = release.created_at.split('T');
var trclass = (i++ > 6) ? ' hide' : '';
$("#releaseTable").append(
"
" +
"" + ver + " | " +
"" + date + " | " +
"" + cfg + " | " +
"" + idf + " | " +
"" + branch + " | " +
" | " +
"
"
);
});
if (i > 7) {
$("#releaseTable").append(
"" +
"" +
"" +
" | " +
"
"
);
$('#showallbutton').on("click", function() {
$("tr.hide").removeClass("hide");
$("tr#showall").addClass("hide");
});
}
$("#searchfw").css("display", "inline");
})
.fail(function() {
alert("failed to fetch release history!");
});
});
$('input#searchinput').on("input", function() {
var s = $('input#searchinput').val();
var re = new RegExp(s, "gi");
if (s.length == 0) {
$("tr.release").removeClass("hide");
} else if (s.length < 3) {
$("tr.release").addClass("hide");
} else {
$("tr.release").addClass("hide");
$("tr.release").each(function(tr) {
$(this).find('td').each(function() {
if ($(this).html().match(re)) {
$(this).parent().removeClass('hide');
}
});
});
}
});
$("#fwbranch").change(function(e) {
var branch = this.value;
var re = new RegExp('^' + branch + '$', "gi");
$("tr.release").addClass("hide");
$("tr.release").each(function(tr) {
$(this).find('td').each(function() {
console.log($(this).html());
if ($(this).html().match(re)) {
$(this).parent().removeClass('hide');
}
});
});
});
$('#boot-button').on("click", function() {
enableStatusTimer = true;
});
$('#reboot-button').on("click", function() {
enableStatusTimer = true;
});
$('#updateAP').on("click", function() {
refreshAP(true);
console.log("refresh AP");
});
//first time the page loads: attempt to get the connection status and start the wifi scan
refreshAP(false);
getConfig();
getCommands();
//start timers
startCheckStatusInterval();
//startRefreshAPInterval();
$('[data-toggle="tooltip"]').tooltip({
html: true,
placement: 'right',
});
});
function setURL(button) {
var url = button.dataset.url;
$("#fwurl").val(url);
$('[data-url^="http"]').addClass("btn-success").removeClass("btn-danger");
$('[data-url="' + url + '"]').addClass("btn-danger").removeClass("btn-success");
}
function performConnect(conntype) {
//stop the status refresh. This prevents a race condition where a status
//request would be refreshed with wrong ip info from a previous connection
//and the request would automatically shows as succesful.
stopCheckStatusInterval();
//stop refreshing wifi list
stopRefreshAPInterval();
var pwd;
var dhcpname;
if (conntype == 'manual') {
//Grab the manual SSID and PWD
selectedSSID = $('#manual_ssid').val();
pwd = $("#manual_pwd").val();
dhcpname = $("#dhcp-name2").val();;
} else {
pwd = $("#pwd").val();
dhcpname = $("#dhcp-name1").val();;
}
//reset connection
$("#loading").show();
$("#connect-success").hide();
$("#connect-fail").hide();
$("#ok-connect").prop("disabled", true);
$("#ssid-wait").text(selectedSSID);
$("#connect").slideUp("fast", function() {});
$("#connect_manual").slideUp("fast", function() {});
$("#connect-wait").slideDown("fast", function() {});
$.ajax({
url: '/connect.json',
dataType: 'text',
method: 'POST',
cache: false,
// headers: { 'X-Custom-ssid': selectedSSID, 'X-Custom-pwd': pwd, 'X-Custom-host_name': dhcpname },
contentType: 'application/json; charset=utf-8',
data: JSON.stringify({
'timestamp': Date.now(),
'ssid': selectedSSID,
'pwd': pwd,
'host_name': dhcpname
}),
error: handleExceptionResponse
});
//now we can re-set the intervals regardless of result
startCheckStatusInterval();
startRefreshAPInterval();
}
function rssiToIcon(rssi) {
if (rssi >= -60) {
return 'w0';
} else if (rssi >= -67) {
return 'w1';
} else if (rssi >= -75) {
return 'w2';
} else {
return 'w3';
}
}
function refreshAP(force) {
if (!enableAPTimer && !force) return;
$.getJSON("/scan.json", async function(data) {
await sleep(2000);
$.getJSON("/ap.json", function(data) {
if (data.length > 0) {
//sort by signal strength
data.sort(function(a, b) {
var x = a["rssi"];
var y = b["rssi"];
return ((x < y) ? 1 : ((x > y) ? -1 : 0));
});
apList = data;
refreshAPHTML(apList);
}
});
});
}
function refreshAPHTML(data) {
var h = "";
data.forEach(function(e, idx, array) {
h += ''.format(idx === array.length - 1 ? '' : ' brdb', rssiToIcon(e.rssi), e.auth == 0 ? '' : 'pw', e.ssid);
h += "\n";
});
$("#wifi-list").html(h)
}
function getMessages() {
$.getJSON("/messages.json?1", async function(data) {
for (const msg of data) {
var msg_age = msg["current_time"] - msg["sent_time"];
var msg_time = new Date();
msg_time.setTime(msg_time.getTime() - msg_age);
switch (msg["class"]) {
case "MESSAGING_CLASS_OTA":
//message: "{"ota_dsc":"Erasing flash complete","ota_pct":0}"
var ota_data = JSON.parse(msg["message"]);
if (ota_data.hasOwnProperty('ota_pct') && ota_data['ota_pct'] != 0) {
otapct = ota_data['ota_pct'];
$('.progress-bar').css('width', otapct + '%').attr('aria-valuenow', otapct);
$('.progress-bar').html(otapct + '%');
}
if (ota_data.hasOwnProperty('ota_dsc') && ota_data['ota_dsc'] != '') {
otadsc = ota_data['ota_dsc'];
$("span#flash-status").html(otadsc);
if (msg.type == "MESSAGING_ERROR" || otapct > 95) {
blockFlashButton = false;
enableStatusTimer = true;
}
}
break;
case "MESSAGING_CLASS_STATS":
// for task states, check structure : task_state_t
var stats_data = JSON.parse(msg["message"]);
console.log(msg_time.toLocaleString() + " - Number of tasks on the ESP32: " + stats_data["ntasks"]);
console.log(msg_time.toLocaleString() + '\tname' + '\tcpu' + '\tstate' + '\tminstk' + '\tbprio' + '\tcprio' + '\tnum');
if(stats_data["tasks"]){
if($("#tasks_sect").css('visibility') =='collapse'){
$("#tasks_sect").css('visibility','visible');
}
var trows="";
stats_data["tasks"].sort(function(a, b){
return (b.cpu-a.cpu);
}).forEach(function(task) {
console.log(msg_time.toLocaleString() + '\t' + task["nme"] + '\t' + task["cpu"] + '\t' + task_state_t[task["st"]] + '\t' + task["minstk"] + '\t' + task["bprio"] + '\t' + task["cprio"] + '\t' + task["num"]);
trows+='' + task["num"]+ ' | ' + task["nme"] + ' | ' + task["cpu"] + ' | ' + task_state_t[task["st"]] + ' | ' + task["minstk"]+ ' | ' + task["bprio"]+ ' | ' + task["cprio"] + ' |
'
});
$("tbody#tasks").html(trows);
}
else if($("#tasks_sect").css('visibility') =='visible'){
$("tbody#tasks").empty();
$("#tasks_sect").css('visibility','collapse');
}
break;
case "MESSAGING_CLASS_SYSTEM":
var r = showMessage(msg,msg_time, msg_age);
break;
case "MESSAGING_CLASS_CFGCMD":
var msgparts=msg["message"].split(/([^\n]*)\n(.*)/gs);
showCmdMessage(msgparts[1],msg['type'],msgparts[2],true);
break;
default:
break;
}
}
})
.fail( handleExceptionResponse);
/*
Minstk is minimum stack space left
Bprio is base priority
cprio is current priority
nme is name
st is task state. I provided a "typedef" that you can use to convert to text
cpu is cpu percent used
*/
}
function handleRecoveryMode(data){
if (data.hasOwnProperty('recovery')) {
if (LastRecoveryState != data["recovery"]) {
LastRecoveryState = data["recovery"];
$("input#show-nvs")[0].checked = LastRecoveryState == 1 ? true : false;
}
if ($("input#show-nvs")[0].checked) {
$('a[href^="#tab-nvs"]').show();
} else {
$('a[href^="#tab-nvs"]').hide();
}
enableStatusTimer = true;
if (data["recovery"] === 1) {
recovery = true;
$("#reboot_ota_nav").show();
$("#reboot_nav").hide();
$("#otadiv").show();
$('#uploaddiv').show();
$("footer.footer").removeClass('sl');
setNavColor('bg-warning');
$("#boot-button").html('Reboot');
$("#boot-form").attr('action', '/reboot_ota.json');
$("flashfilename").show();
$("fwUpload").show();
} else {
recovery = false;
$("#reboot_ota_nav").hide();
$("#reboot_nav").show();
$("#otadiv").hide();
$('#uploaddiv').hide();
setNavColor('');
$("footer.footer").addClass('sl');
$("#boot-button").html('Recovery');
$("#boot-form").attr('action', '/recovery.json');
$("flashfilename").hide();
$("fwUpload").hide();
}
}
}
function handleWifiStatus(data){
if (data.hasOwnProperty('ssid') && data['ssid'] != "") {
if (data["ssid"] === selectedSSID) {
//that's a connection attempt
if (data["urc"] === 0) {
//got connection
$("#connected-to span").text(data["ssid"]);
$("#connect-details h1").text(data["ssid"]);
$("#ip").text(data["ip"]);
$("#netmask").text(data["netmask"]);
$("#gw").text(data["gw"]);
$("#wifi-status").slideDown("fast", function() {});
$("span#foot-wifi").html(", SSID: " + data["ssid"] + ", IP: " + data["ip"] + "");
//unlock the wait screen if needed
$("#ok-connect").prop("disabled", false);
//update wait screen
$("#loading").hide();
$("#connect-success").text("Your IP address now is: " + data["ip"]);
$("#connect-success").show();
$("#connect-fail").hide();
enableAPTimer = false;
} else if (data["urc"] === 1) {
//failed attempt
$("#connected-to span").text('');
$("#connect-details h1").text('');
$("#ip").text('0.0.0.0');
$("#netmask").text('0.0.0.0');
$("#gw").text('0.0.0.0');
$("span#foot-wifi").html("");
//don't show any connection
$("#wifi-status").slideUp("fast", function() {});
//unlock the wait screen
$("#ok-connect").prop("disabled", false);
//update wait screen
$("#loading").hide();
$("#connect-fail").show();
$("#connect-success").hide();
enableAPTimer = true;
enableStatusTimer = true;
}
} else if (data.hasOwnProperty('urc') && data['urc'] === 0) {
//ESP32 is already connected to a wifi without having the user do anything
if (!($("#wifi-status").is(":visible"))) {
$("#connected-to span").text(data["ssid"]);
$("#connect-details h1").text(data["ssid"]);
$("#ip").text(data["ip"]);
$("#netmask").text(data["netmask"]);
$("#gw").text(data["gw"]);
$("#wifi-status").slideDown("fast", function() {});
$("span#foot-wifi").html(", SSID: " + data["ssid"] + ", IP: " + data["ip"] + "");
}
enableAPTimer = false;
}
} else if (data.hasOwnProperty('urc') && data['urc'] === 2) {
//that's a manual disconnect
if ($("#wifi-status").is(":visible")) {
$("#wifi-status").slideUp("fast", function() {});
$("span#foot-wifi").html("");
}
enableAPTimer = true;
enableStatusTimer = true;
}
}
function checkStatus() {
RepeatCheckStatusInterval();
if (!enableStatusTimer) return;
if (blockAjax) return;
blockAjax = true;
getMessages();
$.getJSON("/status.json", function(data) {
handleRecoveryMode(data);
handleWifiStatus(data);
handlebtstate(data);
if (data.hasOwnProperty('project_name') && data['project_name'] != '') {
pname = data['project_name'];
}
if (data.hasOwnProperty('version') && data['version'] != '') {
ver = data['version'];
$("span#foot-fw").html("fw: " + ver + ", mode: " + pname + "");
} else {
$("span#flash-status").html('');
}
if (data.hasOwnProperty('Voltage')) {
var voltage = data['Voltage'];
var layer;
/* Assuming Li-ion 18650s as a power source, 3.9V per cell, or above is treated
as full charge (>75% of capacity). 3.4V is empty. The gauge is loosely
following the graph here:
https://learn.adafruit.com/li-ion-and-lipoly-batteries/voltages
using the 0.2C discharge profile for the rest of the values.
*/
if (voltage > 0) {
if (inRange(voltage, 5.8, 6.8) || inRange(voltage, 8.8, 10.2)) {
layer = bat0;
} else if (inRange(voltage, 6.8, 7.4) || inRange(voltage, 10.2, 11.1)) {
layer = bat1;
} else if (inRange(voltage, 7.4, 7.5) || inRange(voltage, 11.1, 11.25)) {
layer = bat2;
} else if (inRange(voltage, 7.5, 7.8) || inRange(voltage, 11.25, 11.7)) {
layer = bat3;
} else {
layer = bat4;
}
layer.setAttribute("display","inline");
}
}
if (data.hasOwnProperty('Jack')) {
var jack = data['Jack'];
if (jack) {
o_jack.setAttribute("display", "inline");
}
}
blockAjax = false;
})
.fail(function(xhr, ajaxOptions, thrownError) {
handleExceptionResponse(xhr, ajaxOptions, thrownError);
blockAjax = false;
});
}
function runCommand(button, reboot) {
cmdstring = button.attributes.cmdname.value;
showCmdMessage(button.attributes.cmdname.value,'MESSAGING_INFO',"Executing.",false);
fields = document.getElementById("flds-" + cmdstring);
cmdstring += ' ';
if (fields) {
allfields = fields.querySelectorAll("select,input");
for (i = 0; i < allfields.length; i++) {
attr = allfields[i].attributes;
qts = '';
opt = '';
isSelect = allfields[i].attributes?.class?.value == "custom-select";
if ((isSelect && allfields[i].selectedIndex != 0) || !isSelect) {
if (attr.longopts.value !== "undefined") {
opt += '--' + attr.longopts.value;
} else if (attr.shortopts.value !== "undefined") {
opt = '-' + attr.shortopts.value;
}
if (attr.hasvalue.value == "true") {
if (allfields[i].value != '') {
qts = (/\s/.test(allfields[i].value)) ? '"' : '';
cmdstring += opt + ' '+ qts + allfields[i].value + qts + ' ';
}
} else {
// this is a checkbox
if (allfields[i].checked) cmdstring += opt + ' ';
}
}
}
}
console.log(cmdstring);
var data = {
'timestamp': Date.now()
};
data['command'] = cmdstring;
$.ajax({
url: '/commands.json',
dataType: 'text',
method: 'POST',
cache: false,
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(data),
error: handleExceptionResponse,
complete: function(response) {
//var returnedResponse = JSON.parse(response.responseText);
console.log(response.responseText);
if (response.responseText && JSON.parse(response.responseText).Result == "Success" && reboot) {
delay_reboot(2500,button.attributes.cmdname.value);
}
}
});
enableStatusTimer = true;
}
function getCommands() {
$.getJSON("/commands.json", function(data) {
console.log(data);
data.commands.forEach(function(command) {
if ($("#flds-" + command.name).length == 0) {
cmd_parts = command.name.split('-');
isConfig = cmd_parts[0]=='cfg';
targetDiv= '#tab-' + cmd_parts[0]+'-'+cmd_parts[1];
innerhtml = '';
//innerhtml+=''+(isConfig?'':'');
innerhtml += '';
innerhtml += ' ';
if (isConfig) {
$(targetDiv).append(innerhtml);
} else {
$("#commands-list").append(innerhtml);
}
}
});
data.commands.forEach(function(command) {
$('[cmdname='+command.name+']:input').val('');
$('[cmdname='+command.name+']:checkbox').prop('checked',false);
if (command.hasOwnProperty("argtable")) {
command.argtable.forEach(function(arg) {
ctrlselector = '#' + command.name + '-' + arg.longopts;
ctrlValue = data.values?.[command.name]?.[arg.longopts];
if (arg.checkbox) {
$(ctrlselector)[0].checked = ctrlValue;
} else {
if(ctrlValue!=undefined) $(ctrlselector).val( ctrlValue ).change();
if ($(ctrlselector)[0].value.length == 0 && (arg?.datatype || '').includes('|')) {
$(ctrlselector)[0].value = '--';
}
}
});
}
});
})
.fail(function(xhr, ajaxOptions, thrownError) {
handleExceptionResponse(xhr, ajaxOptions, thrownError);
$("#commands-list").empty();
blockAjax = false;
});
}
function getConfig() {
$.getJSON("/config.json", function(entries) {
$("#nvsTable tr").remove();
data = entries.hasOwnProperty('config') ? entries.config : entries;
Object.keys(data).sort().forEach(function(key, i) {
if (data.hasOwnProperty(key)) {
val = data[key].value;
if (key == 'autoexec') {
if (data["autoexec"].value === "0") {
$("#disable-squeezelite")[0].checked = true;
} else {
$("#disable-squeezelite")[0].checked = false;
}
} else if (key == 'autoexec1') {
var re = /-o\s?(["][^"]*["]|[^-]+)/g;
var m = re.exec(val);
if (m[1].toUpperCase().startsWith('I2S')) {
handleTemplateTypeRadio('i2s');
} else if (m[1].toUpperCase().startsWith('SPDIF')) {
handleTemplateTypeRadio('spdif');
} else if (m[1].toUpperCase().startsWith('"BT')) {
handleTemplateTypeRadio('bt');
}
} else if (key == 'host_name') {
val = val.replaceAll('"', '');
$("input#dhcp-name1").val(val);
$("input#dhcp-name2").val(val);
$("#player").val(val);
document.title=val;
}
$("tbody#nvsTable").append(
" " +
"" + key + " | " +
"" +
"" +
" | " +
" "
);
$("input#" + key).val(data[key].value);
}
});
$("tbody#nvsTable").append(" | | ");
if (entries.hasOwnProperty('gpio')) {
$("tbody#gpiotable tr").remove();
entries.gpio.forEach(function(gpio_entry) {
cl = gpio_entry.fixed ? "table-secondary" : "table-primary";
$("tbody#gpiotable").append(' ' + gpio_entry.group + ' | ' + gpio_entry.name + ' | ' + gpio_entry.gpio + ' | ' + (gpio_entry.fixed ? 'Fixed':'Configuration') + ' |
---|
');
});
}
})
.fail(function(xhr, ajaxOptions, thrownError) {
handleExceptionResponse(xhr, ajaxOptions, thrownError);
blockAjax = false;
});
}
function showLocalMessage(message,severity, age = 0){
msg={
'type':'Local',
'message':message,
'type' : severity
}
showMessage(msg,severity,age);
}
function showMessage(msg, msg_time,age = 0) {
color='table-success';
if (msg['type'] == 'MESSAGING_WARNING') {
color='table-warning';
if(messageseverity=='MESSAGING_INFO'){
messageseverity = 'MESSAGING_WARNING';
}
} else if (msg['type'] == 'MESSAGING_ERROR') {
if(messageseverity=='MESSAGING_INFO' || messageseverity=='MESSAGING_WARNING'){
messageseverity = 'MESSAGING_ERROR';
}
color ='table-danger';
}
if(++messagecount>0){
$('#msgcnt').removeClass('badge-success');
$('#msgcnt').removeClass('badge-warning');
$('#msgcnt').removeClass('badge-danger');
$('#msgcnt').addClass(pillcolors[messageseverity]);
$('#msgcnt').text(messagecount);
}
$("#syslogTable").append(
" " +
"" + msg_time.toLocaleString() + " | " +
"" + escapeHTML(msg["message"]).replace(/\n/g, ' ') + " | " +
" "
);
}
function inRange(x, min, max) {
return ((x - min) * (x - max) <= 0);
}
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
} |