From 847f01fb1fea461f04ac9c479ff8395d7226b07c Mon Sep 17 00:00:00 2001
From: "holger.trampe" <htrampe@gmail.com>
Date: Fri, 9 Oct 2020 15:50:53 +0200
Subject: [PATCH] Notfallordner Externe Ansicht fertig

---
 .../templates/recoverdir/rd_external.html     | 898 ++++++++++++++----
 1 file changed, 719 insertions(+), 179 deletions(-)

diff --git a/recoverdir/templates/recoverdir/rd_external.html b/recoverdir/templates/recoverdir/rd_external.html
index 4176a49..e5d5368 100644
--- a/recoverdir/templates/recoverdir/rd_external.html
+++ b/recoverdir/templates/recoverdir/rd_external.html
@@ -32,9 +32,6 @@
 
 </style>
 
-
-<!-- CRISPY -->
-
 <style type="text/css">
   #logincard {
     width: 80%;   
@@ -47,7 +44,7 @@
     <a style="float: right" class="btn btn-secondary btn-sm mr-2 " href="{% url 'closeexternalrecoverdir' agencydata.pk %}"><i class="fas fa-lock"></i></a>
   </h2>
   
-
+<!-- ACCORDION START -->
 <div id="accordion">
   <!-- 1. NOTFALLLEITFADEN -->
   <div class="card">
@@ -776,71 +773,71 @@
 </div>
 {% endfor %}
 
-  <!-- 4. Digitale Konten -->
-  <div class="card">
-    <div class="card-header" id="headingOne">
-      <h5 class="mb-0">
-        <button class="btn btn-link tabelement" onclick="javascript:newTabOpen(4)" data-toggle="collapse" data-target="#rd_4" aria-expanded="true" aria-controls="rd_4">
-          <h4 style="margin-top: 11px;">4. Digitale Konten & Passwörter</h4>
-        </button>
-    <span style="float: right;">
-          <span class="square_private_arrow"><h2 class="h2_in_arrow">#4</h2></span>
-        </span>
-      </h5>
-    </div>
+<!-- 4. Digitale Konten -->
+<div class="card">
+  <div class="card-header" id="headingOne">
+    <h5 class="mb-0">
+      <button class="btn btn-link tabelement" onclick="javascript:newTabOpen(4)" data-toggle="collapse" data-target="#rd_4" aria-expanded="true" aria-controls="rd_4">
+        <h4 style="margin-top: 11px;">4. Digitale Konten & Passwörter</h4>
+      </button>
+  <span style="float: right;">
+        <span class="square_private_arrow"><h2 class="h2_in_arrow">#4</h2></span>
+      </span>
+    </h5>
+  </div>
 
-    <div id="rd_4" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
-      <div class="card-body">
-        
+  <div id="rd_4" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
+    <div class="card-body">
+      
 
-        <h4>Online-Accounts (Messenger, E-Mail-Accounts, Social-Media etc.)
-      </h4>
-      <table class="table table-hover" id="a4_digitalaccount" >
-            <thead>
-            <tr>
-              <th scope="col">Name</th>
-              <th scope="col">Link</th>
-              <th scope="col">Benutzername</th>
-            </tr>
-          </thead>
-          <tbody >
-            {% for ele in area_4_digitalaccount %}
-            <tr>
-              <td><a href="/#" data-toggle="modal" data-target="#account_{{ele.pk}}">{{ele.name|default:""}}</a></td>
-              <td>{{ele.link|default:""}}</td>
-              <td>{{ele.username|default:""}}</td>
-            </tr>
-            {% endfor %}
-          </tbody>
-        </table>
-
-      <hr>
-     <h4>Dokumente
-      </h4>
-      <table class="table table-hover" id="a4_docs" >
-            <thead>
-            <tr>
-              <th scope="col">Name</th>
-              <th scope="col">Datum</th>
-              <th scope="col">Beschreibung</th>
-              <th scope="col">&nbsp;</th>
-            </tr>
+      <h4>Online-Accounts (Messenger, E-Mail-Accounts, Social-Media etc.)
+    </h4>
+    <table class="table table-hover" id="a4_digitalaccount" >
+          <thead>
+          <tr>
+            <th scope="col">Name</th>
+            <th scope="col">Link</th>
+            <th scope="col">Benutzername</th>
+          </tr>
         </thead>
         <tbody >
