From 987a6d3c553dbfdfc37bfc9f0f656d107c74f85e Mon Sep 17 00:00:00 2001
From: Andrea Lepori <alepori@student.ethz.ch>
Date: Mon, 22 Jun 2020 23:03:32 +0200
Subject: Download docs, better preview

---
 client/templates/client/approve.html    |   2 +-
 client/templates/client/doc_create.html |   8 +-
 client/templates/client/doc_edit.html   |  26 +++-
 client/templates/client/index.html      | 218 +++++++++++++++++++++++++++-----
 4 files changed, 216 insertions(+), 38 deletions(-)

(limited to 'client/templates/client')

diff --git a/client/templates/client/approve.html b/client/templates/client/approve.html
index e00aedc..f440fbe 100644
--- a/client/templates/client/approve.html
+++ b/client/templates/client/approve.html
@@ -1,4 +1,4 @@
-{% extends 'registration/base.html' %}
+{% extends 'registration/base_client.html' %}
 
 {% block title %}Approva{% endblock %}
 
diff --git a/client/templates/client/doc_create.html b/client/templates/client/doc_create.html
index a095c04..710ba29 100644
--- a/client/templates/client/doc_create.html
+++ b/client/templates/client/doc_create.html
@@ -1,4 +1,4 @@
-{% extends 'registration/base.html' %}
+{% extends 'registration/base_client.html' %}
 
 {% block title %}Crea Documento{% endblock %}
 
@@ -46,7 +46,7 @@
             {% if personal_data %}
               <div class="row">
                 <div class="col s12">
-                  <div class="card red lighten-1">
+                  <div class="card teal">
                     <div class="card-content">
                       <p style="color:white"><b>
                         Il documento conterr&agrave; le informazioni personali, prego verificare che siano corrette e aggiornate
@@ -59,7 +59,7 @@
             {% if medical_data %}
               <div class="row">
                 <div class="col s12">
-                  <div class="card red lighten-1">
+                  <div class="card teal">
                     <div class="card-content">
                       <p style="color:white"><b>
                         Il documento conterr&agrave; le informazioni mediche, prego verificare che siano corrette e aggiornate
@@ -72,7 +72,7 @@
             {% if custom_message %}
               <div class="row">
                 <div class="col s12">
-                  <div class="card red lighten-1">
+                  <div class="card teal">
                     <div class="card-content">
                       <p style="color:white"><b>
                         {{custom_message_text}}
diff --git a/client/templates/client/doc_edit.html b/client/templates/client/doc_edit.html
index 8cd5a98..0048fd5 100644
--- a/client/templates/client/doc_edit.html
+++ b/client/templates/client/doc_edit.html
@@ -1,4 +1,4 @@
-{% extends 'registration/base.html' %}
+{% extends 'registration/base_client.html' %}
 
 {% block title %}Modifica documento{% endblock %}
 
@@ -26,21 +26,39 @@
           {% if personal_data %}
             <div class="row">
               <div class="col s12">
-                <a style="pointer-events: none; cursor: default;" class="btn red lighten-1"> Il documento conterr&agrave; le informazioni personali, prego verificare che siano corrette e aggiornate</a>
+                <div class="card teal">
+                  <div class="card-content">
+                    <p style="color:white"><b>
+                      Il documento conterr&agrave; le informazioni personali, prego verificare che siano corrette e aggiornate
+                    </b></p>
+                  </div>
+                </div>
               </div>
             </div>
           {% endif %}
           {% if medical_data %}
             <div class="row">
               <div class="col s12">
-                <a style="pointer-events: none; cursor: default;" class="btn red lighten-1"> Il documento conterr&agrave; le informazioni mediche, prego verificare che siano corrette e aggiornate</a>
+                <div class="card teal">
+                  <div class="card-content">
+                    <p style="color:white"><b>
+                      Il documento conterr&agrave; le informazioni mediche, prego verificare che siano corrette e aggiornate
+                    </b></p>
+                  </div>
+                </div>
               </div>
             </div>
           {% endif %}
           {% if custom_message %}
             <div class="row">
               <div class="col s12">
-                <a style="pointer-events: none; cursor: default;" class="btn red lighten-1">{{custom_message_text}}</a>
+                <div class="card teal">
+                  <div class="card-content">
+                    <p style="color:white"><b>
+                      {{custom_message_text}}
+                    </b></p>
+                  </div>
+                </div>
               </div>
             </div>
           {% endif %}
diff --git a/client/templates/client/index.html b/client/templates/client/index.html
index 733f62f..ff12e74 100644
--- a/client/templates/client/index.html
+++ b/client/templates/client/index.html
@@ -1,4 +1,4 @@
-{% extends 'registration/base.html' %}
+{% extends 'registration/base_client.html' %}
 
 {% block title %}Home{% endblock %}
 
@@ -7,10 +7,10 @@
 {% endblock%}
 
 {% block content %}
-<div class="tap-target" data-target="add">
+<div class="tap-target teal" data-target="add">
   <div class="tap-target-content">
