tobimai
6e171fbde7
All checks were successful
Test compiling project / test (push) Successful in 2m23s
58 lines
1.5 KiB
HTML
58 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<link rel="stylesheet" href="/chota.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="card bd-success">
|
|
<header class="is-center">
|
|
<h4>Update running</h4>
|
|
</header>
|
|
<div class="is-center" id="progress">
|
|
Running update...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script>
|
|
const ws = new WebSocket('ws://' + window.location.host + '/ws');
|
|
|
|
ws.onopen = function() {
|
|
console.log('WebSocket connection opened.');
|
|
};
|
|
|
|
ws.onmessage = function(event) {
|
|
console.log('Progress:', event.data);
|
|
// Update the progress bar
|
|
let progress = parseInt(event.data);
|
|
if (progress == -1) {
|
|
document.getElementById('progress').textContent = "Upgrade Done, wait for reboot...";
|
|
|
|
const checkStatus = setInterval(() => {
|
|
fetch('/ota_udpate_status')
|
|
.then(response => {
|
|
if (response.ok) {
|
|
clearInterval(checkStatus);
|
|
window.location.href = '/';
|
|
}
|
|
})
|
|
.catch(error => console.error('Error checking OTA update status:', error));
|
|
}, 1000);
|
|
} else {
|
|
document.getElementById('progress').textContent = progress + '%';
|
|
}
|
|
|
|
|
|
};
|
|
|
|
ws.onerror = function(error) {
|
|
console.error('WebSocket error:', error);
|
|
};
|
|
|
|
ws.onclose = function() {
|
|
console.log('WebSocket connection closed.');
|
|
};
|
|
</script> |