-         {% for doc in area_4_doc %}
+          {% for ele in area_4_digitalaccount %}
           <tr>
-             <td>{{doc.document_name|default:""}}</a></td>
-             <td>{{doc.document_date|date:"d.m.Y"|default:""}}</td>
-             <td>{{doc.document_desc|default:""}}</td>
-             <td><a href="{% url 'getdoc' doc.document agencydata.pk %}" target="_blank">Download</a></td>
+            <td><a href="/#" data-toggle="modal" data-target="#account_{{ele.pk}}">{{ele.name|default:""}}</a></td>
+            <td>{{ele.link|default:""}}</td>
+            <td>{{ele.username|default:""}}</td>
           </tr>
-        {% endfor %}
+          {% endfor %}
         </tbody>
       </table>
 
-      </div>
+    <hr>
+   <h4>Dokumente
+    </h4>
+    <table class="table table-hover" id="a4_docs" >
+          <thead>
+          <tr>
+            <th scope="col">Name</th>
+            <th scope="col">Datum</th>
+            <th scope="col">Beschreibung</th>
+            <th scope="col">&nbsp;</th>
+          </tr>
+      </thead>
+      <tbody >
+       {% for doc in area_4_doc %}
+        <tr>
+           <td>{{doc.document_name|default:""}}</a></td>
+           <td>{{doc.document_date|date:"d.m.Y"|default:""}}</td>
+           <td>{{doc.document_desc|default:""}}</td>
+           <td><a href="{% url 'getdoc' doc.document agencydata.pk %}" target="_blank">Download</a></td>
+        </tr>
+      {% endfor %}
+      </tbody>
+    </table>
+
     </div>
   </div>
+</div>
 
 {% for account in area_4_digitalaccount %}
 <!-- MODAL Digitale Accounts -->
@@ -915,74 +912,73 @@
         
 
         <h4>Personal, interne und externe Partner inkl. Funktionen usw.
-</h4>
-<hr>
-<table class="table table-hover" id="a5_personal" >
-      <thead>
-      <tr>
-        <th scope="col">Name</th>
-        <th scope="col">Funktion</th>
-        <th scope="col">Intern/Extern</th>
-      </tr>
-    </thead>
-    <tbody >
-      {% for ele in area_5_personal %}
-      <tr>
-        <td><a href="/#" data-toggle="modal" data-target="#personal_{{ele.pk}}">{{ele.name|default:""}}</a></td>
-        <td>{{ele.function|default:""}}</td>
-        <td>
-          {% if ele.inorex == "in" %} Intern 
-          {% elif ele.inorex == "ex" %} Extern
-          {% else %} {% endif %}
-        </td>
-      </tr>
-      {% endfor %}
-      {% for us in users_of_agency %}
-      <tr>
-        <td><a href="/#" data-toggle="modal" data-target="#personal_in_{{us.pk}}">{{us.get_full_name}}</a></td>
-        <td>{{us.profile.func|default:""}}</td>
-        <td>
-          Intern
-        </td>
-        <td>
-        </td>
-      </tr>
-      {% endfor %}
-    </tbody>
-  </table>
+    </h4>
       <hr>