-    <h5>Aggiungi un documento</h5>
-    <p>Usa questo bottone per creare un nuovo documento</p>
+    <h5 style="color:white">Aggiungi un documento</h5>
+    <p style="color:white">Usa questo bottone per creare un nuovo documento</p>
   </div>
 </div>
 
@@ -38,15 +38,15 @@
             </div>
             <div class="collapsible-body"><span>
               {% if doc.0.status == "wait" %}
-                <a class="waves-effect waves-light btn red lighten-1" onclick="send('f{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento per approvazione</a>
-                <a class="waves-effect waves-light btn red lighten-1" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a>
-                <a class="waves-effect waves-light btn red lighten-1" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a>
+                <a class="waves-effect waves-light btn teal" onclick="send('f{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento per approvazione</a>
+                <a class="waves-effect waves-light btn teal" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a>
+                <a class="waves-effect waves-light btn teal" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a>
                 <br>
                 <br>
               {% elif doc.0.status == "autosign" %}
-                <a class="waves-effect waves-light btn red lighten-1" onclick="send('a{{doc.0.id}}')"><i class="material-icons left">check</i>Approva documento</a>
-                <a class="waves-effect waves-light btn red lighten-1" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a>
-                <a class="waves-effect waves-light btn red lighten-1" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a>
+                <a class="waves-effect waves-light btn teal" onclick="send('a{{doc.0.id}}')"><i class="material-icons left">check</i>Approva documento</a>
+                <a class="waves-effect waves-light btn teal" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a>
+                <a class="waves-effect waves-light btn teal" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a>
                 <br>
                 <br>
               {% endif %}
@@ -57,15 +57,64 @@
                     <i class="material-icons">person</i>Dati personali
                   </div>
                   <div class="collapsible-body"><span>
-                    <table class="striped">
-                    <tbody>
-                    {% for field in doc.2 %}
-                      <tr>
-                      <td>{{field}}</td>
-                      </tr>
-                    {% endfor %}
-                    </tbody>
-                    </table>
+                    <div class="row">
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.0.user.first_name}}" id="first_name" type="text" >
+                        <label for="first_name">Nome</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.0.user.last_name}}" id="last_name" type="text" >
+                        <label for="last_name">Cognome</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.2.born_date}}" id="birth_date" type="text">
+                        <label for="birth_date">Data di nascita</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.4}}" id="branca" type="text">
+                        <label for="branca">Branca</label>
+                      </div>
+                      <div class="input-field col l8 s12">
+                        <input disabled value="{{doc.2.parent_name}}" id="parent_name" type="text" >
+                        <label for="parent_name">Nome dei genitori</label>
+                      </div>
+                      <div class="input-field col l12 s12">
+                        <input value="{{doc.2.via}}" disabled id="via" type="text" >
+                        <label for="via">Via e numero</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.2.cap}}" name="cap" id="cap" type="text" >
+                        <label for="cap">CAP</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.2.country}}" name="country" id="country" type="text" >
+                        <label for="country">Paese</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.2.nationality}}" name="nationality" id="nationality" type="text" >
+                        <label for="nationality">Nazionalit&agrave;</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.2.phone}}" name="phone" id="phone" type="text" >
+                        <label for="phone">Cellulare</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.2.home_phone}}" name="home_phone" id="home_phone" type="text" >
+                        <label for="home_phone">Telefono di casa</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.2.email}}" name="email" id="email" type="text" >
+                        <label for="email">Email</label>
+                      </div>
+                      <div class="input-field col l8 s12">
+                        <input disabled value="{{doc.2.school}}" name="school" id="school" type="text" >
+                        <label for="school">Scuola frequentata</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.2.year}}" name="year" id="year" type="text" >
+                        <label for="year">Classe</label>
+                      </div>
+                    </div>
                   </span></div>
                 </li>
               {% endif %}
@@ -75,15 +124,126 @@
                     <i class="material-icons">healing</i>Dati medici
                   </div>
                   <div class="collapsible-body"><span>
