119 lines
3.3 KiB
Django/Jinja
119 lines
3.3 KiB
Django/Jinja
{# -*- mode: jinja-html -*- #}
|
|
{% include "assiduites/widgets/toast.j2" %}
|
|
{% include "assiduites/widgets/alert.j2" %}
|
|
{% include "assiduites/widgets/prompt.j2" %}
|
|
{% include "assiduites/widgets/conflict.j2" %}
|
|
<div id="page-assiduite-content">
|
|
{% block content %}
|
|
<h2>Signalement de l'assiduité de <span class="rouge">{{sco.etud.nomprenom}}</span></h2>
|
|
|
|
<div class="infos">
|
|
Date: <span id="datestr"></span>
|
|
<input type="date" name="tl_date" id="tl_date" value="{{ date }}">
|
|
</div>
|
|
|
|
{{timeline|safe}}
|
|
|
|
|
|
<div>
|
|
{{moduleimpl_select | safe }}
|
|
<button class="btn" onclick="fastJustify(getCurrentAssiduite(etudid))" id="justif-rapide">Justifier</button>
|
|
</div>
|
|
|
|
<div class="btn_group">
|
|
<button class="btn" onclick="setTimeLineTimes({{morning}},{{afternoon}})">Journée</button>
|
|
<button class="btn" onclick="setTimeLineTimes({{morning}},{{lunch}})">Matin</button>
|
|
<button class="btn" onclick="setTimeLineTimes({{lunch}},{{afternoon}})">Après-midi</button>
|
|
</div>
|
|
|
|
<div class="etud_holder">
|
|
<div id="etud_row_{{sco.etud.id}}">
|
|
<div class="index"></div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
{{diff | safe}}
|
|
|
|
<div class="legende">
|
|
<h3>Explication diverses</h3>
|
|
<p>
|
|
Si la période indiquée par la timeline provoque un conflit d'assiduité pour un étudiant sa ligne deviendra
|
|
rouge.
|
|
<br>
|
|
Dans ce cas il faut résoudre manuellement le conflit : cliquez sur un des boutons d'assiduités pour ouvrir
|
|
le
|
|
résolveur de conflit.
|
|
<br>
|
|
Correspondance des couleurs :
|
|
</p>
|
|
<ul>
|
|
<li>Vert -> présence de l'étudiant lors de la période</li>
|
|
<li>Orange -> retard de l'étudiant lors de la période</li>
|
|
<li>Rouge -> absence de l'étudiant lors de la période</li>
|
|
<li>Hachure Bleu -> l'assiduité est justifiée par un justificatif valide</li>
|
|
<li>Hachure Rouge -> l'assiduité est justifiée par un justificatif non valide / en attente de validation
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<!-- Ajout d'un conteneur pour le loader -->
|
|
<div class="loader-container" id="loaderContainer">
|
|
<div class="loader"></div>
|
|
</div>
|
|
|
|
|
|
|
|
<script>
|
|
const etudid = {{ sco.etud.id }};
|
|
const nonWorkDays = [{{ nonworkdays| safe }}];
|
|
|
|
setupDate(() => {
|
|
if (updateDate()) {
|
|
actualizeEtud(etudid);
|
|
updateSelect();
|
|
onlyAbs();
|
|
}
|
|
});
|
|
|
|
|
|
setupTimeLine(() => {
|
|
updateJustifyBtn();
|
|
});
|
|
|
|
updateDate();
|
|
|
|
getSingleEtud({{ sco.etud.id }});
|
|
actualizeEtud({{ sco.etud.id }});
|
|
updateSelect()
|
|
|
|
updateJustifyBtn();
|
|
|
|
|
|
function setTimeLineTimes(a, b) {
|
|
setPeriodValues(a, b);
|
|
updateJustifyBtn();
|
|
|
|
}
|
|
|
|
window.forceModule = "{{ forcer_module }}"
|
|
window.forceModule = window.forceModule == "True" ? true : false
|
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
.justifie {
|
|
background-color: rgb(104, 104, 252);
|
|
color: whitesmoke;
|
|
}
|
|
|
|
fieldset {
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
</style>
|
|
|
|
{% endblock %}
|
|
|
|
</div> |