From 856ad4734e168c1b56f349244acd0cc14fcd8d78 Mon Sep 17 00:00:00 2001
From: Andrea Lepori <alepori@student.ethz.ch>
Date: Thu, 10 Dec 2020 14:01:22 +0100
Subject: lazyload images

---
 server/templates/server/doc_list.html | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'server/templates')

diff --git a/server/templates/server/doc_list.html b/server/templates/server/doc_list.html
index 2499245..f98cbd5 100644
--- a/server/templates/server/doc_list.html
+++ b/server/templates/server/doc_list.html
@@ -160,6 +160,9 @@
             {% elif doc.0.status == "autosign" %}
               <i class="material-icons">assignment_turned_in</i>
             {% endif %}
+            {% if settings.DEBUG %}
+              {{doc.0.id}}: 
+            {% endif %}
             {{doc.0.document_type.name}}
             <span class="badge" data-badge-caption="">{{doc.0.user.first_name}} {{doc.0.user.last_name}}</span>
         </div>
@@ -416,7 +419,7 @@
                   <div class="col s12">
                     <div class="card">
                       <div class="card-image">
-                        {% if doc.5 %}<img src="data:;base64,{{ doc.5 }}">{% endif %}
+                        {% if doc.5 %}<img class="lazyload" data-src="{{ doc.5 }}">{% endif %}
                       </div>
                     </div>
                   </div>
@@ -425,7 +428,7 @@
                   <div class="col s12">
                     <div class="card">
                       <div class="card-image">
-                        {% if doc.6 %}<img src="data:;base64,{{ doc.6 }}">{% endif %}
+                        {% if doc.6 %}<img class="lazyload" data-src="{{ doc.6 }}">{% endif %}
                       </div>
                     </div>
                   </div>
@@ -434,7 +437,7 @@
                   <div class="col s12">
                     <div class="card">
                       <div class="card-image">
-                        {% if doc.7 %}<img src="data:;base64,{{ doc.7 }}">{% endif %}
+                        {% if doc.7 %}<img class="lazyload" data-src="{{ doc.7 }}">{% endif %}
                       </div>
                     </div>
                   </div>
@@ -465,6 +468,7 @@ $(document).ready(function(){
       update();
       document.getElementById('progress_bar').className = "determinate";
     {% endif %}
+    lazyload();
 });
 
 function resetModal() {
-- 
cgit v1.2.1