digitaleagenturnc/recoverdir/templates/recoverdir/rd_areas/rd_area_5.html

<h4>Personal, interne & externe Partner inkl. Funktionen usw.{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Hinterlegen Sie hier Kontaktdaten der Mitarbeiter sowie interne und externe Partner. Das Organigramm wird immer dynamisch generiert." class="far fa-question-circle"></i></small>{% endif %} 
<a class="btn btn-primary btn btn-sm mb-3" href="{% url 'rd-a5-addpersonal' %}" style="float: right;"><i class="fas fa-plus"></i>&nbsp;Personal</a>
</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>
        <th scope="col">&nbsp;</th>
      </tr>
    </thead>
    <tbody >
    	{% for ele in area_5_personal %}
    	<tr>
    		<td><a href="{% url 'rd-a5-viewpersonal' 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>
    		<td>
          <a style="float: right" class="btn btn-secondary btn-sm mr-2 " href="{% url 'rd-a5-viewpersonal' ele.pk %}"><i class="far fa-eye"></i></a>&nbsp;
          <a style="float: right" class="btn btn-secondary btn-sm mr-2 " href="{% url 'rd-a5-updatepersonal' ele.pk %}"><small><i class="fas fa-pen"></i></small></a>&nbsp;
          <a style="float: right" class="btn btn-secondary btn-sm mr-2 " href="{% url 'rd-a5-delpersonal' ele.pk %}"><small><i class="fas fa-trash"></i></small></a>  
        </td>
    	</tr>
    	{% endfor %}
      {% for us in users_of_agency %}
      <tr>
        <td>{{us.get_full_name}}</td>
        <td>{{us.profile.func|default:""}}</td>
        <td>
          Intern
        </td>
        <td>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
<hr>
<h4>Dokumente, Vertretungsregeln & Zugriffsberechtigungen {% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Speichern Sie hier weitere Dokumente bzgl. Vertretungsregeln und Zugriffsberechtigungen." class="far fa-question-circle"></i></small>{% endif %} 
<a class="btn btn-primary btn-sm btn mb-3" href="{% url 'rd-a1-adddoc' 5 %}" style="float: right;"><i class="fas fa-plus"></i>&nbsp;Dokument</a>
</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><a href="{% url 'rd-a1-viewdoc' doc.pk %}" target="_blank">{{doc.document_name}}</a></td>
         <td>{{doc.document_date|date:"d.m.Y"|default:""}}</td>
         <td>{{doc.document_desc|default:""}}</td>
         <td>
         	<a style="float: right" class="btn btn-secondary btn-sm mr-2 " href="{% url 'rd-a1-viewdoc' doc.pk %}"><i class="far fa-eye"></i></a>&nbsp;
         	<a style="float: right" class="btn btn-secondary btn-sm mr-2 " href="{% url 'rd-a1-updatedoc' doc.pk %}"><small><i class="fas fa-pen"></i></small></a>&nbsp;
         	<a style="float: right" class="btn btn-secondary btn-sm mr-2 " href="{% url 'rd-a1-deldoc' doc.pk %}"><small><i class="fas fa-trash"></i></small></a>
         </td>
      </tr>
    {% endfor %}
   </tbody>
</table>

<script type="text/javascript">
  	
$(document).ready(function(){

  $('#a5_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"
      }
    });

  $('#a5_personal').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"
      },
      "order": [[ 1, "desc" ]]
    });

});
</script>