From cb7ec89484e7b5d4abd7a317990895a712488dae Mon Sep 17 00:00:00 2001
From: iziram <matthias.hartmann@iziram.fr>
Date: Fri, 30 Jun 2023 14:38:56 +0200
Subject: [PATCH] =?UTF-8?q?Assiduit=C3=A9s=20:=20L=C3=A9gendes=20des=20pag?=
 =?UTF-8?q?es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/scodoc/sco_formsemestre_status.py         |  4 +--
 .../assiduites/pages/ajout_justificatif.j2    | 21 ++++++++++++--
 app/templates/assiduites/pages/bilan_dept.j2  | 11 +++++++-
 app/templates/assiduites/pages/bilan_etud.j2  | 27 ++++++++++++++++++
 app/templates/assiduites/pages/calendrier.j2  | 19 +++++++++++++
 .../assiduites/pages/liste_assiduites.j2      | 28 +++++++++++++++++++
 .../pages/signal_assiduites_diff.j2           | 16 +++++++++++
 .../pages/signal_assiduites_etud.j2           | 16 ++++++++++-
 app/templates/assiduites/widgets/alert.j2     | 14 ++++++----
 app/templates/assiduites/widgets/prompt.j2    | 13 +++++----
 app/views/assiduites.py                       |  1 -
 11 files changed, 152 insertions(+), 18 deletions(-)

