empede/templates/queue.html

27 lines
710 B
HTML

{# Template #}
<!DOCTYPE html>
<div class="queue-header">
<div class="queue-next">Next in queue</div>
<div class="queue-clear" role="button" hx-delete="/queue">
<span class="material-symbols-outlined">playlist_remove</span>
Clear
</div>
</div>
<ul class="queue">
{% for item in queue %}
<li {% if item.playing %}class="playing"{% endif %}>
<div class="albumart">
<img src="/art?path={{ item.file }}" onerror="this.style.opacity = 0">
</div>
<div class="metadata">
<div class="song__name">{{ item.title }}</div>
{% if let Some(artist) = item.artist %}
<div class="song__artist">{{ artist }}</div>
{% endif %}
</div>
</li>
{% endfor %}
</ul>