-
-      <h4>Dokumente
-      </h4>
-      <table class="table table-hover" id="a5_docs" >
-            <thead>
-            <tr>
-              <th scope="col">Name</th>
-              <th scope="col">Datum</th>
-              <th scope="col">Beschreibung</th>
-              <th scope="col">&nbsp;</th>
-            </tr>
-        </thead>
-        <tbody >
-         {% for doc in area_5_doc %}
-          <tr>
-             <td>{{doc.document_name|default:""}}</a></td>
-             <td>{{doc.document_date|date:"d.m.Y"|default:""}}</td>
-             <td>{{doc.document_desc|default:""}}</td>
-             <td><a href="{% url 'getdoc' doc.document agencydata.pk %}" target="_blank">Download</a></td>
-          </tr>
+      <table class="table table-hover" id="a5_personal" >
+        <thead>
+        <tr>
+          <th scope="col">Name</th>
+          <th scope="col">Funktion</th>
+          <th scope="col">Intern/Extern</th>
+        </tr>
+      </thead>
+      <tbody >
+        {% for ele in area_5_personal %}
+        <tr>
+          <td><a href="/#" data-toggle="modal" data-target="#personal_{{ele.pk}}">{{ele.name|default:""}}</a></td>
+          <td>{{ele.function|default:""}}</td>
+          <td>
+            {% if ele.inorex == "in" %} Intern 
+            {% elif ele.inorex == "ex" %} Extern
+            {% else %} {% endif %}
+          </td>
+        </tr>
         {% endfor %}
-        </tbody>
-      </table>
+        {% for us in users_of_agency %}
+        <tr>
+          <td><a href="/#" data-toggle="modal" data-target="#personal_in_{{us.pk}}">{{us.get_full_name}}</a></td>
+          <td>{{us.profile.func|default:""}}</td>
+          <td>
+            Intern
+          </td>
+          <td>
+          </td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+        <hr>
+
+        <h4>Dokumente
+        </h4>
+        <table class="table table-hover" id="a5_docs" >
+              <thead>
+              <tr>
+                <th scope="col">Name</th>
+                <th scope="col">Datum</th>
+                <th scope="col">Beschreibung</th>
+                <th scope="col">&nbsp;</th>
+              </tr>
+          </thead>
+          <tbody >
+           {% for doc in area_5_doc %}
+            <tr>
+               <td>{{doc.document_name|default:""}}</a></td>
+               <td>{{doc.document_date|date:"d.m.Y"|default:""}}</td>
+               <td>{{doc.document_desc|default:""}}</td>
+               <td><a href="{% url 'getdoc' doc.document agencydata.pk %}" target="_blank">Download</a></td>
+            </tr>
+          {% endfor %}
+          </tbody>
+        </table>
 
 
 
+        </div>
       </div>
-    </div>
   </div>
 
-
-  {% for personal in area_5_personal %}
+{% for personal in area_5_personal %}
 <!-- MODAL Personalaccounts EXTERN -->
 <div class="modal fade" id="personal_{{personal.pk}}" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
   <div class="modal-dialog modal-lg" role="document">
@@ -1093,93 +1089,475 @@
 </div>
 {% endfor %}
 
+<!-- 6. Vorsorge und Finanzen -->
+<div class="card">
+  <div class="card-header" id="headingOne">
+    <h5 class="mb-0">
+      <button class="btn btn-link tabelement"  data-toggle="collapse" data-target="#rd_6" aria-expanded="true" aria-controls="rd_6">
+        <h4 style="margin-top: 11px;">6. Vorsorge und Finanzen</h4>
+      </button>
+  <span style="float: right;">
+        <span class="square_company_arrow"><h2 class="h2_in_arrow">#6</h2></span>
+      </span>
+    </h5>
+  </div>
 
