hedera-web/pages/production/main.js

162 lines
3.0 KiB
JavaScript
Raw Normal View History

/**
* Time in seconds between every request.
*/
2018-01-17 11:49:09 +00:00
var INTERVAL = 15;
var requestInterval = INTERVAL;
var failedRequests = 0;
var timeoutId = null;
var request = null;
2018-01-17 13:16:52 +00:00
var myText;
var myStatus;
var myError;
function onBodyLoad ()
{
2018-01-17 13:16:52 +00:00
setTimeout (setText, 1000);
2018-01-17 11:49:09 +00:00
}
function onSettingsClick ()
{
var deviceId = localStorage.getItem ('hederaDeviceId');
if (deviceId == null)
deviceId = '';
deviceId = prompt ('Enter the device identifier', deviceId);
2018-01-17 11:49:09 +00:00
if (deviceId == null)
return;
if (deviceId)
localStorage.setItem ('hederaDeviceId', deviceId);
else if (deviceId === '')
localStorage.removeItem ('hederaDeviceId');
if (timeoutId != null)
{
clearTimeout (timeoutId);
timeoutId = null;
}
if (request)
{
request.abort ();
request = null;
}
2018-01-17 11:49:09 +00:00
setText ();
}
2018-01-17 13:18:30 +00:00
function setText ()
{
display (null, null, null);
updateText ();
}
function updateText ()
{
var deviceId = localStorage.getItem ('hederaDeviceId');
if (!deviceId)
{
2018-01-17 11:49:09 +00:00
display (null, null, 'Device id not set');
return;
}
var formData = new FormData ();
formData.append ('srv', 'json:misc/production');
formData.append ('deviceId', deviceId);
request = new XMLHttpRequest();
request.open ('POST', '', true);
request.onreadystatechange =
onRequestChange.bind (null, request);
request.send (formData);
}
function onRequestChange (request)
{
if (request.readyState !== 4)
return;
try {
switch (request.status)
{
case 200:
2018-01-17 11:49:09 +00:00
var data = JSON.parse (request.responseText).data;
display (data.displayText, data.status, null);
requestInterval = INTERVAL;
failedRequests = 0;
break;
case 400:
var json = JSON.parse (request.responseText);
throw new Error (json.data.message);
2018-01-17 11:49:09 +00:00
case 0:
throw new Error ('Connection lost');
default:
throw new Error ('HTTP '+ request.status +': '+ request.statusText);
}
}
catch (e)
{
2018-01-17 13:16:52 +00:00
display (myText, myStatus, e.message);
console.error (e.message);
failedRequests++;
if (failedRequests > 10 && requestInterval < 60)
{
2018-01-17 11:49:09 +00:00
requestInterval += parseInt (Math.random() * INTERVAL) + 1;
console.warn ('Request interval increased to %d seconds.', requestInterval);
}
}
timeoutId = setTimeout (updateText, requestInterval * 1000);
request = null;
}
2018-01-17 11:49:09 +00:00
function display (text, status, error)
{
2018-01-17 13:16:52 +00:00
if (text === myText && status === myStatus && error === myError)
2018-01-17 11:49:09 +00:00
return;
var bgColor;
2018-01-17 13:16:52 +00:00
var body = document.body;
2018-01-17 11:49:09 +00:00
if (error)
{
2018-01-17 13:16:52 +00:00
text = text ? text : 'Er';
2022-05-28 01:18:06 +00:00
$.error.textContent = error;
$.error.style.display = 'block';
2017-12-11 08:38:25 +00:00
bgColor = 'red';
}
2018-01-17 11:49:09 +00:00
else
2017-12-11 08:38:25 +00:00
{
2022-05-28 01:18:06 +00:00
$.error.textContent = '';
$.error.style.display = 'none';
2018-01-17 11:49:09 +00:00
bgColor = 'green';
}
2017-12-11 08:38:25 +00:00
2022-05-28 01:18:06 +00:00
$.text.textContent = text;
2018-01-17 13:16:52 +00:00
body.className = status ? status : '';
2018-01-17 11:49:09 +00:00
body.addEventListener ('transitionend', onTransitionEnd);
body.style.backgroundColor = bgColor;
2018-01-17 13:16:52 +00:00
myText = text;
myStatus = status;
myError = error;
2017-12-11 08:38:25 +00:00
}
function onTransitionEnd ()
{
var body = document.body;
body.removeEventListener ('transitionend', onTransitionEnd);
body.style.backgroundColor = '';
}
function $ (elementId)
{
return document.getElementById (elementId);
}