Dwelling/radio/static/assets/js/main.js

45 lines
1.5 KiB
JavaScript

function updateRadioStatus() {
const $ = id => document.getElementById(id);
fetch("/stats")
.then(r => r.json())
.then(radio => {
$("radio-status").innerHTML =
`On-air since <time datetime="${radio.server_start_iso8601}">${radio.server_start_date}</time>`;
$("radio-song").textContent = radio.song;
$("radio-listeners").textContent = radio.listeners;
$("radio-listener-peak").textContent = radio.listener_peak;
}).catch(() => {
$("radio-status").textContent = "Now is offline";
$("radio-song").textContent =
$("radio-listeners").textContent =
$("radio-listener-peak").textContent = "n/a";
});
}
function updateLastPlayedSong() {
const $ = id => document.getElementById(id);
fetch('/lastsong')
.then(r => r.json())
.then(last_played => {
let cur_artist = $('last-played').firstChild.lastChild.firstChild.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 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));
});
}
function updateAll() { updateRadioStatus(); updateLastPlayedSong(); }
setInterval(updateRadioStatus, 45000);
setInterval(updateLastPlayedSong, 45000);