-  <!-- 6. Vorsroge und Finanzen -->
-  <div class="card">
-    <div class="card-header" id="headingOne">
-      <h5 class="mb-0">
-        <button class="btn btn-link tabelement" onclick="javascript:newTabOpen(6)" data-toggle="collapse" data-target="#rd_6" aria-expanded="true" aria-controls="rd_6">
-          <h4 style="margin-top: 11px;">6. Vorsorge und Finanzen</h4>
-        </button>
-    <span style="float: right;">
-          <span class="square_company_arrow"><h2 class="h2_in_arrow">#6</h2></span>
-        </span>
-      </h5>
+  <div id="rd_6" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
+    <div class="card-body">
+     
+    <h4>Bankkonten und Online-Bankzugänge
+    </h4>
+    <table class="table table-hover" id="area_6_onlinebank" >
+          <thead>
+          <tr>
+            <th scope="col">Internetadresse/Bankname</th>
+          </tr>
+        </thead>
+        <tbody >
+          {% for ele in area_6_onlinebank %}
+          <tr>
+            <td><a href="/#" data-toggle="modal" data-target="#deposit_6_{{ele.pk}}">{{ele.web_address}}</a></td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+    <hr>
+
+       <h4>Dokumente
+    </h4>
+    <table class="table table-hover" id="a6_docs" >
+          <thead>
+          <tr>
+            <th scope="col">Name</th>
+            <th scope="col">Datum</th>
+            <th scope="col">Beschreibung</th>
+            <th scope="col">&nbsp;</th>
+          </tr>
+      </thead>
+      <tbody >
+       {% for doc in area_6_doc %}
+        <tr>
+           <td>{{doc.document_name|default:""}}</a></td>
+           <td>{{doc.document_date|date:"d.m.Y"|default:""}}</td>
+           <td>{{doc.document_desc|default:""}}</td>
+           <td><a href="{% url 'getdoc' doc.document agencydata.pk %}" target="_blank">Download</a></td>
+        </tr>
+      {% endfor %}
+      </tbody>
+    </table>
     </div>
+  </div>
+</div>
 
-    <div id="rd_6" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
-      <div class="card-body">
-        AREA 6
+{% for onlinebank in area_6_onlinebank %}
+<!-- MODAL Online Banking -->
+<div class="modal fade" id="deposit_6_{{onlinebank.pk}}" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Online-Banking</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        
+     <h4>Bankdaten</h4>
+    <table>
+      <tr>
+        <td>Internetadresse:</td>
+        <td><a href="https://{{onlinebank.web_address}}" target="_blank">{{onlinebank.web_address}}</a></td>
+      </tr>
+      <tr>
+        <td>Benutzername:</td>
+        <td>{{onlinebank.web_username|default:""}}</td>
+      </tr>
+      <tr>
+        <td>Passwort:</td>
+        <td>{{onlinebank.web_password|default:""}}</td>
+      </tr>
+       <tr>
+        <td>BIC:</td>
+        <td>{{onlinebank.bic|default:""}}</td>
+      </tr>
+       <tr>
+        <td>IBAN:</td>
+        <td>{{onlinebank.iban|default:""}}</td>
+      </tr>
+      <tr>
+        <td>Mit meinem Account soll Folgendes passieren:</td>
+        <td>{{onlinebank.accountactivity|default:""}}</td>
+      </tr>
+    </table>
+    {% if onlinebank.vollmacht_doc %}
+    <h4><a href="{% url 'getdoc' onlinebank.document agencydata.pk %}" target="_blank">Vollmachtsdokument herunterladen</a></h4>
+    {% endif %}
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
       </div>
     </div>
   </div>
