digitaleagenturnc/timemanagement/templates/timemanagement/timemanagement_management.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&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Bearbeiten Sie hier Ihre Zeiterfassung." class="far fa-question-circle"></i></small></h3>  
  <hr>
  <div class="table-responsive ">
      <table class="table table-hover" id="table_timemanagement" >
          <thead>
          <tr>
            <th scope="col">#</th>
            <th scope="col">Start</th>
            <th scope="col">Ende</th>
            <th scope="col">Arbeitszeit</th>
            <th scope="col">Pausen</th>
            <th scope="col">Gesamtzeit</th>     
            <th scope="col">Gleitzeit</th>  
            <th scope="col">&nbsp;</th>     
          </tr>
        </thead>
        <tbody id="table_contacts" >
        {% for workday in workdays %}
          <tr id="wd_{{workday.pk}}">
              <td>
                {{forloop.counter}}
              </td>
              <td>
                {{workday.start|date:"d.m.y H:i"}}
              </td>
               <td>
                {{workday.end|date:"d.m.y H:i"}}
              </td>
              <td>
                {% getsumworkdayexcludebreak workday as sumworkday %}
                {{ sumworkday }}
              </td>
              <td>
                {% getsumbreak workday as sumbreakofday %}
                {{sumbreakofday}} min. ({{workday.breaks.all|length}})                
              </td>
              <td>
                {% getsumworkday workday as sumwd %}
                {{sumwd}}
              </td>              
              <td>                
                {% 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 %}
              </td>
              <td>                
                <button  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>
                <button  class="btn btn-secondary btn-sm " onclick="javascript:$('#confirm-delete_{{workday.pk}}').modal('toggle')"><small><i class="fas fa-trash"></i></small></button>
              </td>

          </tr>
        {% endfor %}   
        </tbody>  
      </table>
    </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">&times;</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 workdays|length == 0 %}
<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">&times;</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?
      </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"
        },
      },
      "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 %}