diff --git a/app/scodoc/sco_formsemestre_status.py b/app/scodoc/sco_formsemestre_status.py
index ea5d292313..e9fdfc14c4 100755
--- a/app/scodoc/sco_formsemestre_status.py
+++ b/app/scodoc/sco_formsemestre_status.py
@@ -836,9 +836,9 @@ def _make_listes_sem(formsemestre: FormSemestre, with_absences=True):
                 formsemestre.date_debut.strftime("%d/%m/%Y")
             ).prev_monday()
             form_abs_tmpl = """
-            <td>
+            <!-- <td>
                 <a class="btn" href="%(url_etat)s"><button>Voir l'assiduité</button></a>
-            </td>
+            </td> -->
             <td>
             """
             form_abs_tmpl += f"""
diff --git a/app/templates/assiduites/pages/ajout_justificatif.j2 b/app/templates/assiduites/pages/ajout_justificatif.j2
index 5c001790f7..54530f67a1 100644
--- a/app/templates/assiduites/pages/ajout_justificatif.j2
+++ b/app/templates/assiduites/pages/ajout_justificatif.j2
@@ -1,7 +1,7 @@
 {% block pageContent %}
 
 <div class="pageContent">
-    <h3>Justifier</h3>
+    <h3>Justifier des assiduités</h3>
     {% include "assiduites/widgets/tableau_base.j2" %}
     <section class="liste">
         <a class="icon filter" onclick="filter(false)"></a>
@@ -60,8 +60,23 @@
 
     </section>
 
-    <section class="legende">
-    </section>
+    <div class="legende">
+
+        <h3>Gestion des justificatifs</h3>
+        <p>
+            Faites
+            <span style="font-style: italic;">clic droit</span> sur une ligne du tableau pour afficher le menu
+            contextuel :
+        <ul>
+            <li>Détails : Affiche les détails du justificatif sélectionné</li>
+            <li>Editer : Permet de modifier le justificatif (dates, etat, ajouter/supprimer fichier etc)</li>
+            <li>Supprimer : Permet de supprimer le justificatif (Action Irréversible)</li>
+        </ul>
+        </p>
+
+        <p>Cliquer sur l'icone d'entonoir afin de filtrer le tableau des justificatifs</p>
+
+    </div>
 
 </div>
 
diff --git a/app/templates/assiduites/pages/bilan_dept.j2 b/app/templates/assiduites/pages/bilan_dept.j2
index f6afdf610c..688427bb51 100644
--- a/app/templates/assiduites/pages/bilan_dept.j2
+++ b/app/templates/assiduites/pages/bilan_dept.j2
@@ -16,7 +16,16 @@
 </div>
 
 <div class="legende">
-
+    <h3>Gestion des justificatifs</h3>
+    <p>
+        Faites
+        <span style="font-style: italic;">clic droit</span> sur une ligne du tableau pour afficher le menu contextuel :
+    <ul>
+        <li>Détails : Affiche les détails du justificatif sélectionné</li>
+        <li>Editer : Permet de modifier le justificatif (dates, etat, ajouter/supprimer fichier etc)</li>
+        <li>Supprimer : Permet de supprimer le justificatif (Action Irréversible)</li>
+    </ul>
+    </p>
 </div>
 <script>
 
diff --git a/app/templates/assiduites/pages/bilan_etud.j2 b/app/templates/assiduites/pages/bilan_etud.j2
index a282c3c5f6..5fc2a29d90 100644
--- a/app/templates/assiduites/pages/bilan_etud.j2
+++ b/app/templates/assiduites/pages/bilan_etud.j2
@@ -41,7 +41,34 @@
     </section>
 
     <div class="legende">
+        <h3>Statistiques</h3>
+        <p>Un message d'alerte apparait si le nombre d'absence dépasse le seuil (indiqué dans les préférences du
+            département)</p>
+        <p>Les statistiques sont effectuées entre les deux dates séléctionnées. Si vous modifier les dates il faudra
+            appuyer sur le bouton "Actualiser"</p>
+        <h3>Gestion des justificatifs</h3>
+        <p>
+            Faites
+            <span style="font-style: italic;">clic droit</span> sur une ligne du tableau pour afficher le menu
+            contextuel :
+        </p>
+        <ul>
+            <li>Détails : Affiche les détails du justificatif sélectionné</li>
+            <li>Editer : Permet de modifier le justificatif (dates, etat, ajouter/supprimer fichier etc)</li>
+            <li>Supprimer : Permet de supprimer le justificatif (Action Irréversible)</li>
+        </ul>
 
+        <h3>Gestion des Assiduités</h3>
+        <p>
+            Faites
+            <span style="font-style: italic;">clic droit</span> sur une ligne du tableau pour afficher le menu
+            contextuel :
+        </p>
+        <ul>
+            <li>Détails : Affiche les détails de l'assiduité sélectionnée</li>
+            <li>Editer : Permet de modifier l'assiduité (moduleimpl, etat)</li>
+            <li>Supprimer : Permet de supprimer l'assiduité (Action Irréversible)</li>
+        </ul>
     </div>
 
 </div>
diff --git a/app/templates/assiduites/pages/calendrier.j2 b/app/templates/assiduites/pages/calendrier.j2
index 73a3cbf425..a08765f8d5 100644
--- a/app/templates/assiduites/pages/calendrier.j2
+++ b/app/templates/assiduites/pages/calendrier.j2
@@ -12,6 +12,25 @@
         <select name="" id="annee" onchange="setterAnnee(this.value)">
         </select>
     </div>
+
+    <div class="legende">
+        <h3>Calendrier</h3>
+        <p>Les jours non travaillés sont affiché en violet</p>
+        <p>Les jours possèdant une bordure "bleu" sont des jours où des assiduités ont été justifiées par un
+            justificatif valide</p>
+        <p>Les jours possèdant une bordure "rouge" sont des jours où des assiduités ont été justifiées par un
+            justificatif non valide</p>
+        <p>Le jour sera affiché en : </p>
+        <ul>
+            <li>Rouge : S'il y a une assiduité "Absent"</li>
+            <li>Orange : S'il y a une assiduité "Retard" et pas d'assiduité "Absent"</li>
+            <li>Vert : S'il y a une assiduité "Present" et pas d'assiduité "Absent" ni "Retard"</li>
+            <li>Blanc : S'il n'y a pas d'assiduité</li>
+        </ul>
+
+        <p>Vous pouvez passer votre curseur sur les jours colorés afin de voir les assiduités de cette journée.</p>
+
+    </div>
 </div>
 
 
diff --git a/app/templates/assiduites/pages/liste_assiduites.j2 b/app/templates/assiduites/pages/liste_assiduites.j2
index 1e59433873..d18021806a 100644
--- a/app/templates/assiduites/pages/liste_assiduites.j2
+++ b/app/templates/assiduites/pages/liste_assiduites.j2
@@ -14,7 +14,35 @@
         <li id="editOption">Editer</li>
         <li id="deleteOption">Supprimer</li>
     </ul>
+    <div class="legende">
+        <h3>Gestion des justificatifs</h3>
+        <p>
+            Faites
+            <span style="font-style: italic;">clic droit</span> sur une ligne du tableau pour afficher le menu
+            contextuel :
+        </p>
+        <ul>
+            <li>Détails : Affiche les détails du justificatif sélectionné</li>
+            <li>Editer : Permet de modifier le justificatif (dates, etat, ajouter/supprimer fichier etc)</li>
+            <li>Supprimer : Permet de supprimer le justificatif (Action Irréversible)</li>
+        </ul>
 
+        <p>Vous pouvez filtrer le tableau en cliquant sur l'icone d'entonoir sous le titre du tableau.</p>
+
+        <h3>Gestion des Assiduités</h3>
+        <p>
+            Faites
+            <span style="font-style: italic;">clic droit</span> sur une ligne du tableau pour afficher le menu
+            contextuel :
+        </p>
+        <ul>
+            <li>Détails : Affiche les détails de l'assiduité sélectionnée</li>
+            <li>Editer : Permet de modifier l'assiduité (moduleimpl, etat)</li>
+            <li>Supprimer : Permet de supprimer l'assiduité (Action Irréversible)</li>
+        </ul>
+        <p>Vous pouvez filtrer le tableau en cliquant sur l'icone d'entonoir sous le titre du tableau.</p>
+
+    </div>
 </div>
 {% endblock app_content %}
 
diff --git a/app/templates/assiduites/pages/signal_assiduites_diff.j2 b/app/templates/assiduites/pages/signal_assiduites_diff.j2
index abb7fcea5a..8ede0b2e56 100644
--- a/app/templates/assiduites/pages/signal_assiduites_diff.j2
+++ b/app/templates/assiduites/pages/signal_assiduites_diff.j2
@@ -1,8 +1,24 @@
 <h2>Signalement différé des assiduités {{gr |safe}}</h2>
+<div class="legende">
+    <h3>Explication de la saisie différée</h3>
+    <p>Si la colonne n'est pas valide elle sera affichée en rouge, passez votre curseur sur la colonne pour afficher
+        le message d'erreur</p>
+    <p>Sélectionner la date de début de la colonne mettra automatiquement la date de fin à la durée d'une séance
+        (préférence de département)</p>
+    <p>Modifier le moduleimpl alors que des assiduités sont déjà enregistrées pour la période changera leur
+        moduleimpl.</p>
+    <p>Il y a 4 boutons d'assiduités sur la colonne permettant de mettre l'assiduités à tous les étudiants</p>
+    <p>Le dernier des boutons retire l'assiduité.</p>
+    <p>Vous pouvez ajouter des colonnes en appuyant sur le bouton + </p>
+    <p>Vous pouvez supprimer une colonne en appuyant sur la croix qui se situe dans le coin haut droit de la colonne
+    </p>
+</div>
 <h3>{{sem | safe }}</h3>
 
 {{diff | safe}}
 
+
+
 {% include "assiduites/widgets/alert.j2" %}
 {% include "assiduites/widgets/prompt.j2" %}
 {% include "assiduites/widgets/conflict.j2" %}
diff --git a/app/templates/assiduites/pages/signal_assiduites_etud.j2 b/app/templates/assiduites/pages/signal_assiduites_etud.j2
index f03d4f2860..7811f2c1b5 100644
--- a/app/templates/assiduites/pages/signal_assiduites_etud.j2
+++ b/app/templates/assiduites/pages/signal_assiduites_etud.j2
@@ -35,7 +35,7 @@
     {{diff | safe}}
 
     <div class="legende">
-        <h3>Explication diverses</h3>
+        <h3>Explication de la timeline</h3>
         <p>
             Si la période indiquée par la timeline provoque un conflit d'assiduité pour un étudiant sa ligne deviendra
             rouge.
@@ -54,6 +54,20 @@
             <li>Hachure Rouge -> l'assiduité est justifiée par un justificatif non valide / en attente de validation
             </li>
         </ul>
+        <p>Vous pouvez justifier rapidement une assiduité en saisisant l'assiduité puis en appuyant sur "Justifier"</p>
+
+        <h3>Explication de la saisie différée</h3>
+        <p>Si la colonne n'est pas valide elle sera affichée en rouge, passez votre curseur sur la colonne pour afficher
+            le message d'erreur</p>
+        <p>Sélectionner la date de début de la colonne mettra automatiquement la date de fin à la durée d'une séance
+            (préférence de département)</p>
+        <p>Modifier le moduleimpl alors que des assiduités sont déjà enregistrées pour la période changera leur
+            moduleimpl.</p>
+        <p>Il y a 4 boutons d'assiduités sur la colonne permettant de mettre l'assiduités à tous les étudiants</p>
+        <p>Le dernier des boutons retire l'assiduité.</p>
+        <p>Vous pouvez ajouter des colonnes en appuyant sur le bouton + </p>
+        <p>Vous pouvez supprimer une colonne en appuyant sur la croix qui se situe dans le coin haut droit de la colonne
+        </p>
     </div>
 
 
diff --git a/app/templates/assiduites/widgets/alert.j2 b/app/templates/assiduites/widgets/alert.j2
index d0ce3add8f..4da10c9eac 100644
--- a/app/templates/assiduites/widgets/alert.j2
+++ b/app/templates/assiduites/widgets/alert.j2
@@ -139,6 +139,14 @@
         banners.forEach((ban) => {
             ban.style.backgroundColor = color;
         })
+
+        alertmodal.addEventListener('click', (e) => {
+            if (e.target.id == alertmodal.id) {
+                alertmodal.classList.remove('is-active');
+                alertmodal.removeEventListener('click', this)
+
+            }
+        })
     }
     function closeAlertModal() {
         alertmodal.classList.remove("is-active")
@@ -147,10 +155,6 @@
     alertClose.onclick = function () {
         closeAlertModal()
     }
-    window.onclick = function (event) {
-        if (event.target == alertmodal) {
-            alertmodal.classList.remove('is-active');
-        }
-    }
+
 </script>
 {% endblock alertmodal %}
\ No newline at end of file
diff --git a/app/templates/assiduites/widgets/prompt.j2 b/app/templates/assiduites/widgets/prompt.j2
index 58c2784ec5..991d153d23 100644
--- a/app/templates/assiduites/widgets/prompt.j2
+++ b/app/templates/assiduites/widgets/prompt.j2
@@ -174,6 +174,13 @@
         banners.forEach((ban) => {
             ban.style.backgroundColor = color;
         })
+
+        promptModal.addEventListener('click', (e) => {
+            if (e.target.id == promptModal.id) {
+                promptModal.classList.remove('is-active');
+                promptModal.removeEventListener('click', this)
+            }
+        })
     }
 
     function promptModalButtonAction(success, cancel) {
@@ -204,10 +211,6 @@
     promptClose.onclick = function () {
         closePromptModal()
     }
-    window.onclick = function (event) {
-        if (event.target == promptModal) {
-            promptModal.classList.remove('is-active');
-        }
-    }
+
 </script>
 {% endblock promptModal %}
\ No newline at end of file
diff --git a/app/views/assiduites.py b/app/views/assiduites.py
index 8c2fed0c5f..d0acfccdec 100644
--- a/app/views/assiduites.py
+++ b/app/views/assiduites.py
@@ -539,7 +539,6 @@ def signal_assiduites_group():
         + [
             "css/assiduites.css",
         ],
-        no_side_bar=1,
     )
 
     return HTMLBuilder(