+</div>
+{% endfor %}
+
+<!-- 7. Immobilien -->
+<div class="card">
+  <div class="card-header" id="headingOne">
+    <h5 class="mb-0">
+      <button class="btn btn-link tabelement"  data-toggle="collapse" data-target="#rd_7" aria-expanded="true" aria-controls="rd_7">
+        <h4 style="margin-top: 11px;">7. Immobilien</h4>
+      </button>
+  <span style="float: right;">
+        <span class="square_company_arrow"><h2 class="h2_in_arrow">#7</h2></span>
+      </span>
+    </h5>
+  </div>
+
+  <div id="rd_7" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
+    <div class="card-body">
+      
+
+
+    <h4>Verträge 
+    </h4>
+    <table class="table table-hover" id="a7_contract" >
+          <thead>
+          <tr>
+            <th scope="col">Vertrags-Typ</th>
+            <th scope="col">Eigentümer etc.</th>
+          </tr>
+        </thead>
+        <tbody >
+         {% for contract in area_7_contract %}
+          <tr>
+             <td><a href="/#" data-toggle="modal" data-target="#contract_7_{{contract.pk}}">{{contract.contract_typ|default:""}}</a></td>
+             <td>{{contract.contract_owner|default:""}}</td>
+          </tr>
+        {% endfor %}
+       </tbody>
+    </table>
+    <hr>
+
+
+
+
+       <h4>Dokumente
+    </h4>
+    <table class="table table-hover" id="a7_docs" >
+          <thead>
+          <tr>
+            <th scope="col">Name</th>
+            <th scope="col">Datum</th>
+            <th scope="col">Beschreibung</th>
+            <th scope="col">&nbsp;</th>
+          </tr>
+      </thead>
+      <tbody >
+       {% for doc in area_7_doc %}
+        <tr>
+           <td>{{doc.document_name|default:""}}</a></td>
+           <td>{{doc.document_date|date:"d.m.Y"|default:""}}</td>
+           <td>{{doc.document_desc|default:""}}</td>
+           <td><a href="{% url 'getdoc' doc.document agencydata.pk %}" target="_blank">Download</a></td>
+        </tr>
+      {% endfor %}
+      </tbody>
+    </table>
+
+
 
-  <!-- 7. Immobilien -->
-  <div class="card">
-    <div class="card-header" id="headingOne">
-      <h5 class="mb-0">
-        <button class="btn btn-link tabelement" onclick="javascript:newTabOpen(7)" data-toggle="collapse" data-target="#rd_7" aria-expanded="true" aria-controls="rd_7">
-          <h4 style="margin-top: 11px;">7. Immobilien</h4>
-        </button>
-    <span style="float: right;">
-          <span class="square_company_arrow"><h2 class="h2_in_arrow">#7</h2></span>
-        </span>
-      </h5>
     </div>
+  </div>
+</div>
 
-    <div id="rd_7" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
-      <div class="card-body">
-        AREA 7
+ {% for contract in area_7_contract %}
+<!-- MODAL Verträge Bereich 7 -->
+<div class="modal fade" id="contract_7_{{contract.pk}}" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Verträge</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        
+     <h4>Vertragsinformationen</h4>
+    <table>
+      <tr>
+        <td>Typ</td>
+        <td>{{contract.contract_typ|default:""}}</td>
+      </tr>
+      <tr>
+        <td>Eigentümer/Immobilie/etc.</td>
+        <td>{{contract.contract_owner|default:""}}</td>
+      </tr>
+      <tr>
+        <td>Lizenz</td>
+        <td>{{contract.license|default:""}}</td>
+      </tr>
+       <tr>
+        <td>Info 1</td>
+        <td>{{contract.info1|default:""}}</td>
+      </tr>
+      <tr>
+        <td>Info 2</td>
+        <td>{{contract.info2|default:""}}</td>
+      </tr>
+      <tr>
+        <td>Adresse</td>
+        <td>{{contract.ad|default:""}}</td>
+      </tr>
+      <tr>
+        <td>Telefon</td>
+        <td>{{contract.tel|default:""}}</td>
+      </tr>
+      <tr>
+        <td>E-Mail</td>
+        <td>{{contract.mail|default:""}}</td>
+      </tr>
+    </table>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
       </div>
     </div>
   </div>
