Firmware
installed —
-
+
@@ -279,6 +283,8 @@
System
set('mode', s.mode || '—');
set('iface', s.iface || '—');
set('state', m.playing ? '▶ PLAY' : '■ STOP');
+ $('nomaster').hidden = !s.no_devices;
+ $('mgrid').hidden = !!s.no_devices;
$('state').className = m.playing ? 'play' : 'stop';
set('bpm', m.bpm > 0 ? m.bpm.toFixed(2) : '---.-');
@@ -315,8 +321,11 @@
System
/** Shows the state of the firmware update. */
function renderOta(o) {
const busy = o.state === 'checking' || o.state === 'downloading' || o.state === 'restarting';
- set('fwstate', (OTA_TEXT[o.state] || o.state) + (o.latest && o.state !== 'up-to-date' ? ' · v' + o.latest : ''));
- $('fwcheck').disabled = busy;
+ // The box sends no status during the check. A status that comes 1.5 s after the click shows the result.
+ if (!busy && Date.now() - otaClick > 1500) otaClick = 0;
+ set('fwstate', otaClick ? OTA_TEXT.checking : (OTA_TEXT[o.state] || o.state) + (o.latest && o.state !== 'up-to-date' ? ' · v' + o.latest : ''));
+ $('fwcheck').disabled = busy || otaClick > 0;
+ $('fwspin').hidden = !(o.state === 'checking' || otaClick);
$('fwinstall').hidden = o.state !== 'available';
set('fwinstall', 'Install v' + (o.latest || '?'));
$('fwbar').hidden = o.state !== 'downloading';
@@ -324,7 +333,21 @@
System
set('fwerr', o.error || '');
}
-$('fwcheck').onclick = () => send({ type: 'ota_check' });
+let otaClick = 0;
+$('fwcheck').onclick = () => {
+ otaClick = Date.now();
+ set('fwstate', OTA_TEXT.checking);
+ $('fwcheck').disabled = true;
+ $('fwspin').hidden = false;
+ send({ type: 'ota_check' });
+};
+/** Stops the spinner of the update check. */
+function otaDone() {
+ otaClick = 0;
+ set('fwstate', '');
+ $('fwcheck').disabled = false;
+ $('fwspin').hidden = true;
+}
$('reboot').onclick = () => {
const playing = status && (status.decks || []).some((d) => d.playing);
const warn = playing ? 'A deck plays. The MIDI clock stops until the box is back, about 15 s.\n\n' : '';
@@ -781,7 +804,7 @@
System
set('conn', 'waiting');
}
-const handlers = { hello: onHello, status: onStatus, settings: onSettings, ports: onPorts, log: onLog, beat: onBeat, busy: onBusy, error: (m) => toast(m.text) };
+const handlers = { hello: onHello, status: onStatus, settings: onSettings, ports: onPorts, log: onLog, beat: onBeat, busy: onBusy, error: (m) => { otaDone(); toast(m.text); } };
function connect() {
const proto = location.protocol === 'https:' ? 'wss://' : 'ws://';