Added Progress bar and Fixed OTA update
All checks were successful
continuous-integration/drone/pr Build is passing
All checks were successful
continuous-integration/drone/pr Build is passing
This commit is contained in:
parent
5fa1ec14e2
commit
adebeaf6cc
1 changed files with 15 additions and 3 deletions
|
@ -34,6 +34,9 @@
|
||||||
<span><input id="transmit_firmware" disabled type="submit" value="Upload"
|
<span><input id="transmit_firmware" disabled type="submit" value="Upload"
|
||||||
onclick="transmit_firmware(event)"></span>
|
onclick="transmit_firmware(event)"></span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row" id="progress_ct_ota">
|
||||||
|
<div id="progress_bar_ota" style="display: block; width:9%; background-color: #00b; padding: unset"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="card">
|
||||||
|
@ -237,7 +240,7 @@
|
||||||
|
|
||||||
if (cmd === 'G')
|
if (cmd === 'G')
|
||||||
console.log("LED switched", val);
|
console.log("LED switched", val);
|
||||||
else if (cmd === 'F') {
|
else if ((cmd === 'F') || (cmd === "C")) {
|
||||||
receive_chunk_confirmation(dv);
|
receive_chunk_confirmation(dv);
|
||||||
} else if (cmd === 'V') {
|
} else if (cmd === 'V') {
|
||||||
voltage.innerHTML = (val * 13 / 1024).toFixed(2);
|
voltage.innerHTML = (val * 13 / 1024).toFixed(2);
|
||||||
|
@ -371,10 +374,10 @@
|
||||||
headerview.setInt32(4, buf.byteLength);
|
headerview.setInt32(4, buf.byteLength);
|
||||||
headerview.setInt32(8, hash);
|
headerview.setInt32(8, hash);
|
||||||
receive_chunk_confirmation = (dv) => {
|
receive_chunk_confirmation = (dv) => {
|
||||||
resolve(i);
|
resolve(true);
|
||||||
}
|
}
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
reject(i);
|
reject(false);
|
||||||
}, 500);
|
}, 500);
|
||||||
wsWrite(frame);
|
wsWrite(frame);
|
||||||
});
|
});
|
||||||
|
@ -386,14 +389,23 @@
|
||||||
(async () => {
|
(async () => {
|
||||||
const ash = crc32(firmware_file);
|
const ash = crc32(firmware_file);
|
||||||
for (var i = 0; i * chunk_size < firmware_file.byteLength; i++) {
|
for (var i = 0; i * chunk_size < firmware_file.byteLength; i++) {
|
||||||
|
update_progress("ota", i*chunk_size/firmware_file.byteLength*100);
|
||||||
await transmit_firmware_chunk(firmware_file, i);
|
await transmit_firmware_chunk(firmware_file, i);
|
||||||
}
|
}
|
||||||
await transmit_firmware_final(firmware_file, crc32(firmware_file));
|
await transmit_firmware_final(firmware_file, crc32(firmware_file));
|
||||||
|
update_progress("ota", 100);
|
||||||
})().then(() => {
|
})().then(() => {
|
||||||
console.log("transmit_firmware done");
|
console.log("transmit_firmware done");
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function update_progress(progressBar, progress) {
|
||||||
|
var iP = Math.floor(progress);
|
||||||
|
var dBar = document.getElementById("progress_bar_" + progressBar);
|
||||||
|
dBar.innerText = iP + "%";
|
||||||
|
dBar.style.width = progress + "%";
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue