_/empede
1
0
Fork 0
Code Issues Releases 18 Activity

Add album art placeholder
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Sijmen 2023-05-08 13:56:10 +02:00
parent 68a00bfe80
commit 63a365d11d
Signed by: vijfhoek
GPG key ID: DAF7821E067D9C48
4 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
static/placeholder.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.4 KiB

6
templates/browser.html
View file

@ -58,7 +58,11 @@
> >
<span class="material-symbols-outlined" title="Song">music_note</span> <span class="material-symbols-outlined" title="Song">music_note</span>
<div class="albumart"> <div class="albumart">
<img src="/art?path={{ path|urlencode }}" onerror="this.style.visibility = 'hidden'"> <img
src="/art?path={{ path|urlencode }}"
onload="this.style.visibility = 'visible'"
alt="Album art"
>
</div> </div>
<div class="song"> <div class="song">
<div class="song__name">{{ name }}</div> <div class="song__name">{{ name }}</div>

5
templates/player.html
View file

@ -5,11 +5,10 @@
{% if let Some(song) = song %} {% if let Some(song) = song %}
<div class="albumart"> <div class="albumart">
<a href="/art?path={{ song.file|urlencode }}" target="_blank"> <a href="/art?path={{ song.file|urlencode }}" target="_blank">
<img <img
src="/art?path={{ song.file|urlencode }}" src="/art?path={{ song.file|urlencode }}"
onerror="this.style.opacity = 0" onload="this.style.visibility = 'visible'"
alt="Album art" alt="Album art"
title="Album art"
> >
</a> </a>
</div> </div>

3
templates/queue.html
View file

@ -7,9 +7,8 @@
<div class="albumart"> <div class="albumart">
<img <img
src="/art?path={{ item.file|urlencode }}" src="/art?path={{ item.file|urlencode }}"
onerror="this.style.opacity = 0" onload="this.style.visibility = 'visible'"
alt="Album art" alt="Album art"
title="Album art"
> >
</div> </div>
<div class="metadata"> <div class="metadata">