diff --git a/code/data/index.html b/code/data/index.html index 412adf5c..456e2504 100644 --- a/code/data/index.html +++ b/code/data/index.html @@ -1,7 +1,7 @@ - {appname} + ESPurna @@ -51,16 +51,41 @@ setTimeout(update, 200); }); + function init() { + $.ajax({ + 'method': 'GET', + 'url': '/init', + 'dataType': 'json' + }).done(function(data) { + keys = Object.keys(data); + for (index in keys) { + key = "#" + keys[index]; + value = data[keys[index]]; + try { + if ($(key).prop('tagName') == 'INPUT') { + $(key).val(value); + } else { + $(key).html(value); + } + } catch(err) { + // nope + }; + }; + timer = setInterval(update, data.updateInterval); + document.title = data.hostname; + $("[name='pwMainsVoltage']").val(data.pwMainsVoltage); + $("[name='rfDevice']").val(data.rfDevice); + }); + } + function update() { $.ajax({ 'method': 'GET', 'url': '/status', 'dataType': 'json' }).done(function(data) { - $("#device").val(data.device); - $("#network").val(data.network.toUpperCase()); - $("#ip").val(data.ip); $("#mqtt").val(data.mqtt ? "CONNECTED" : "NOT CONNECTED"); + $("#power").val((data.power | 0) + "W"); if (data.relay) { $("#relay").addClass('btn-primary').html("ON"); $("#status").val(1); @@ -72,8 +97,8 @@ } $("#btn-admin").click(function() { - $("#panel-admin").show(); $("#panel-status").hide(); + $("#panel-admin").show(); $("#btn-admin").addClass('btn-primary'); $("#btn-status").removeClass('btn-primary'); }); @@ -96,13 +121,8 @@ event.preventDefault(); }) - function init() { - update(); - timer = setInterval(update, {updateInterval}); - $("[name='rfDevice']").val({rfDevice}); - } - init(); + update(); }); @@ -114,7 +134,7 @@