function $(id) { return document.getElementById(id); } function updateRadioStatus() { fetch("/stats") .then(r => r.json()) .then(r => { $("radio-status").innerHTML = `On-air since `; $("radio-song").textContent = r.song; $("radio-listeners").textContent = r.listeners; $("radio-listener-peak").textContent = r.listener_peak; }).catch(() => { $("radio-status").textContent = "Radio is offline."; $("radio-song").textContent = $("radio-listeners").textContent = $("radio-listener-peak").textContent = "n/a"; }); } function updateLastPlayedSong() { fetch('/lastsong') .then(r => r.json()) .then(last_played => { let cur_artist = $('last-played').firstChild.lastChild.children[1].innerText; let cur_title = $('last-played').firstChild.lastChild.lastChild.innerText; if (last_played.artist == cur_artist && last_played.title == cur_title) return; $('last-played').firstChild.firstChild.remove(); let row = $('last-played').insertRow(); let start_time = row.insertCell(); start_time.appendChild(document.createTextNode(last_played.start_time_local)); let artist_cell = row.insertCell(); artist_cell.appendChild(document.createTextNode(last_played.artist)); let title_cell = row.insertCell(); title_cell.appendChild(document.createTextNode(last_played.title)); }); } document.getElementById("btn-update").addEventListener("click", () => { updateLastPlayedSong(); updateRadioStatus(); }) setInterval(updateRadioStatus, 45000); setInterval(updateLastPlayedSong, 45000);