oster/hannabox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[ai] improved look&feel

Browse Source
This commit is contained in:
Stefan Ostermann
2025-08-08 23:59:26 +02:00
parent 00048face4
commit ce863f4d02
6 changed files with 745 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
web/script.js
View File

@@ -79,38 +79,60 @@ function updateProgress() {
}
function displayState(state) {
document.getElementById("state").innerHTML = state['title'];
document.getElementById("progressLabel").innerHTML = state['time'];
document.getElementById("voltage").innerHTML = state['voltage']+' mV';
document.getElementById("heap").innerHTML = state['heap']+' bytes free heap';
document.getElementById("uid").innerHTML = 'Last NFC ID: '+state['uid'];
var title = state['title'] || '—';
var titleEl = document.getElementById("state");
if (titleEl) titleEl.innerHTML = title;
var bigTitleEl = document.getElementById("stateTitle");
if (bigTitleEl) bigTitleEl.innerText = title;
var progressLabel = document.getElementById("progressLabel");
if (progressLabel) progressLabel.innerHTML = state['time'];
var progressMax = document.getElementById("progressMax");
if (progressMax) progressMax.innerHTML = state['length'] || 0;
var voltageEl = document.getElementById("voltage");
if (voltageEl) voltageEl.innerHTML = (state['voltage'] || '') + ' mV';
var heapEl = document.getElementById("heap");
if (heapEl) heapEl.innerHTML = (state['heap'] || '') + ' bytes free heap';
var uidEl = document.getElementById("uid");
if (uidEl) uidEl.innerHTML = 'Last NFC ID: ' + (state['uid'] || '');
/* ==== Autofill convenience fields ==== */
var fm = document.getElementById('fileManager');
if (state['filepath'] && fm.style.display == 'none') {
document.getElementById('moveFrom').value = state['filepath'];
document.getElementById('deleteFileName').value = state['filepath'];
document.getElementById('song').value = state['filepath'];
if (state['filepath'] && fm && fm.style.display == 'none') {
var moveFrom = document.getElementById('moveFrom');
var deleteFileName = document.getElementById('deleteFileName');
var song = document.getElementById('song');
if (moveFrom) moveFrom.value = state['filepath'];
if (deleteFileName) deleteFileName.value = state['filepath'];
if (song) song.value = state['filepath'];
}
if (state['uid']) {
document.getElementById('rfid').value = state['uid'];
var rfidEl = document.getElementById('rfid');
if (rfidEl) rfidEl.value = state['uid'];
}
var elements = document.getElementsByClassName('play-button');
var btn = elements[0];
if (state['playing']) {
btn.classList.add('paused');
} else {
btn.classList.remove('paused');
var btn = document.querySelector('.play-button');
if (btn) {
if (state['playing']) {
btn.classList.add('paused');
} else {
btn.classList.remove('paused');
}
}
if (Date.now()-lastChange>1200) {
var progress = document.getElementById('progressSlider');
progress.value = state['time'];
progress.max = state['length'];
if (progress) {
progress.value = state['time'];
progress.max = state['length'];
}
var volume = document.getElementById('volumeSlider');
volume.value = state['volume'];
if (volume) volume.value = state['volume'];
}
updateProgress();
}