2023-04-25 01:26:27 +00:00
|
|
|
{# Template #}
|
|
|
|
|
<!DOCTYPE html>
|
2023-04-27 13:41:28 +00:00
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
2023-04-25 01:26:27 +00:00
|
|
|
<ul class="queue">
|
|
|
|
|
{% for item in queue %}
|
|
|
|
|
<li {% if item.playing %}class="playing"{% endif %}>
|
2023-04-27 01:40:19 +00:00
|
|
|
<div class="albumart">
|
2023-04-27 13:36:35 +00:00
|
|
|
<img src="/art?path={{ item.file }}" onerror="this.style.opacity = 0">
|
2023-04-27 01:40:19 +00:00
|
|
|
</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>
|
2023-04-25 01:26:27 +00:00
|
|
|
</li>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</ul>
|
