fix: Don't load thumbnail too often

Signed-off-by: Vincent Boutour <[email protected]>
ViBiOh · Nov 5, 2022 · 88e58af · 88e58af
1 parent 0f23b9d
commit 88e58af
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/cmd/fibr/static/scripts/async-image.js b/cmd/fibr/static/scripts/async-image.js
@@ -101,6 +101,10 @@ document.addEventListener(
       return;
     }
 
+    if (typeof fetchThumbnail === 'undefined' || !fetchThumbnail) {
+      return;
+    }
+
     let dateTimeFormatter = new Intl.DateTimeFormat(navigator.language, {
       dateStyle: 'full',
       timeStyle: 'long',
@@ -145,7 +149,7 @@ document.addEventListener(
 );
 
 window.addEventListener('thumbnail-done', () => {
-  if (typeof lazyLoad === 'undefined' || !lazyLoad) {
+  if (typeof lazyLoadThumbnail === 'undefined' || !lazyLoadThumbnail) {
     return;
   }
 

diff --git a/cmd/fibr/templates/files.html b/cmd/fibr/templates/files.html
@@ -323,6 +323,12 @@
           {{ end }}
         </li>
       {{ end }}
+
+      {{ if and (eq .Request.Display "grid") .HasThumbnail }}
+        <script type="text/javascript" nonce="{{ .nonce }}">
+          const fetchThumbnail = true;
+        </script>
+      {{ end }}
     </ul>
   </div>
 

diff --git a/cmd/fibr/templates/story.html b/cmd/fibr/templates/story.html
@@ -5,7 +5,8 @@
   {{ $root := . }}
 
   <script type="text/javascript" nonce="{{ .nonce }}">
-    const lazyLoad = true;
+    const fetchThumbnail = true;
+    const lazyLoadThumbnail = true;
   </script>
 
   <link rel="preload" as="image" href="{{ url "/svg/link?fill=#272727" }}">