From f2861ca2bcd56569b8b1d0b1330039bdea3eda47 Mon Sep 17 00:00:00 2001
From: Andrea Lepori <alepori@student.ethz.ch>
Date: Fri, 28 Aug 2020 20:42:08 +0200
Subject: upload multiple files

---
 accounts/templates/accounts/index.html | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

(limited to 'accounts/templates')

diff --git a/accounts/templates/accounts/index.html b/accounts/templates/accounts/index.html
index 7f1f449..2c06113 100644
--- a/accounts/templates/accounts/index.html
+++ b/accounts/templates/accounts/index.html
@@ -253,7 +253,7 @@
               <div class="file-field input-field">
                 <div class="btn teal">
                   <span><i class="material-icons left">file_upload</i>File</span>
-                  <input type="file" name="vac_certificate" id="vac_certificate">
+                  <input type="file" name="vac_certificate" id="vac_certificate" multiple>
                 </div>
                 <div class="file-path-wrapper">
                   <input id="vac_file" value="{{vac_certificate}}" class="file-path" type="text" placeholder="Certificato di vacinazione">
@@ -273,7 +273,7 @@
               <div class="file-field input-field">
                 <div class="btn teal">
                   <span><i class="material-icons left">file_upload</i>File</span>
-                  <input type="file" name="health_care_certificate" id="health_care_certificate">
+                  <input type="file" name="health_care_certificate" id="health_care_certificate" multiple>
                 </div>
                 <div class="file-path-wrapper">
                   <input id="health_care_file" value="{{health_care_certificate}}" class="file-path" type="text" placeholder="Tessera cassa malati">
@@ -354,16 +354,22 @@ $(document).ready(function() {
   {% endif %}
 
   document.getElementById("vac_certificate").onchange = function() {
-    if(this.files[0].size > 1048576*10){
-      M.toast({html: 'Il file è troppo grande. Grandezza massima 10MB', classes: 'orange'});
-      this.value = "";
+    for (i=0; i < this.files.length; i++) {
+      if(this.files[i].size > 1048576*10) {
+        M.toast({html: 'Il file è troppo grande. Grandezza massima 10MB', classes: 'orange'});
+        this.value = "";
+        break;
+      }
     }
   };
 
   document.getElementById("health_care_certificate").onchange = function() {
-    if(this.files[0].size > 1048576*10){
-      M.toast({html: 'Il file è troppo grande. Grandezza massima 10MB', classes: 'orange'});
-      this.value = "";
+    for (i=0; i < this.files.length; i++) {
+      if(this.files[i].size > 1048576*10) {
+        M.toast({html: 'Il file è troppo grande. Grandezza massima 10MB', classes: 'orange'});
+        this.value = "";
+        break;
+      }
     }
   };
 
-- 
cgit v1.2.1