Batyka/soundcloak
1
0
Fork 0
mirror of https://git.maid.zone/stuff/soundcloak.git synced 2025-12-10 13:49:39 +05:00
Code Issues Packages Projects Releases Wiki Activity

lazy image loading on track page :D to maybe prioritize audio when tab not focused

Browse Source
This commit is contained in:
Laptop
2025-02-13 22:43:33 +02:00
parent ffdb10be19
commit 62a335ea9a
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/playlist.templ
View File

@@ -23,9 +23,9 @@ func playlist(t sc.Track, p sc.Playlist) string {
templ PlaylistItem(playlist *sc.Playlist, showUsername bool) {
<a class="listing" href={ templ.SafeURL(playlist.Href()) }>
if playlist.Artwork != "" {
<img src={ playlist.Artwork }/>
<img loading="lazy" src={ playlist.Artwork }/>
} else {
<img src="/_/static/placeholder.jpg"/>
<img loading="lazy" src="/_/static/placeholder.jpg"/>
}
<div class="meta">
<h3>{ playlist.Title }</h3>

6
templates/track.templ
View File

@@ -131,9 +131,9 @@ templ TrackItem(track *sc.Track, showUsername bool, overrideHref string) {
}}
<a class="listing" href={ templ.SafeURL(overrideHref) }>
if track.Artwork != "" {
<img src={ track.Artwork }/>
<img loading="lazy" src={ track.Artwork }/>
} else {
<img src="/_/static/placeholder.jpg"/>
<img loading="lazy" src="/_/static/placeholder.jpg"/>
}
<div class="meta">
<h3>{ track.Title }</h3>
@@ -147,7 +147,7 @@ templ TrackItem(track *sc.Track, showUsername bool, overrideHref string) {
templ Track(prefs cfg.Preferences, t sc.Track, stream string, displayErr string, autoplay bool, playlist *sc.Playlist, nextTrack *sc.Track, volume string, mode string, audio string, downloadAudio *string, comments *sc.Paginated[*sc.Comment]) {
if t.Artwork != "" {
<img src={ t.Artwork } width="300px"/>
<img loading="lazy" src={ t.Artwork } width="300px"/>
}
<h1>{ t.Title }</h1>
@TrackPlayer(prefs, t, stream, displayErr, autoplay, nextTrack, playlist, volume, mode, audio)

4
templates/user.templ
View File

@@ -19,9 +19,9 @@ templ UserHeader(u sc.User) {
templ UserItem(user *sc.User) {
<a class="listing" href={ templ.SafeURL("/" + user.Permalink) }>
if user.Avatar != "" {
<img src={ user.Avatar }/>
<img loading="lazy" src={ user.Avatar }/>
} else {
<img src="/_/static/placeholder.jpg"/>
<img loading="lazy" src="/_/static/placeholder.jpg"/>
}
<div class="meta">
<h3>{ user.Username }</h3>