-                    <table class="striped">
-                    <tbody>
-                    {% for field in doc.3 %}
-                      <tr>
-                      <td>{{field}}</td>
-                      </tr>
-                    {% endfor %}
-                    </tbody>
-                    </table>
+                    <div class="row">
+                      <div class="col s12">
+                        <h6>Persona di contatto in caso di necessit&agrave;</h6>
+                      </div>
+                    </div>
+                    <div class="row">
+                      <div class="input-field col l6 s12">
+                        <input disabled name="emer_name" value="{{doc.3.emer_name}}" id="emer_name" type="text" >
+                        <label for="emer_name">Nome e cognome</label>
+                      </div>
+                      <div class="input-field col l3 s12">
+                        <input disabled name="emer_relative" value="{{doc.3.emer_relative}}" id="emer_relative" type="text" >
+                        <label for="emer_releative">Parentela</label>
+                      </div>
+                      <div class="input-field col l3 s12">
+                        <input disabled name="cell_phone" value="{{doc.3.cell_phone}}" id="cellphone" type="text" >
+                        <label for="cell_phone">Cellulare</label>
+                      </div>
+                      <div class="input-field col l9 s12">
+                        <input disabled value="{{doc.3.address}}" name="address" id="address" type="text" >
+                        <label for="address">Indirizzo completo</label>
+                      </div>
+                      <div class="input-field col l3 s12">
+                        <input disabled value="{{doc.3.emer_phone}}" name="emer_phone" id="emer_phone" type="text" >
+                        <label for="emer_phone">Telefono di casa</label>
+                      </div>
+                    </div>
+                    <div class="row">
+                      <div class="col s12">
+                        <h6>Assicurazione</h6>
+                      </div>
+                    </div>
+                    <div class="row">
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.3.health_care}}" name="health_care" id="health_care" type="text" >
+                        <label for="health_care">Cassa Malati</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.3.injuries}}" name="injuries" id="injuries" type="text" >
+                        <label for="injuries">Infortuni</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <input disabled value="{{doc.3.rc}}" name="rc" id="rc" type="text" >
+                        <label for="rc">Responsabilit&agrave; civile</label>
+                      </div>
+                    </div>
+                    <div class="row">
+                      <div class="switch col s12">
+                        &Egrave; sostenitore REGA&nbsp;&nbsp;
+                        <label>
+                          No
+                          <input disabled name="rega" type="checkbox" {% if doc.3.rega %}checked="checked"{%endif%}>
+                          <span class="lever"></span>
+                          Si
+                        </label>
+                      </div>
+                    </div>
+                    <div class="row">
+                      <div class="col s12">
+                        <h6>Medico di famiglia</h6>
+                      </div>
+                      <div class="input-field col l6 s12">
+                        <input disabled value="{{doc.3.medic_name}}" name="medic_name" id="medic_name" type="text" >
+                        <label for="medic_name">Nome e cognome</label>
+                      </div>
+                      <div class="input-field col l6 s12">
+                        <input disabled value="{{doc.3.medic_phone}}" name="medic_phone" id="medic_phone" type="text" >
+                        <label for="medic_phone">Telefono studio</label>
+                      </div>
+                      <div class="input-field col l12 s12">
+                        <input disabled value="{{doc.3.medic_address}}" name="medic_address" id="medic_address" type="text" >
+                        <label for="medic_address">Indirizzo completo</label>
+                      </div>
+                    </div>
+                    <div class="row">
+                      <div class="col s12">
+                        <h6>Scheda medica personale</h6>
+                      </div>
+                      <div class="input-field col s12">
+                        <input disabled value="{{doc.3.sickness}}" name="sickness" id="sickness" type="text">
+                        <label for="sickness">Principali malattie avute</label>
+                      </div>
+                      <div class="input-field col l8 s12">
+                        <input disabled value="{{doc.3.vaccine}}" name="vaccine" id="vaccine" type="text">
+                        <label for="vaccine">Vacinazioni fatte</label>
+                      </div>
+                      <div class="input-field col l4 s12">
+                        <label for="tetanus_date">Ultima vacinazione contro il tetano</label>
+                        <input disabled value="{{doc.3.tetanus_date}}" name="tetanus_date" id="tetanus_date" type="text">
+                      </div>
+                      <div class="input-field col s12">
+                        <input disabled value="{{doc.3.allergy}}" name="allergy" id="allergy" type="text">
+                        <label for="allergy">Allergie particolari/Intolleraze alimentari</label>
+                      </div>
+                      <div class="switch col s12">
+                        Deve assumere regolarmente medicamenti&nbsp;&nbsp;
+                        <label>
+                          No
+                          <input disabled name="drugs_bool" type="checkbox" {% if doc.3.drugs_bool %}checked="checked"{%endif%}>
+                          <span class="lever"></span>
+                          Si
+                        </label>
+                      </div>
+                      <div class="input-field col s12">
+                        <input disabled value="{{doc.3.drugs}}" name="drugs" id="drugs" type="text">
+                        <label for="drugs">Se s&igrave; quali, in che dosi e prescrizioni</label>
+                      </div>
+                      <div class="switch col s12">
+                        Informazioni particolari sullo stato di salute: (postumi di operazioni, incidenti, malattie, disturbi fisici)&nbsp;&nbsp;
+                        <label>
+                          No
+                          <input disabled name="misc_bool" type="checkbox" {% if doc.3.misc_bool %}checked="checked"{%endif%}>
+                          <span class="lever"></span>
+                          Si
+                        </label>
+                      </div>
+                      <div class="input-field col s12">
+                        <input disabled value="{{doc.3.misc}}" name="misc" id="misc" type="text">
+                        <label for="misc">Se s&igrave; quali</label>
+                      </div>
                   </span></div>
                 </li>
               {% endif %}
@@ -113,7 +273,7 @@
     </ul>
     {% endif %}
     <div class="fixed-action-btn">
-      <a id="add" class="btn-floating btn-large red lighten-1" href="{% url 'create'%}">
+      <a id="add" class="btn-floating btn-large teal" href="{% url 'create'%}">
         <i class="large material-icons">add</i>
       </a>
     </div>
-- 
cgit v1.2.1