boiii/traxxx
1
0
Fork 0
forked from DebaucheryLibrarian/traxxx
Code Issues Pull Requests Projects Releases Wiki Activity

Added lazy-loading to release tile posters.

Browse Source
This commit is contained in:
ThePendulum
2020-05-07 02:10:28 +02:00
parent af9d8f7858
commit c410294022
6 changed files with 37 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
assets/components/releases/releases.vue
View File

@@ -5,7 +5,10 @@
class="heading"
><span class="range">{{ range }}</span> releases for '{{ context }}'</h3>
<ul class="nolist tiles">
<ul
v-lazy-container="{ selector: '.thumbnail' }"
class="nolist tiles"
>
<li
v-for="(release, index) in releases"
:key="`release-${release.id}`"

6
assets/components/tile/release.vue
View File

@@ -69,7 +69,8 @@
>
<img
v-if="release.poster"
:src="sfw ? `/img/${release.poster.sfw.thumbnail}` : `/media/${release.poster.thumbnail}`"
:data-src="sfw ? `/img/${release.poster.sfw.thumbnail}` : `/media/${release.poster.thumbnail}`"
:data-loading="sfw ? `/img/${release.poster.sfw.lazy}` : `/media/${release.poster.lazy}`"
:alt="release.title"
class="thumbnail"
>
@@ -81,7 +82,8 @@
<img
v-for="cover in release.covers"
:key="cover.id"
:src="`/${release.batch === 'dummy' ? 'img' : 'media'}/${cover.thumbnail}`"
:data-src="`/media/${cover.thumbnail}`"
:data-loading="`/media/${cover.lazy}`"
:alt="release.title"
class="thumbnail cover"
>

2
assets/js/fragments.js
View File

@@ -79,6 +79,7 @@ const releasePosterFragment = `
index
path
thumbnail
lazy
comment
sfw: sfwMedia {
id
@@ -96,6 +97,7 @@ const releaseCoversFragment = `
index
path
thumbnail
lazy
comment
sfw: sfwMedia {
id

2
assets/js/releases/actions.js
View File

@@ -72,12 +72,14 @@ function initReleasesActions(store, _router) {
media {
id
thumbnail
lazy
}
}
covers: releasesCovers {
media {
id
thumbnail
lazy
}
}
}