attivati i tabs

utente/templates/utente.download.html

@@ -4,13 +4,55 @@
     <div class='form-outline mb-4 text-center btn-primary h3'>
            {{ HeaderTitle }}
     </div>
-    <div clasS='form-outline mb-4 text-center btn-primary h3'>
-           Area di Download
+    <div class='form-outline mb-4 text-center btn-primary h3'>
+           Area Utente
     </div>
 {% endblock %}
 
 {% block body %}
-  <form name='download' method='post' class='form-container card p-3 bg-light'>
+<!-- Nav tabs -->
+<ul class="nav nav-tabs" id="myTab" role="tablist">
+  <li class="nav-item" role="presentation">
+    <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Documenti</button>
+  </li>
+  <li class="nav-item" role="presentation">
+    <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profilo</button>
+  </li>
+  <li class="nav-item" role="presentation">
+    <button class="nav-link" id="messages-tab" data-bs-toggle="tab" data-bs-target="#messages" type="button" role="tab" aria-controls="messages" aria-selected="false">Logging</button>
+  </li>
+</ul>
+
+<!-- Tab panes -->
+<div class="tab-content">
+  <div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
+   <div class='form-outline mb-4 text-center btn-primary h3'>
+           Elenco Documenti Disponibili al Download
+   </div>
+
+   <div>
+    <table class='table table-striped table-hover'>
+      <thead class='thead-dark'>
+        <tr>
+          <th scope='col'>Documento</th>
+          <th scope='col'>Descrizione</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for documento in documentiUtente %}
+          <tr>
+            <!--<td> <button type='button' class='btn btn-primary btn-block mb-2 active' onclick="window.open('{% url "documento:finalize" documento.id utente.id %}')">{{ documento.documento }}</button></td>-->
+              <td><a href={% url "documento:finalize" documento.id utente.id %}>{{ documento.documento}}</td>
+              <td> {{ documento.descrizione }} </td>
+            </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+    </div>
+  </div>
+
+  <div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
+    <form name='download' method='post' class='form-container card p-3 bg-light'>
     {% csrf_token %}
     <div class='form-outline mb-4'>
       <label class='form-label' for='nome'>nome</label>
@@ -36,46 +78,15 @@
       <label class='form-label' for='mail'>Mail</label>
       <input type='text' class='form-control' id='mail' name='mail' value='{{ utente.mail }}'>
    </div>
-
-    <div>
+   <div>
       <input type='submit' class="btn btn-secondary" value='Aggiorna'>
       <input type='submit' class="btn btn-primary" name="ritorna" value="Logout">
-    </td>
-
-   </form>
-
-{% endblock %}
-
-{% block bodybottom %}
-    <div><br></div>
-    <div class='form-outline mb-4 text-center btn-primary h3'>
-           Elenco Documenti Disponibili al Download
-    </div>
-    <div>
-    <table class='table table-striped table-hover'>
-      <thead class='thead-dark'>
-      <tr>
-        <th scope='col'>Documento</th>
-        <th scope='col'>Descrizione</th>
-        <th scope='col'>Inserimento</th>
-      </tr>
-      </thead>
-      <tbody>
-        {% for documento in documentiUtente %}
-        <tr>
-          <!--<td> <button type='button' class='btn btn-primary btn-block mb-2 active' onclick="window.open('{% url "documento:finalize" documento.id utente.id %}')">{{ documento.documento }}</button></td>-->
-          <td><a href={% url "documento:finalize" documento.id utente.id %}>{{ documento.documento}}</td>
-          <td> {{ documento.descrizione }} </td>
-          <td> {{ documento.dataupload | date:'d/m/Y' }} </td>
-        </tr>
-        {% endfor %}
-      </tbody>
-    </table>
-    </div>
-    
-    <div><br><br></div>
+   </div>
+  </form>
+</div>
 
-    <div class='form-outline mb-4 text-center btn-primary h3'>
+  <div class="tab-pane" id="messages" role="tabpanel" aria-labelledby="messages-tab" tabindex="0">
+   <div class='form-outline mb-4 text-center btn-primary h3'>
            Elenco delle ultime azioni registrate
     </div>
     <div>
@@ -102,5 +113,12 @@
       </tbody>
     </table>
     </div>
+  </div>
+  </div>
+</div>
+
+
+
 {% endblock %}
 
+