+</div>
+{% endfor %}
+
+<!-- 8. Verträge -->
+<div class="card">
+  <div class="card-header" id="headingOne">
+    <h5 class="mb-0">
+      <button class="btn btn-link tabelement"  data-toggle="collapse" data-target="#rd_8" aria-expanded="true" aria-controls="rd_8">
+        <h4 style="margin-top: 11px;">8. Verträge</h4>
+      </button>
+  <span style="float: right;">
+        <span class="square_company_arrow"><h2 class="h2_in_arrow">#8</h2></span>
+      </span>
+    </h5>
+  </div>
+
+  <div id="rd_8" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
+    <div class="card-body">
+     
+
+      <h4>Digitale Accounts (Webseiten, E-Mail etc.)
+      </h4>
+      <table class="table table-hover" id="a8_digitalaccount" >
+            <thead>
+            <tr>
+              <th scope="col">Name</th>
+              <th scope="col">Link</th>
+              <th scope="col">Benutzername</th>
+            </tr>
+          </thead>
+          <tbody >
+            {% for ele in area_8_digitalaccount %}
+            <tr>
+              <td><a href="/#" data-toggle="modal" data-target="#digi_8_{{ele.pk}}">{{ele.name|default:""}}</a></td>
+              <td>{{ele.link|default:""}}</td>
+              <td>{{ele.username|default:""}}</td>
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      <hr>
+
+
+       <h4>Dokumente
+    </h4>
+    <table class="table table-hover" id="a8_docs" >
+          <thead>
+          <tr>
+            <th scope="col">Name</th>
+            <th scope="col">Datum</th>
+            <th scope="col">Beschreibung</th>
+            <th scope="col">&nbsp;</th>
+          </tr>
+      </thead>
+      <tbody >
+       {% for doc in area_8_doc %}
+        <tr>
+           <td>{{doc.document_name|default:""}}</a></td>
+           <td>{{doc.document_date|date:"d.m.Y"|default:""}}</td>
+           <td>{{doc.document_desc|default:""}}</td>
+           <td><a href="{% url 'getdoc' doc.document agencydata.pk %}" target="_blank">Download</a></td>
+        </tr>
+      {% endfor %}
+      </tbody>
+    </table>
+
+
 
-  <!-- 8. Verträge -->
-  <div class="card">
-    <div class="card-header" id="headingOne">
-      <h5 class="mb-0">
-        <button class="btn btn-link tabelement" onclick="javascript:newTabOpen(8)" data-toggle="collapse" data-target="#rd_8" aria-expanded="true" aria-controls="rd_8">
-          <h4 style="margin-top: 11px;">8. Verträge</h4>
-        </button>
-    <span style="float: right;">
-          <span class="square_company_arrow"><h2 class="h2_in_arrow">#8</h2></span>
-        </span>
-      </h5>
     </div>
+  </div>
+</div>
 
-    <div id="rd_8" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
-      <div class="card-body">
-        ARA 8
+{% for account in area_8_digitalaccount %}
+<!-- MODAL Digitale Accounts -->
+<div class="modal fade" id="digi_8_{{account.pk}}" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Digitaler Account</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        
+ 
+        <h4>Online-Account</h4>
+        <table>
+          <tr>
+            <td>Name:</td>
+            <td>{{account.name|default:""}}</td>
+          </tr>
+          <tr>
+            <td>Link:</td>
+            <td>{{account.link|default:""}}</td>
+          </tr>
+          <tr>
+            <td>Benutzername:</td>
+            <td>{{account.username|default:""}}</td>
+          </tr>
+          <tr>
+            <td>Passwort:</td>
+            <td>{{account.password|default:""}}</td>
+          </tr>
+          <tr>
+            <td>E-Mail:</td>
+            <td>{{account.mail|default:""}}</td>
+          </tr>
+          <tr>
+            <td>Mit meinem Account soll Folgendes passieren:</td>
+            <td>{{account.accountactivity|default:""}}</td>
+          </tr>
+        </table>
+
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
       </div>
     </div>
   </div>
