2024-01-21 22:21:10 +01:00
|
|
|
{% extends "sco_page.j2" %}
|
|
|
|
|
|
|
|
{% block title %}
|
|
|
|
{{title}}
|
|
|
|
{% endblock title %}
|
|
|
|
|
|
|
|
|
|
|
|
{% block scripts %}
|
|
|
|
{{ super() }}
|
|
|
|
<script src="{{scu.STATIC_DIR}}/libjs/bootstrap-multiselect-1.1.2/bootstrap-multiselect.min.js"></script>
|
|
|
|
<script src="{{scu.STATIC_DIR}}/libjs/purl.js"></script>
|
|
|
|
<script src="{{scu.STATIC_DIR}}/js/etud_info.js"></script>
|
|
|
|
<script src="{{scu.STATIC_DIR}}/js/groups_view.js"></script>
|
|
|
|
<script src="{{scu.STATIC_DIR}}/js/date_utils.js"></script>
|
|
|
|
<script src="{{scu.STATIC_DIR}}/js/assiduites.js"></script>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
{% if readonly != "false" %}
|
|
|
|
function getPeriodValues(){
|
|
|
|
return [0, 23]
|
|
|
|
}
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
|
|
const nonWorkDays = [{{ nonworkdays| safe }}];
|
|
|
|
|
|
|
|
const readOnly = {{ readonly }};
|
|
|
|
|
|
|
|
|
|
|
|
setupDate();
|
|
|
|
updateDate();
|
|
|
|
if (!readOnly){
|
|
|
|
setupTimeLine(()=>{
|
|
|
|
generateAllEtudRow();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
window.forceModule = "{{ forcer_module }}"
|
|
|
|
window.forceModule = window.forceModule == "True" ? true : false
|
|
|
|
|
|
|
|
const etudsDefDem = {{ defdem | safe }}
|
|
|
|
|
|
|
|
const select = document.getElementById("moduleimpl_select");
|
|
|
|
|
|
|
|
select?.addEventListener('change', (e) => {
|
|
|
|
generateAllEtudRow();
|
|
|
|
});
|
|
|
|
|
|
|
|
if (window.forceModule) {
|
|
|
|
const btn = document.getElementById("validate_selectors");
|
|
|
|
|
|
|
|
|
|
|
|
if (!readOnly && select.value == "") {
|
|
|
|
document.getElementById('forcemodule').style.display = "block";
|
|
|
|
}
|
|
|
|
|
|
|
|
select?.addEventListener('change', (e) => {
|
|
|
|
if (e.target.value != "") {
|
|
|
|
document.getElementById('forcemodule').style.display = "none";
|
|
|
|
} else {
|
|
|
|
document.getElementById('forcemodule').style.display = "block";
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
{% endblock scripts %}
|
|
|
|
|
|
|
|
{% block styles %}
|
|
|
|
{{ super() }}
|
|
|
|
<link rel="stylesheet" href="{{scu.STATIC_DIR}}/libjs/bootstrap/css/bootstrap.min.css">
|
|
|
|
<link rel="stylesheet" href="{{scu.STATIC_DIR}}/libjs/bootstrap/css/bootstrap-theme.min.css">
|
|
|
|
<link rel="stylesheet" href="{{scu.STATIC_DIR}}/libjs/bootstrap-multiselect-1.1.2/bootstrap-multiselect.min.css">
|
|
|
|
<link rel="stylesheet" href="{{scu.STATIC_DIR}}/css/assiduites.css">
|
|
|
|
<link rel="stylesheet" href="{{scu.STATIC_DIR}}/css/minitimeline.css">
|
|
|
|
{% endblock styles %}
|
|
|
|
|
|
|
|
|
|
|
|
{% block app_content %}
|
2023-06-20 08:33:49 +02:00
|
|
|
{% include "assiduites/widgets/toast.j2" %}
|
2024-01-21 22:21:10 +01:00
|
|
|
|
|
|
|
{{ minitimeline|safe }}
|
|
|
|
|
2023-04-17 15:44:55 +02:00
|
|
|
<section id="content">
|
|
|
|
|
|
|
|
<div class="no-display">
|
|
|
|
<span class="formsemestre_id">{{formsemestre_id}}</span>
|
|
|
|
<span id="formsemestre_date_debut">{{formsemestre_date_debut}}</span>
|
|
|
|
<span id="formsemestre_date_fin">{{formsemestre_date_fin}}</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<h2>
|
2023-10-09 19:08:57 +02:00
|
|
|
{% if readonly == "true" %}
|
|
|
|
Assiduité {{gr_tit|safe}} {{sem}} (lecture seule)
|
|
|
|
{% else %}
|
|
|
|
Saisie de l'assiduité {{gr_tit|safe}} {{sem}}
|
|
|
|
{% endif %}
|
2023-04-17 15:44:55 +02:00
|
|
|
</h2>
|
|
|
|
|
|
|
|
<fieldset class="selectors">
|
|
|
|
<div class="infos">
|
2023-10-09 19:08:57 +02:00
|
|
|
<div class="infos-button">Groupes : {{grp|safe}}</div>
|
2023-10-23 14:56:18 +02:00
|
|
|
<div class="infos-button" style="margin-left: 24px;">Date : <span style="margin-left: 8px;"
|
|
|
|
id="datestr"></span>
|
2023-11-15 14:11:47 +01:00
|
|
|
<input type="text" class="datepicker" name="tl_date" id="tl_date" value="{{ date }}"
|
|
|
|
onchange="updateDate()">
|
2023-10-09 19:08:57 +02:00
|
|
|
</div>
|
2023-04-17 15:44:55 +02:00
|
|
|
</div>
|
|
|
|
</fieldset>
|
2023-07-26 16:43:49 +02:00
|
|
|
|
2024-01-12 11:36:00 +01:00
|
|
|
{% if readonly == "false" %}
|
2023-07-26 16:43:49 +02:00
|
|
|
{{timeline|safe}}
|
|
|
|
|
|
|
|
<div style="margin: 1vh 0;">
|
2023-08-13 22:40:16 +02:00
|
|
|
<div id="forcemodule" style="display: none; margin:10px 0px;">
|
|
|
|
Vous devez spécifier le module ! (voir réglage préférence du semestre)
|
|
|
|
</div>
|
2023-10-09 19:08:57 +02:00
|
|
|
<div>Module : {{moduleimpl_select|safe}}</div>
|
2023-07-26 16:43:49 +02:00
|
|
|
</div>
|
|
|
|
{% else %}
|
|
|
|
{% endif %}
|
2023-10-09 19:08:57 +02:00
|
|
|
|
|
|
|
{% if readonly == "true" %}
|
|
|
|
<button id="validate_selectors" onclick="validateSelectors(this)">
|
|
|
|
Voir l'assiduité
|
|
|
|
</button>
|
|
|
|
{% else %}
|
|
|
|
<button id="validate_selectors" onclick="validateSelectors(this)">
|
|
|
|
Faire la saisie
|
|
|
|
</button>
|
|
|
|
{% endif %}
|
2024-01-12 11:36:00 +01:00
|
|
|
|
2023-10-09 19:08:57 +02:00
|
|
|
|
2023-04-17 15:44:55 +02:00
|
|
|
<div class="etud_holder">
|
2023-06-12 17:54:30 +02:00
|
|
|
<p class="placeholder">
|
|
|
|
</p>
|
2023-04-17 15:44:55 +02:00
|
|
|
</div>
|
2023-06-12 17:54:30 +02:00
|
|
|
<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>
|
2023-11-16 14:25:06 +01:00
|
|
|
{% include "assiduites/widgets/legende_couleur.j2" %}
|
2023-06-12 17:54:30 +02:00
|
|
|
</ul>
|
2023-04-17 15:44:55 +02:00
|
|
|
</div>
|
|
|
|
<!-- Ajout d'un conteneur pour le loader -->
|
|
|
|
<div class="loader-container" id="loaderContainer">
|
|
|
|
<div class="loader"></div>
|
|
|
|
</div>
|
|
|
|
|
2023-06-20 08:33:49 +02:00
|
|
|
{% include "assiduites/widgets/alert.j2" %}
|
|
|
|
{% include "assiduites/widgets/prompt.j2" %}
|
|
|
|
{% include "assiduites/widgets/conflict.j2" %}
|
2023-04-17 15:44:55 +02:00
|
|
|
|
2024-01-21 22:21:10 +01:00
|
|
|
</section>
|
2023-06-13 16:25:45 +02:00
|
|
|
|
2024-01-21 22:21:10 +01:00
|
|
|
{% endblock app_content %}
|