mirror of
https://codeberg.org/armin/noiz.git
synced 2026-09-01 05:50:52 +02:00
remove emptyState JS refs, fix pause/stop guard to work after clear
This commit is contained in:
parent
7f68be1243
commit
b66de074ef
1 changed files with 1 additions and 8 deletions
|
|
@ -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">♫</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 {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue