84 lines
2.6 KiB
JavaScript
Executable File
84 lines
2.6 KiB
JavaScript
Executable File
var xmlHttp = createXmlHttpObject();
|
|
function createXmlHttpObject() {
|
|
if (window.XMLHttpRequest) {
|
|
xmlHttp = new XMLHttpRequest();
|
|
} else {
|
|
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
|
|
}
|
|
return xmlHttp;
|
|
}
|
|
|
|
function load() {
|
|
if (xmlHttp.readyState == 0 || xmlHttp.readyState == 4) {
|
|
xmlHttp.open('PUT', '/config.json', true);
|
|
xmlHttp.send(null);
|
|
xmlHttp.onload = function () {
|
|
jsonResponse = JSON.parse(xmlHttp.responseText);
|
|
loadBlock();
|
|
}
|
|
}
|
|
}
|
|
|
|
function loadBlock() {
|
|
newData = JSON.parse(xmlHttp.responseText);
|
|
data = document.getElementsByTagName('body')[0].innerHTML;
|
|
var newString;
|
|
for (var key in newData) {
|
|
newString = data.replace(new RegExp('{{' + key + '}}', 'g'), newData[key]);
|
|
data = newString;
|
|
}
|
|
document.getElementsByTagName('body')[0].innerHTML = newString;
|
|
setFirmvareValue('version', 'firmware');
|
|
setGpioValue('ledTypeSelect', 'ledType');
|
|
setGpioValue('coldWhitePinSelect', 'coldWhitePin');
|
|
setGpioValue('warmWhitePinSelect', 'warmWhitePin');
|
|
setGpioValue('redPinSelect', 'redPin');
|
|
setGpioValue('greenPinSelect', 'greenPin');
|
|
setGpioValue('bluePinSelect', 'bluePin');
|
|
handleServerResponse();
|
|
}
|
|
|
|
function getValue(id) {
|
|
var value = document.getElementById(id).value;
|
|
return value;
|
|
}
|
|
|
|
function getSelectValue(id) {
|
|
var select = document.getElementById(id);
|
|
var value = select.value;
|
|
return value;
|
|
}
|
|
|
|
function sendRequest(submit, server) {
|
|
request = new XMLHttpRequest();
|
|
request.open("GET", server, true);
|
|
request.send();
|
|
}
|
|
|
|
function saveSetting(submit) {
|
|
server = "/setting?deviceName=" + getValue('deviceName')
|
|
+ "&espnowNetName=" + getValue('espnowNetName')
|
|
+ "&ledType=" + getSelectValue('ledTypeSelect')
|
|
+ "&coldWhitePin=" + getSelectValue('coldWhitePinSelect')
|
|
+ "&warmWhitePin=" + getSelectValue('warmWhitePinSelect')
|
|
+ "&redPin=" + getSelectValue('redPinSelect')
|
|
+ "&greenPin=" + getSelectValue('greenPinSelect')
|
|
+ "&bluePin=" + getSelectValue('bluePinSelect');
|
|
sendRequest(submit, server);
|
|
alert("Please restart device for changes apply.");
|
|
}
|
|
|
|
function restart(submit) {
|
|
server = "/restart";
|
|
sendRequest(submit, server);
|
|
}
|
|
|
|
function setFirmvareValue(id, value) {
|
|
document.getElementById(id).innerHTML = document.getElementById(value).value;
|
|
}
|
|
|
|
function setGpioValue(id, value) {
|
|
var select = document.getElementById(id);
|
|
select.value = document.getElementById(value).value;
|
|
}
|