+</div>
+{% endfor %}
+
+<!-- 9. Sonstiges -->
+<div class="card">
+  <div class="card-header" id="headingOne">
+    <h5 class="mb-0">
+      <button class="btn btn-link tabelement"  data-toggle="collapse" data-target="#rd_9" aria-expanded="true" aria-controls="rd_9">
+        <h4 style="margin-top: 11px;">9. Sonstiges</h4>
+      </button>
+  <span style="float: right;">
+        <span class="square_company_arrow"><h2 class="h2_in_arrow">#9</h2></span>
+      </span>
+    </h5>
+  </div>
+
+  <div id="rd_9" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
+    <div class="card-body">
+    
+
+
+        <h4>Sonstige Datenelemente
+        </h4>
+        <table class="table table-hover" id="area_9_else" >
+              <thead>
+              <tr>
+                <th scope="col">Name/Titel etc.</th>
+                <th scope="col">Beschreibung</th>
+              </tr>
+            </thead>
+            <tbody >
+              {% for ele in area_9_else %}
+              <tr>
+                <td><a href="/#" data-toggle="modal" data-target="#else_{{ele.pk}}">{{ele.name}}</a></td>
+                <td>{{ele.desc}}</td>
+              </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        <hr>
+
+
+
+       <h4>Dokumente
+    </h4>
+    <table class="table table-hover" id="a9_docs" >
+          <thead>
+          <tr>
+            <th scope="col">Name</th>
+            <th scope="col">Datum</th>
+            <th scope="col">Beschreibung</th>
+            <th scope="col">&nbsp;</th>
+          </tr>
+      </thead>
+      <tbody >
+       {% for doc in area_9_doc %}
+        <tr>
+           <td>{{doc.document_name|default:""}}</a></td>
+           <td>{{doc.document_date|date:"d.m.Y"|default:""}}</td>
+           <td>{{doc.document_desc|default:""}}</td>
+           <td><a href="{% url 'getdoc' doc.document agencydata.pk %}" target="_blank">Download</a></td>
+        </tr>
+      {% endfor %}
+      </tbody>
+    </table>
+
 
-  <!-- 9. Sonstiges -->
-  <div class="card">
-    <div class="card-header" id="headingOne">
-      <h5 class="mb-0">
-        <button class="btn btn-link tabelement" onclick="javascript:newTabOpen(9)" data-toggle="collapse" data-target="#rd_9" aria-expanded="true" aria-controls="rd_9">
-          <h4 style="margin-top: 11px;">9. Sonstiges</h4>
-        </button>
-    <span style="float: right;">
-          <span class="square_company_arrow"><h2 class="h2_in_arrow">#9</h2></span>
-        </span>
-      </h5>
-    </div>
 
-    <div id="rd_9" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
-      <div class="card-body">
-       AREA 9
-      </div>
     </div>
   </div>
 </div>
