|
{% extends "personnes/base.html" %}
|
|
|
|
{% load url from future %}
|
|
|
|
{% block appbar %}
|
|
<h2>Gestion des personnes — Congés</h2>
|
|
<a href="..">Retourner à la gestion des personnes</a>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<h3>Congés du personnel</h3>
|
|
|
|
{% if current_holidays %}
|
|
<h4>En cours</h4>
|
|
|
|
<ul>
|
|
{% for holiday in current_holidays %}
|
|
<li><a href="{% url 'worker_update' service=service pk=holiday.worker.pk %}">
|
|
<span class="lastname">{{ holiday.worker.last_name }}</span> {{holiday.worker.first_name }}
|
|
</a>, {{ holiday }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
|
|
{% if future_holidays %}
|
|
<h4>À venir</h4>
|
|
|
|
<table id="conges-a-venir">
|
|
<thead>
|
|
<tr>
|
|
{% for month in future_holidays %}
|
|
<th>{{ month.date|date:"F"|capfirst }}</th>
|
|
{% endfor %}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
{% for month in future_holidays %}
|
|
<td>
|
|
<ul>
|
|
{% for holiday in month.holidays %}
|
|
<li><a href="{% url 'worker_update' service=service pk=holiday.worker.pk %}">
|
|
<span class="lastname">{{ holiday.worker.last_name }}</span> {{holiday.worker.first_name }}
|
|
</a>, {{ holiday }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</td>
|
|
{% endfor %}
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
{% endif %}
|
|
|
|
{% if group_holidays %}
|
|
<h3>Congés de groupe</h3>
|
|
<p>
|
|
<a href="groupe/">Gestion des congés de groupe</a>
|
|
</p>
|
|
<ul>
|
|
{% for holiday in group_holidays %}
|
|
<li>{{ holiday|capfirst }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
<!-- <button>Gestion des congés annuels</button> -->
|
|
|
|
<h3>Affichage interactif</h3>
|
|
|
|
<form>
|
|
{{ search_form.non_field_errors }}
|
|
{{ search_form.start_date.errors }}
|
|
<p>Afficher la liste des congés pris entre
|
|
<span id="start-date-datepicker" data-number-of-months="3" data-before-selector="#end-date-datepicker" class="datepicker">{{ search_form.start_date }}</span>
|
|
et
|
|
<span id="end-date-datepicker" class="datepicker" data-number-of-months="3" data-after-selector="#start-date-datepicker">{{ search_form.end_date }}</span>
|
|
<button class="enable-on-change">Valider</button>
|
|
<button class="reset">Effacer</button>
|
|
</p>
|
|
</form>
|
|
{% endblock %}
|