DigitaleAgentur___ALT
/
digitaleagenturnc
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ADM Useransicht Überarbeitet

This commit is contained in:
holger.trampe 2021-01-20 11:14:47 +01:00
parent e5f8f8c743
commit 794834ac7c
2 changed files with 332 additions and 232 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

186
adm/templates/adm/adm_user_single.html
View File

@ -3,9 +3,13 @@
{% load adm_tags %}
<!-- Mitarbeier ist immer der angemeledete!!! -->
<div class="content-section col-12">
<h4>{{userdata.get_full_name}} aus {{userdata.profile.agency.name}}</h4>
<hr>
<table>
<div class="row">
<div class="col-2">
<img class="img-profile" width="100%" src="{{ userdata.profile.get_photo_url }}" >
</div>
<div class="col-8">
<h4>{{userdata.get_full_name}} aus {{userdata.profile.agency.name}}</h4>
<table>
<tr>
<td style="min-width: 120px;">Name</td>
<td>{{userdata.get_full_name}}</td>
@ -18,11 +22,26 @@
<td>Letzter Login</td>
<td>{{userdata.last_login|default:"-"}}</td>
</tr>
</table>
</table>
</div>
</div>
<hr>
<h5>Gruppenübersicht</h5>
<small>Tabelle zeigt alle Gruppen, in denen der Nutzer ist.</small>
<table class="table table-hover" id="users_groups" >
<nav>
<div class="nav nav-tabs" id="usersingleelements" role="tablist">
<a class="nav-link active" id="nav-groups-tab" data-bs-toggle="tab" href="#nav-groups" role="tab" aria-controls="nav-groups" aria-selected="true">Gruppen</a>
<a class="nav-link" id="nav-contractdata-tab" data-bs-toggle="tab" href="#nav-contractdata" role="tab" aria-controls="nav-contractdata" aria-selected="false">Vertragsdaten</a>
<a class="nav-link" id="nav-contract-tab" data-bs-toggle="tab" href="#nav-contract" role="tab" aria-controls="nav-contract" aria-selected="false">Arbeitstage</a>
<a class="nav-link" id="nav-absence-tab" data-bs-toggle="tab" href="#nav-absence" role="tab" aria-controls="nav-absence" aria-selected="false">Abwesenheiten</a>
<a class="nav-link" id="nav-year-tab" data-bs-toggle="tab" href="#nav-year" role="tab" aria-controls="nav-year" aria-selected="false">Jahresübersicht</a>
<a class="nav-link" id="nav-logins-tab" data-bs-toggle="tab" href="#nav-logins" role="tab" aria-controls="nav-logins" aria-selected="false">Logins</a>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-groups" role="tabpanel" aria-labelledby="nav-groups-tab">
<br />
<h5>Gruppenübersicht</h5>
<small>Tabelle zeigt alle Gruppen, in denen der Nutzer ist.</small>
<table class="table table-hover" id="users_groups" >
<thead>
<tr>
<th scope="col">Gruppenname</th>
@ -30,8 +49,8 @@
<th scope="col">Löschschutz</th>
<th scope="col">Administrativ</th>
</tr>
</thead>
<tbody >
</thead>
<tbody >
{% for g in userdata.groups.all %}
{% getAgencyGroupName g as aggdata %}
<tr>
@ -41,10 +60,10 @@
<td>{% if aggdata.is_admin %} Ja {% else %} Nein {% endif %}</td>
</tr>
{% endfor %}
</tbody>
</table>
</tbody>
</table>
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$('#users_groups').DataTable({
"language": {
@ -66,11 +85,66 @@
}
});
})
</script>
<hr>
<h5>Arbeitstage</h5>
Beginn der Zeiterfassung: {{usertimedata.startdate|date:"d.m.Y"}}
<table class="table table-hover" id="user_workdays" >
</script>
</div>
<div class="tab-pane fade" id="nav-contractdata" role="tabpanel" aria-labelledby="nav-contractdata-tab">
<br />
<h5>Vertragsdaten</h5>
Arbeitszeit
<table>
<thead>
<tr>
<td>Montag</td>
<td>Dienstag</td>
<td>Mittwoch</td>
<td>Donnerstag</td>
<td>Freitag</td>
<td>Samstag</td>
<td>Sonntag</td>
</tr>
</thead>
<tbody>
<tr>
<td>{{usertimedata.wd_mo}}</td>
<td>{{usertimedata.wd_tu}}</td>
<td>{{usertimedata.wd_we}}</td>
<td>{{usertimedata.wd_th}}</td>
<td>{{usertimedata.wd_fr}}</td>
<td>{{usertimedata.wd_sa}}</td>
<td>{{usertimedata.wd_so}}</td>
</tr>
</tbody>
</table>
<br />
<table>
<tr>
<td>Urlaub verfällt am</td>
<td><b>{{usertimedata.loose_holidedate}}</b></td>
</tr>
<tr>
<td>Einstellungsdatum</td>
<td><b>{{usertimedata.startdate|date:"d.m.Y"}}</b></td>
</tr>
<tr>
<td>Zeiterfassung Startwert</td>
<td><b>{{usertimedata.startcount}}</b></td>
</tr>
<tr>
<td>Zeiterfassung Nutzen</td>
<td><b>{{usertimedata.usetime}}</b></td>
</tr>
<tr>
<td>Zeiterfassung ab dem</td>
<td><b>{{usertimedata.usetime_start|date:"d.m.Y"}}</b></td>
</tr>
</table>
</div>
<div class="tab-pane fade" id="nav-contract" role="tabpanel" aria-labelledby="nav-contract-tab">
<br />
<h5>Arbeitstage</h5>
<table class="table table-hover" id="user_workdays" >
<thead>
<tr>
<th scope="col"></th>
@ -78,8 +152,8 @@ Beginn der Zeiterfassung: {{usertimedata.startdate|date:"d.m.Y"}}
<th scope="col">Ende</th>
<th scope="col">Ziel</th>
</tr>
</thead>
<tbody >
</thead>
<tbody >
{% for wd in workdays %}
<tr>
<td>{{forloop.counter}}</td>
@ -88,9 +162,9 @@ Beginn der Zeiterfassung: {{usertimedata.startdate|date:"d.m.Y"}}
<td>{{wd.target}}</td>
</tr>
{% endfor %}
</tbody>
</table>
<script type="text/javascript">
</tbody>
</table>
<script type="text/javascript">
$(document).ready(function(){
$('#user_workdays').DataTable({
columnDefs: [
@ -119,10 +193,14 @@ Beginn der Zeiterfassung: {{usertimedata.startdate|date:"d.m.Y"}}
}
});
})
</script>
<hr>
<h5>Abwesenheiten</h5>
<table class="table table-hover" id="user_absences" >
</script>
</div>
<div class="tab-pane fade" id="nav-absence" role="tabpanel" aria-labelledby="nav-absence-tab">
<br />
<h5>Abwesenheiten</h5>
<table class="table table-hover" id="user_absences" >
<thead>
<tr>
<th scope="col"></th>
@ -138,8 +216,8 @@ Beginn der Zeiterfassung: {{usertimedata.startdate|date:"d.m.Y"}}
<th scope="col">Urlaub Next N</th>
<th scope="col">Urlaub Next Rest</th>
</tr>
</thead>
<tbody >
</thead>
<tbody >
{% for ab in absences %}
<tr>
<td>{{forloop.counter}}</td>
@ -156,9 +234,9 @@ Beginn der Zeiterfassung: {{usertimedata.startdate|date:"d.m.Y"}}
<td>{{ab.holidays_rest_next}}</td>
</tr>
{% endfor %}
</tbody>
</table>
<script type="text/javascript">
</tbody>
</table>
<script type="text/javascript">
$(document).ready(function(){
$('#user_absences').DataTable({
columnDefs: [
@ -187,10 +265,15 @@ Beginn der Zeiterfassung: {{usertimedata.startdate|date:"d.m.Y"}}
}
});
})
</script>
<hr>
<h5>Jahresübersicht</h5>
<table class="table table-hover" id="user_absence_year" >
</script>
</div>
<div class="tab-pane fade" id="nav-year" role="tabpanel" aria-labelledby="nav-year-tab">
<br />
<h5>Jahresübersicht</h5>
<table class="table table-hover" id="user_absence_year" >
<thead>
<tr>
<th scope="col"></th>
@ -199,8 +282,8 @@ Beginn der Zeiterfassung: {{usertimedata.startdate|date:"d.m.Y"}}
<th scope="col">Tage Verbraucht</th>
<th scope="col">Rest Vorjahr</th>
</tr>
</thead>
<tbody >
</thead>
<tbody >
{% for yi in yearinfo %}
<tr>
<td>{{forloop.counter}}</td>
@ -210,9 +293,9 @@ Beginn der Zeiterfassung: {{usertimedata.startdate|date:"d.m.Y"}}
<td>{{yi.restdays}}</td>
</tr>
{% endfor %}
</tbody>
</table>
<script type="text/javascript">
</tbody>
</table>
<script type="text/javascript">
$(document).ready(function(){
$('#user_absence_year').DataTable({
"language": {
@ -234,11 +317,28 @@ Beginn der Zeiterfassung: {{usertimedata.startdate|date:"d.m.Y"}}
}
});
})
</script>
<hr>
<h5>Logins (letzten 50)</h5>
</script>
</div>
<div class="tab-pane fade" id="nav-logins" role="tabpanel" aria-labelledby="nav-logins-tab">
<br />
<h5>Logins (letzten 50)</h5>
{% for ele in logdata reversed %}
{{forloop.revcounter}}. {{ele|date:"d.m.Y, H:i"}}<br />
{% endfor %}
</div>
</div>
</div>
<script type="text/javascript">
$('#usersingleelements a').on('click', function (e) {
e.preventDefault();
$(this).tab('show');
});
</script>
{% endblock content %}

BIN
dump.rdb
View File

Binary file not shown.