diff options
author | Andrea Lepori <alepori@student.ethz.ch> | 2020-12-10 15:23:38 +0100 |
---|---|---|
committer | Andrea Lepori <alepori@student.ethz.ch> | 2020-12-10 15:23:38 +0100 |
commit | 22cbc05be615e10d7c766dee8b865182f919677d (patch) | |
tree | 4e8d32df20c7c78a74e366dfadb584762ee49d0b /client | |
parent | all admin page use lazyload for images (diff) | |
download | scout-subs-22cbc05be615e10d7c766dee8b865182f919677d.tar.gz scout-subs-22cbc05be615e10d7c766dee8b865182f919677d.zip |
lazyload of images in non admin page
Diffstat (limited to 'client')
-rw-r--r-- | client/templates/client/index.html | 22 | ||||
-rw-r--r-- | client/views.py | 14 |
2 files changed, 26 insertions, 10 deletions
diff --git a/client/templates/client/index.html b/client/templates/client/index.html index b5d1135..932af1c 100644 --- a/client/templates/client/index.html +++ b/client/templates/client/index.html @@ -310,14 +310,19 @@ {% if doc.0.document_type.medical_data %} <li> <div class="collapsible-header"> - <i class="material-icons">attach_file</i>Allegati + {% if doc.0.medical_data %} + <i class="material-icons">attach_file</i>Allegati + {% else %} + <i class="material-icons">attach_file</i><del>Allegati</del> + {% endif %} </div> + {% if doc.0.medical_data %} <div class="collapsible-body"><span> <div class="row"> <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> @@ -326,12 +331,22 @@ <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> + </div> + <div class="row"> + <div class="col s12"> + <div class="card"> + <div class="card-image"> + {% if doc.7 %}<img class="lazyload" data-src="{{ doc.7 }}">{% endif %} </div> </div> </div> </div> </span></div> + {% endif %} </li> {% endif %} </ul> @@ -389,6 +404,7 @@ $(document).ready(function(){ {% endif %} {% endif %} {% endif %} + lazyload(); }); {% if user.is_authenticated %} {% if user.is_staff or perms.client.approved %} diff --git a/client/views.py b/client/views.py index 821bc9b..b6e9832 100644 --- a/client/views.py +++ b/client/views.py @@ -101,24 +101,24 @@ def index(request): medical = None vac_file = "" health_file = "" + sign_doc_file = "" if i.personal_data: personal = i.personal_data if i.medical_data: medical = i.medical_data - if medical.vac_certificate.name: - with open(medical.vac_certificate.name, 'rb') as image_file: - vac_file = base64.b64encode(image_file.read()).decode() + vac_file = "/server/media/" + str(i.id) + "/vac_certificate/doc" if medical.health_care_certificate.name: - with open(medical.health_care_certificate.name, 'rb') as image_file: - health_file = base64.b64encode( - image_file.read()).decode() + health_file = "/server/media/" + str(i.id) + "/health_care_certificate/doc" + + if i.signed_doc: + sign_doc_file = "/server/media/" + str(i.id) + "/signed_doc/doc" doc_group = i.user.groups.values_list('name', flat=True)[0] out.append([i, KeyVal.objects.filter(container=i), - personal, medical, doc_group, vac_file, health_file]) + personal, medical, doc_group, vac_file, health_file, sign_doc_file]) context = { "docs": out, |