remove emptyState JS refs, fix pause/stop guard to work after clear

This commit is contained in:
Armin 2026-07-08 19:46:45 +02:00
commit b66de074ef

View file

@ -136,11 +136,6 @@ footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hid
<img id="coverImage" src="" alt="" style="display:none"> <img id="coverImage" src="" alt="" style="display:none">
</div> </div>
<div class="canvas-area" id="canvasArea"> <div class="canvas-area" id="canvasArea">
<div class="empty-state" id="emptyState">
<div class="icon">&#9835;</div>
<h2>No music loaded</h2>
<p>Drag a folder of audio files onto this window.</p>
</div>
<canvas id="spectrum" width="480" height="200"></canvas> <canvas id="spectrum" width="480" height="200"></canvas>
<div class="progress-row" id="progressRow"> <div class="progress-row" id="progressRow">
<span id="timeCurrent">0:00</span> <span id="timeCurrent">0:00</span>
@ -728,7 +723,6 @@ const scanning = document.getElementById('scanning');
const scanningText = scanning.querySelector('span'); const scanningText = scanning.querySelector('span');
const trackList = document.getElementById('trackList'); const trackList = document.getElementById('trackList');
const trackCount = document.getElementById('trackCount'); const trackCount = document.getElementById('trackCount');
const emptyState = document.getElementById('emptyState');
const player = document.getElementById('player'); const player = document.getElementById('player');
const playlist = document.getElementById('playlist'); const playlist = document.getElementById('playlist');
const footer = document.getElementById('footer'); const footer = document.getElementById('footer');
@ -1452,7 +1446,6 @@ function renderTracks() {
trackList.appendChild(div); trackList.appendChild(div);
}); });
const hasT = tracks.length > 0 || !audio.paused; const hasT = tracks.length > 0 || !audio.paused;
emptyState.style.display = hasT ? 'none' : 'flex';
canvas.style.display = hasT ? 'block' : 'none'; canvas.style.display = hasT ? 'block' : 'none';
progressRow.style.display = hasT ? 'flex' : 'none'; progressRow.style.display = hasT ? 'flex' : 'none';
} }
@ -1623,7 +1616,7 @@ playBtn.addEventListener('click', () => {
} }
}); });
pauseBtn.addEventListener('click', () => { pauseBtn.addEventListener('click', () => {
if (currentIndex < 0) return; if (currentIndex < 0 && audio.paused) return;
if (audio.paused) { if (audio.paused) {
audio.play().catch(() => {}); audio.play().catch(() => {});
} else { } else {