+
+{% for else in area_9_else %}
+<!-- MODAL Digitale Accounts -->
+<div class="modal fade" id="else_{{else.pk}}" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Sonstige Datenelemente</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        
+       <h4>Informationen</h4>
+          <table>
+            <tr>
+              <td>Name</td>
+              <td>{{else.name|default:""}}</td>
+            </tr>
+            <tr>
+              <td>Beschreibung:</td>
+              <td>{{else.desc|default:""}}</td>
+            </tr>
+          </table>
+
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
+            </div>
+          </div>
+        </div>
+      </div>
+{% endfor %}
+
+</div>
 </div>
 </div>
 <script type="text/javascript">
   $(document).ready(function(){
 
-
+    // ALL DATABALES ACTIVATE 
      $('#a1_fc').DataTable({
       "language": {
         "search" : "Suche",
@@ -1450,11 +1828,173 @@
       }
     }); 
      
+     $('#a6_docs').DataTable({
+      "language": {
+        "search" : "Suche",
+        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
+        "lengthMenu":     "Zeige _MENU_ Einträge",
+        "zeroRecords": "Nichts gefunden",
+        "infoEmpty": "Keine Einträge",
+        "paginate": {
+            "first":      "Erste",
+            "last":       "Letzte",
+            "next":       "Nächste",
+            "previous":   "Zurück"
+        },
+      },
+      "pageLength": 50,
+      "buttons" : {
+        "className" : "btn-danger"
+      }
+    }); 
+
+     $('#a7_docs').DataTable({
+      "language": {
+        "search" : "Suche",
+        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
+        "lengthMenu":     "Zeige _MENU_ Einträge",
+        "zeroRecords": "Nichts gefunden",
+        "infoEmpty": "Keine Einträge",
+        "paginate": {
+            "first":      "Erste",
+            "last":       "Letzte",
+            "next":       "Nächste",
+            "previous":   "Zurück"
+        },
+      },
+      "pageLength": 50,
+      "buttons" : {
+        "className" : "btn-danger"
+      }
+    }); 
+
+     $('#a8_docs').DataTable({
+      "language": {
+        "search" : "Suche",
+        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
+        "lengthMenu":     "Zeige _MENU_ Einträge",
+        "zeroRecords": "Nichts gefunden",
+        "infoEmpty": "Keine Einträge",
+        "paginate": {
+            "first":      "Erste",
+            "last":       "Letzte",
+            "next":       "Nächste",
+            "previous":   "Zurück"
+        },
+      },
+      "pageLength": 50,
+      "buttons" : {
+        "className" : "btn-danger"
+      }
+    }); 
+
+       $('#a9_docs').DataTable({
+      "language": {
+        "search" : "Suche",
+        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
+        "lengthMenu":     "Zeige _MENU_ Einträge",
+        "zeroRecords": "Nichts gefunden",
+        "infoEmpty": "Keine Einträge",
+        "paginate": {
+            "first":      "Erste",
+            "last":       "Letzte",
+            "next":       "Nächste",
+            "previous":   "Zurück"
+        },
+      },
+      "pageLength": 50,
+      "buttons" : {
+        "className" : "btn-danger"
+      }
+    }); 
      
 
 
+       $('#area_6_onlinebank').DataTable({
+      "language": {
+        "search" : "Suche",
+        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
+        "lengthMenu":     "Zeige _MENU_ Einträge",
+        "zeroRecords": "Nichts gefunden",
+        "infoEmpty": "Keine Einträge",
+        "paginate": {
+            "first":      "Erste",
+            "last":       "Letzte",
+            "next":       "Nächste",
+            "previous":   "Zurück"
+        },
+      },
+      "pageLength": 50,
+      "buttons" : {
+        "className" : "btn-danger"
+      }
+    }); 
+
+
+
+       $('#a7_contract').DataTable({
+      "language": {
+        "search" : "Suche",
+        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
+        "lengthMenu":     "Zeige _MENU_ Einträge",
+        "zeroRecords": "Nichts gefunden",
+        "infoEmpty": "Keine Einträge",
+        "paginate": {
+            "first":      "Erste",
+            "last":       "Letzte",
+            "next":       "Nächste",
+            "previous":   "Zurück"
+        },
+      },
+      "pageLength": 50,
+      "buttons" : {
+        "className" : "btn-danger"
+      }
+    }); 
+
+       $('#a8_digitalaccount').DataTable({
+      "language": {
+        "search" : "Suche",
+        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
+        "lengthMenu":     "Zeige _MENU_ Einträge",
+        "zeroRecords": "Nichts gefunden",
+        "infoEmpty": "Keine Einträge",
+        "paginate": {
+            "first":      "Erste",
+            "last":       "Letzte",
+            "next":       "Nächste",
+            "previous":   "Zurück"
+        },
+      },
+      "pageLength": 50,
+      "buttons" : {
+        "className" : "btn-danger"
+      }
+    }); 
+
+
+       $('#area_9_else').DataTable({
+      "language": {
+        "search" : "Suche",
+        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
+        "lengthMenu":     "Zeige _MENU_ Einträge",
+        "zeroRecords": "Nichts gefunden",
+        "infoEmpty": "Keine Einträge",
+        "paginate": {
+            "first":      "Erste",
+            "last":       "Letzte",
+            "next":       "Nächste",
+            "previous":   "Zurück"
+        },
+      },
+      "pageLength": 50,
+      "buttons" : {
+        "className" : "btn-danger"
+      }
+    }); 
+
+
+
   })
-
-
 </script>
 {% endblock content %}
\ No newline at end of file