From fb13e396e5d1d25065c105948048c49faebba7b3 Mon Sep 17 00:00:00 2001
From: augustin64 <me.git@augustin64.fr>
Date: Tue, 16 Jan 2024 21:25:32 +0100
Subject: [PATCH] Use lazy loading on all thumbnails

---
 partitioncloud/templates/admin/partitions.html        | 2 +-
 partitioncloud/templates/albums/album.html            | 2 +-
 partitioncloud/templates/albums/search.html           | 4 ++--
 partitioncloud/templates/components/share_dialog.html | 2 +-
 partitioncloud/templates/partition/details.html       | 4 +++-
 partitioncloud/templates/partition/edit.html          | 2 +-
 6 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/partitioncloud/templates/admin/partitions.html b/partitioncloud/templates/admin/partitions.html
index 7b6ff17..928f7b0 100644
--- a/partitioncloud/templates/admin/partitions.html
+++ b/partitioncloud/templates/admin/partitions.html
@@ -11,7 +11,7 @@
   <div>
     <a href="/partition/{{ partition['uuid'] }}">
       <div class="partition" id="partition-{{ partition['uuid'] }}">
-        <img class="partition-thumbnail" src="/thumbnails/{{ partition['uuid'] }}.jpg">
+        <img class="partition-thumbnail" src="/thumbnails/{{ partition['uuid'] }}.jpg" loading="lazy">
         <div class="partition-description">
           <div class="partition-name">{{ partition["name"] }}</div>
           <div class="partition-author">{{ partition["author"] }}</div>
diff --git a/partitioncloud/templates/albums/album.html b/partitioncloud/templates/albums/album.html
index 4ede23c..df5a6b0 100644
--- a/partitioncloud/templates/albums/album.html
+++ b/partitioncloud/templates/albums/album.html
@@ -78,7 +78,7 @@
   <div>
     <a href="/partition/{{ partition['uuid'] }}">
       <div class="partition" id="partition-{{ partition['uuid'] }}">
-        <img class="partition-thumbnail" src="/thumbnails/{{ partition['uuid'] }}.jpg">
+        <img class="partition-thumbnail" src="/thumbnails/{{ partition['uuid'] }}.jpg" loading="lazy">
         <div class="partition-description">
           <div class="partition-name">{{ partition["name"] }}</div>
           <div class="partition-author">{{ partition["author"] }}</div>
diff --git a/partitioncloud/templates/albums/search.html b/partitioncloud/templates/albums/search.html
index 9d5d71f..cb50a0c 100644
--- a/partitioncloud/templates/albums/search.html
+++ b/partitioncloud/templates/albums/search.html
@@ -10,7 +10,7 @@
   <div class="partition-container">
     <a href="/partition/{{ partition['uuid'] }}">
       <div class="partition" id="partition-{{ partition['uuid'] }}">
-        <img class="partition-thumbnail" src="/thumbnails/{{ partition['uuid'] }}.jpg">
+        <img class="partition-thumbnail" src="/thumbnails/{{ partition['uuid'] }}.jpg" loading="lazy">
         <div class="partition-description">
           <div class="partition-name">{{ partition["name"] }}</div>
           <div class="partition-author">{{ partition["author"] }}</div>
@@ -48,7 +48,7 @@
   <div class="partition-container">
     <a href="/partition/search/{{ partition['uuid'] }}">
       <div class="partition" id="partition-{{ partition['uuid'] }}">
-        <img class="partition-thumbnail" src="/thumbnails/search/{{ partition['uuid'] }}.jpg">
+        <img class="partition-thumbnail" src="/thumbnails/search/{{ partition['uuid'] }}.jpg" loading="lazy">
         <div class="partition-description">
           <div class="partition-name">{{ partition["name"] }}</div>
         </div>
diff --git a/partitioncloud/templates/components/share_dialog.html b/partitioncloud/templates/components/share_dialog.html
index 54548b8..999e6a6 100644
--- a/partitioncloud/templates/components/share_dialog.html
+++ b/partitioncloud/templates/components/share_dialog.html
@@ -1,6 +1,6 @@
 <dialog id="share">
     <center>
-        <img src="{{ share_qrlink }}" id="share-qrcode"><br/>
+        <img src="{{ share_qrlink }}" id="share-qrcode" loading="lazy"><br/>
         <div id="share-url" onclick='navigator.clipboard.writeText("{{ share_link }}")'>
             {{ share_link }}
         </div>
diff --git a/partitioncloud/templates/partition/details.html b/partitioncloud/templates/partition/details.html
index ed4d3eb..863fcc1 100644
--- a/partitioncloud/templates/partition/details.html
+++ b/partitioncloud/templates/partition/details.html
@@ -50,7 +50,9 @@
       </tr>
       <tr>
         <td>Fichier</td>
-        <td><a href="/partition/{{ partition.uuid }}"><img class="partition-thumbnail" src="/thumbnails/{{ partition.uuid }}.jpg"></a></td>
+        <td><a href="/partition/{{ partition.uuid }}">
+            <img class="partition-thumbnail" src="/thumbnails/{{ partition.uuid }}.jpg" loading="lazy">
+        </a></td>
       </tr>
       <tr>
         <td>Titre</td>
diff --git a/partitioncloud/templates/partition/edit.html b/partitioncloud/templates/partition/edit.html
index 3eb202d..b5ad78a 100644
--- a/partitioncloud/templates/partition/edit.html
+++ b/partitioncloud/templates/partition/edit.html
@@ -12,7 +12,7 @@
       <tr>
         <td>Fichier</td>
         <td><a href="/partition/{{ partition.uuid }}">
-          <img class="partition-thumbnail" src="/thumbnails/{{ partition.uuid }}.jpg">
+          <img class="partition-thumbnail" src="/thumbnails/{{ partition.uuid }}.jpg" loading="lazy">
         </a></td>
       </tr>
       {% if partition.source != "unknown" and partition.source != "upload" %}