209 lines
7.6 KiB
HTML
209 lines
7.6 KiB
HTML
{% extends "users/base.html" %}
|
|
{% block content %}
|
|
{% load counter_tag %}
|
|
{% if request.user.profile.agency.module_timemanagement %}
|
|
<div class="content-section col-12">
|
|
<h3>Zeiterfassung <small><i data-toggle="tooltip" data-placement="top" title="Bearbeiten Sie hier Ihre Zeiterfassung." class="far fa-question-circle"></i></small>
|
|
<button type="button" class="btn btn-primary btn-sm" style="position: relative; float: right !important;" onclick=""><i class="fas fa-plus"></i> Arbeitstag</button>
|
|
</h3>
|
|
<hr>
|
|
|
|
|
|
<div class="btn-group" role="group" aria-label="" style="min-width: 100% !important">
|
|
<a type="button" class="btn btn-primary mr-1" href="{% url 'tm-management' prev_month prev_year %}" ><i class="fas fa-arrow-circle-left"></i></a>
|
|
<button type="button" class="btn btn-primary mr-1" style="min-width: 150px !important;" onclick="">{{active_month}} {{active_year}}</button>
|
|
<a type="button" class="btn btn-primary mr-1" href="{% url 'tm-management' next_month next_year %}"><i class="fas fa-arrow-circle-right"></i></a>
|
|
</div>
|
|
{% for workday in workdays %}
|
|
{% if workday.start.weekday == 0 and forloop.counter > 1%}
|
|
</div>
|
|
<div class="col-12 mb-2" style="float: left;">
|
|
<hr>
|
|
<div style="float: left;"><h4>{{workday.start|date:"W"}}. Woche</h4></div>
|
|
<br /><br />
|
|
{% elif forloop.counter == 1 %}
|
|
<div class="col-12 mb-2" style="float: left;">
|
|
<hr>
|
|
<div style="float: left;"><h4>{{workday.start|date:"W"}}. Woche</h4></div>
|
|
<br /><br />
|
|
{% endif %}
|
|
|
|
<div class="card col-2 mr-2" style="float: left; margin-top: -12px;">
|
|
<div class="card-body">
|
|
<h5 class="card-title">{{workday.start|date:"l"}}, {{workday.start|date:"d.m"}}</h5>
|
|
Von {{workday.start|date:"H:i"}} bis {{workday.end|date:"H:i"}}<br />
|
|
<small>
|
|
{% getsumworkdayexcludebreak workday as sumworkday %}
|
|
Arbeitszeit: {{ sumworkday }}<br />
|
|
{% getsumbreak workday as sumbreakofday %}
|
|
Pausen: {{sumbreakofday}} min. ({{workday.breaks.all|length}})
|
|
{% getsumworkday workday as sumwd %}<br />
|
|
Gesamtzeit: {{sumwd}}<br />
|
|
Gleitzeit:
|
|
{% gettimeoveralldiff workday user as erg%}
|
|
{% if erg.1 == 0 %}
|
|
<span style="color: green">+{{erg.0}}</span>
|
|
{% elif erg.1 == 1 %}
|
|
<span>{{erg.0}}</span>
|
|
{% else %}
|
|
<span style="color: red">-{{erg.0}}</span>
|
|
{% endif %}
|
|
</small>
|
|
<button style="float: right; margin-right: 10px; margin-bottom: -40px;" class="btn btn-secondary btn-sm " onclick="javascript:$('#confirm-delete_{{workday.pk}}').modal('toggle')"><small><i class="fas fa-trash"></i></small></button>
|
|
<button style="float: right; margin-right: -22px; margin-bottom: -40px;" class="btn btn-secondary btn-sm ml-2" onclick="window.location.href='{% url 'tm-update' workday.pk %}'"><small><i class="fas fa-pen"></i></small></button>
|
|
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div> <!-- CLOSE GRID DAY DIV -->
|
|
{% if user.usertime.usetime_start == None %}
|
|
<div class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" id="missingdatainfo">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Fehlende Informationen</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Achtung! Es wurde kein Datum gefunden, ab wann die Zeiterfassung beginnen soll. Bitte tragen Sie dies in Ihrem Mitarbeiterkonto unter Einstellungen, Mitarbeiter, Ihre Vertragsdaten nach.
|
|
<br />
|
|
<small>Dies können nur Mitarbeiter eintragen, die das Recht haben, Mitarbeiter zu verwalten.</small>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$("#missingdatainfo").modal("toggle");
|
|
})
|
|
|
|
$('#missingdatainfo').on('hidden.bs.modal', function (e) {
|
|
location.href = "{% url 'dasettings' %}";
|
|
})
|
|
</script>
|
|
|
|
{% elif userhasworkdays == False %}
|
|
<div class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" id="initialload">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Arbeitstage auffüllen</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Es wurden keine Arbeitstage bis zum Beginn der Zeiterfassung am {{user.usertime.usetime_start|date:"d.m.Y"}} gefunden. Sollen diese Tage mit der Regelarbeitszeit aufgefüllt werden, welche bei den Vertragsdaten hinterlegt wurde? Abwesenheiten werden nicht berücksichtigt!
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" onclick="javascript:loadInitiDays()">Ja</button>
|
|
<button type="button" class="btn btn" data-dismiss="modal">Nein</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
$(document).ready(function(){
|
|
$("#initialload").modal("toggle");
|
|
});
|
|
|
|
function loadInitiDays(){
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'tm-ajax' %}",
|
|
data:{
|
|
action : "initial_load",
|
|
},
|
|
success: function( data )
|
|
{
|
|
location.href = location.href;
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|
|
{% endif %}
|
|
|
|
{% for workday in workdays %}
|
|
<div class="modal fade" id="confirm-delete_{{workday.pk}}" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Arbeitstag löschen</h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
Möchten Sie wirklich den Arbeitstag am {{workday.start|date:"d.m"}} löschen?
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-primary" id="dodel_{{workday.pk}}" >Löschen</button>
|
|
<button type="button" class="btn" data-dismiss="modal">Abbrechen</button>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
|
|
$("#dodel_{{workday.pk}}").click(function(){
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'tm-ajax' %}",
|
|
data:{
|
|
action : "remove_workday",
|
|
workday: {{workday.pk}},
|
|
},
|
|
success: function( data )
|
|
{
|
|
$("#wd_{{workday.pk}}").remove();
|
|
$("#confirm-delete_{{workday.pk}}").modal("toggle");
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
{% endfor %}
|
|
<style>
|
|
/* DATATABLES */
|
|
.paginate_button {
|
|
padding: 0px !important;
|
|
border: 0px !important;
|
|
}
|
|
</style>
|
|
<script>
|
|
$(document).ready(function(){
|
|
|
|
$('#table_timemanagement').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>
|
|
{% else %}
|
|
<h3>Das Modul Abwesenheits- und Zeiterfassung wurde in ihrer Agentur deaktiviert oder die Zeiterfassung wurde im Modul deaktiviert.</h3>
|
|
{% endif %}
|
|
{% endblock content %}
|