nicer formatting

pull/174/head
nemik 9 years ago
parent f8d1462edb
commit f98b66dcb4
  1. 14
      html/flash.html
  2. 38
      html/flash.js

@ -4,7 +4,7 @@
</div> </div>
<div class="content"> <div class="content">
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1 pure-u-md-1-2"> <div class="pure-u-1 pure-u-md-1-2">
<div class="card"> <div class="card">
<h1>Upgrade Firmware <h1>Upgrade Firmware
@ -12,13 +12,13 @@
</h1> </h1>
<form action="#" id="fw-form" class="pure-form" hidden> <form action="#" id="fw-form" class="pure-form" hidden>
<legend>Firmware Info</legend> <legend>Firmware Info</legend>
<p> <p>
Current firmware: <span style="font-weight: bold;" id="current-fw"></span> Current firmware: <span style="font-weight: bold;" id="current-fw"></span>
</p> </p>
<div class="pure-form-stacked"> <div class="pure-form-stacked">
<p> <p>
Make sure you upload the file called: <span style="font-weight: bold;" id="fw-slot"></span> Make sure you upload the file called: <span style="font-weight: bold;" id="fw-slot"></span>
</p> </p>
<label>Firmware File</label> <label>Firmware File</label>
<input type="file" name="fw-file" id="fw-file"/> <input type="file" name="fw-file" id="fw-file"/>
</div> </div>

@ -2,37 +2,37 @@
function flashFirmware(e) { function flashFirmware(e) {
e.preventDefault(); e.preventDefault();
var fw_data = document.getElementById('fw-file').files[0]; var fw_data = document.getElementById('fw-file').files[0];
$("#fw-form").setAttribute("hidden", ""); $("#fw-form").setAttribute("hidden", "");
$("#fw-spinner").removeAttribute("hidden"); $("#fw-spinner").removeAttribute("hidden");
showNotification("Firmware is being updated ..."); showNotification("Firmware is being updated ...");
nanoajax.ajax({url: '/flash/upload', method: 'POST', body: fw_data}, function (code, responseText, request) { nanoajax.ajax({url: '/flash/upload', method: 'POST', body: fw_data}, function (code, responseText, request) {
if(""+code == "200") if(""+code == "200")
{ {
ajaxReq("GET", "/flash/reboot", function (resp) { ajaxReq("GET", "/flash/reboot", function (resp) {
showNotification("Firmware has been successfully updated!"); showNotification("Firmware has been successfully updated!");
setTimeout(function(){ window.location.reload()}, 4000); setTimeout(function(){ window.location.reload()}, 4000);
$("#fw-spinner").setAttribute("hidden", ""); $("#fw-spinner").setAttribute("hidden", "");
$("#fw-form").removeAttribute("hidden"); $("#fw-form").removeAttribute("hidden");
}); });
} }
}) })
} }
function fetchFlash() { function fetchFlash() {
ajaxReq("GET", "/flash/next", function (resp) { ajaxReq("GET", "/flash/next", function (resp) {
$("#fw-slot").innerHTML = resp; $("#fw-slot").innerHTML = resp;
$("#fw-spinner").setAttribute("hidden", ""); $("#fw-spinner").setAttribute("hidden", "");
$("#fw-form").removeAttribute("hidden"); $("#fw-form").removeAttribute("hidden");
}); });
ajaxJson("GET", "/menu", function(data) { ajaxJson("GET", "/menu", function(data) {
var v = $("#current-fw"); var v = $("#current-fw");
if (v != null) { v.innerHTML = data.version; } if (v != null) { v.innerHTML = data.version; }
} }
); );
} }
function setMqtt(name, v) { function setMqtt(name, v) {

Loading…
Cancel
Save