ScoDoc/app/templates/assiduites/signal_assiduites_etud.j2

119 lines
3.3 KiB
Plaintext
Raw Normal View History

2023-04-17 15:44:55 +02:00
{# -*- mode: jinja-html -*- #}
{% include "assiduites/toast.j2" %}
{% include "assiduites/alert.j2" %}
{% include "assiduites/prompt.j2" %}
{% include "assiduites/conflict.j2" %}
2023-04-17 15:44:55 +02:00
<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 }}">
2023-04-17 15:44:55 +02:00
</div>
2023-05-17 20:18:02 +02:00
{{timeline|safe}}
2023-04-17 15:44:55 +02:00
<div>
{{moduleimpl_select | safe }}
<button class="btn" onclick="fastJustify(getCurrentAssiduite(etudid))" id="justif-rapide">Justifier</button>
2023-04-17 15:44:55 +02:00
</div>
<div class="btn_group">
2023-04-25 22:59:06 +02:00
<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>
2023-04-17 15:44:55 +02:00
</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>
2023-04-17 15:44:55 +02:00
<!-- Ajout d'un conteneur pour le loader -->
<div class="loader-container" id="loaderContainer">
<div class="loader"></div>
</div>
2023-04-17 15:44:55 +02:00
<script>
const etudid = {{ sco.etud.id }};
const nonWorkDays = [{{ nonworkdays| safe }}];
2023-04-17 15:44:55 +02:00
setupDate(() => {
if (updateDate()) {
actualizeEtud(etudid);
updateSelect();
onlyAbs();
}
2023-04-17 15:44:55 +02:00
});
setupTimeLine(() => {
updateJustifyBtn();
});
2023-04-17 15:44:55 +02:00
updateDate();
getSingleEtud({{ sco.etud.id }});
actualizeEtud({{ sco.etud.id }});
updateSelect()
updateJustifyBtn();
2023-04-17 15:44:55 +02:00
function setTimeLineTimes(a, b) {
setPeriodValues(a, b);
updateJustifyBtn();
2023-04-17 15:44:55 +02:00
}
window.forceModule = "{{ forcer_module }}"
window.forceModule = window.forceModule == "True" ? true : false
</script>
<style>
2023-04-17 15:44:55 +02:00
.justifie {
background-color: rgb(104, 104, 252);
color: whitesmoke;
}
fieldset {
outline: none;
border: none;
}
2023-04-17 15:44:55 +02:00
</style>
{% endblock %}
</div>