Merge branch 'iziram-saisie_hebdo'

app/scodoc/sco_formsemestre_status.py

@@ -838,6 +838,27 @@ def _make_listes_sem(formsemestre: FormSemestre) -> str:
                         )}">
                         Saisir l'assiduité</a>
                         </div>
+                        """
+                    )
+                # YYYY-Www (ISO 8601) :
+                current_week: str = datetime.datetime.now().strftime("%G-W%V")
+                H.append(
+                    f"""
+                    <div>
+                    <a class="stdlink" href="{
+                        url_for("assiduites.signal_assiduites_hebdo",
+                            scodoc_dept=g.scodoc_dept,
+                            formsemestre_id=formsemestre.id,
+                            group_ids=group.id,
+                            week=current_week,
+                    )}">
+                    Saisir l'assiduité (Hebdo)</a>
+                    </div>
+                    """
+                )
+                if can_edit_abs:
+                    H.append(
+                        f"""
                         <div>
                         <a class="stdlink" href="{
                             url_for("assiduites.bilan_dept",
@@ -847,7 +868,7 @@ def _make_listes_sem(formsemestre: FormSemestre) -> str:
                         )}">
                         Justificatifs en attente</a>
                         </div>
-                    """
+                        """
                     )
                 H.append(
                     f"""

app/scodoc/sco_groups_view.py

@@ -26,7 +26,7 @@
 ##############################################################################
 
 """Affichage étudiants d'un ou plusieurs groupes
-   sous forme: de liste html (table exportable), de trombinoscope (exportable en pdf)
+sous forme: de liste html (table exportable), de trombinoscope (exportable en pdf)
 """
 
 # Re-ecriture en 2014 (re-organisation de l'interface, modernisation du code)
@@ -585,8 +585,8 @@ def groups_table(
         etud_info["_nom_disp_order"] = etud_sort_key(etud_info)
         etud_info["_prenom_target"] = fiche_url
 
-        etud_info["_nom_disp_td_attrs"] = 'id="%s" class="etudinfo"' % (
-            etud_info["etudid"]
+        etud_info["_nom_disp_td_attrs"] = (
+            'id="%s" class="etudinfo"' % (etud_info["etudid"])
         )
         etud_info["bourse_str"] = "oui" if etud_info["boursier"] else "non"
         if etud_info["etat"] == "D":
@@ -998,12 +998,12 @@ def form_choix_saisie_semaine(groups_infos):
         return ""
     query_args = parse_qs(request.query_string)
     moduleimpl_id = query_args.get("moduleimpl_id", [None])[0]
-    semaine = datetime.date.today().isocalendar().week
+    semaine = datetime.datetime.now().strftime("%G-W%V")
     return f"""
     <button onclick="window.location='{url_for(
-        "assiduites.signal_assiduites_diff",
+        "assiduites.signal_assiduites_hebdo",
         group_ids=",".join(map(str,groups_infos.group_ids)),
-        semaine=semaine,
+        week=semaine,
         scodoc_dept=g.scodoc_dept,
         formsemestre_id=groups_infos.formsemestre_id,
         moduleimpl_id=moduleimpl_id

app/scodoc/sco_moduleimpl_status.py

@@ -351,7 +351,23 @@ def moduleimpl_status(moduleimpl_id=None, partition_id=None):
                 }&formsemestre_id={formsemestre.id}
                 &moduleimpl_id={moduleimpl_id}
                 "
-        >Saisie Absences journée</a></span>
+        >Saisie Absences</a></span>
+        """
+        )
+        current_week: str = datetime.datetime.now().strftime("%G-W%V")
+        H.append(
+            f"""
+                <span class="moduleimpl_abs_link"><a class="stdlink" href="{
+                    url_for("assiduites.signal_assiduites_hebdo",
+                            scodoc_dept=g.scodoc_dept,
+                            formsemestre_id=formsemestre.id,
+                            group_ids=group_id,
+                            week=current_week,
+                            moduleimpl_id=moduleimpl_id
+                    )
+                }
+                "
+        >Saisie Absences (Hebdo)</a></span>
         """
         )
         H.append(
@@ -363,8 +379,8 @@ def moduleimpl_status(moduleimpl_id=None, partition_id=None):
                     group_ids=group_id,
                     formsemestre_id=formsemestre.id,
                     moduleimpl_id="" if moduleimpl_id is None else moduleimpl_id
-            )}"
-        >Saisie Absences Différée</a></span>
+            )}" title="Page en cours de fusion et sera prochainement supprimée. Veuillez utiliser la page `Saisie Absences`"
+        >(Saisie Absences Différée)</a></span>
         """
         )
 

app/static/js/assiduites.js

@@ -68,7 +68,13 @@ async function async_post(path, data, success, errors) {
       const responseData = await response.json();
       success(responseData);
     } else {
-      throw new Error("Network response was not ok.");
+      if (response.status == 404) {
+        response.json().then((data) => {
+          if (errors) errors(data);
+        });
+      } else {
+        throw new Error("Network response was not ok.");
+      }
     }
   } catch (error) {
     console.error(error);
@@ -615,7 +621,10 @@ function erreurModuleImpl(message) {
 
     openAlertModal("Sélection du module", content);
   }
-  if (message == "L'étudiant n'est pas inscrit au module") {
+  if (
+    message == "L'étudiant n'est pas inscrit au module" ||
+    message == "param 'moduleimpl_id': etud non inscrit"
+  ) {
     const HTML = `
   <p>Attention, l'étudiant n'est pas inscrit à ce module.</p>
   <p>Si c'est une erreur, veuillez voir avec le ou les responsables de votre scodoc.</p>
@@ -822,7 +831,7 @@ function dateCouranteEstTravaillee() {
     const nouvelleDate = retourJourTravail(date);
     $("#date").datepicker("setDate", nouvelleDate);
     let msg = "Le jour sélectionné";
-    if ((new Date()).format("YYYY-MM-DD") == date.format("YYYY-MM-DD")) {
+    if (new Date().format("YYYY-MM-DD") == date.format("YYYY-MM-DD")) {
       msg = "Aujourd'hui";
     }
     const att = document.createTextNode(

app/static/js/date_utils.js

@@ -430,3 +430,23 @@ class Duration {
 function hasTimeConflict(period, interval) {
   return period.deb.isBefore(interval.fin) && period.fin.isAfter(interval.deb);
 }
+
+// Fonction auxiliaire pour obtenir le numéro de semaine ISO d'une date donnée
+function getISOWeek(date) {
+  const target = new Date(date.valueOf());
+  const dayNr = (date.getUTCDay() + 6) % 7;
+  target.setUTCDate(target.getUTCDate() - dayNr + 3);
+  const firstThursday = target.valueOf();
+  target.setUTCMonth(0, 1);
+  if (target.getUTCDay() !== 4) {
+    target.setUTCMonth(0, 1 + ((4 - target.getUTCDay() + 7) % 7));
+  }
+  return 1 + Math.ceil((firstThursday - target) / 604800000);
+}
+
+// Fonction auxiliaire pour obtenir le nombre de semaines ISO dans une année donnée
+function getISOWeeksInYear(year) {
+  const date = new Date(year, 11, 31);
+  const week = getISOWeek(date);
+  return week === 1 ? getISOWeek(new Date(year, 11, 24)) : week;
+}

app/templates/assiduites/pages/signal_assiduites_hebdo.j2

@@ -0,0 +1,898 @@
+{% extends "sco_page.j2" %}
+
+{% block styles %}
+{{ super() }}
+<link rel="stylesheet" href="{{scu.STATIC_DIR}}/css/assiduites.css">
+<link rel="stylesheet" href="{{scu.STATIC_DIR}}/css/minitimeline.css">
+
+<style>
+    .rbtn::before {
+        --size: 1.5em;
+        width: var(--size);
+        height: var(--size);
+    }
+
+    .ui-timepicker-container,
+    #ui-datepicker-div {
+        z-index: 5 !important;
+    }
+
+    #new_periode,
+    #actions {
+        display: flex;
+        flex-direction: column;
+        width: fit-content;
+        gap: 0.5em;
+    }
+
+    #actions {
+        flex-direction: row;
+        align-items: center;
+        margin: 5px 0;
+    }
+
+    #actions label {
+        margin: 0;
+    }
+
+    #fix {
+        display: flex;
+        flex-direction: row;
+        gap: 1em;
+        justify-content: space-between;
+        width: fit-content;
+    }
+
+    #fix>.box {
+        border: 1px solid #444;
+        border-radius: 0.5em;
+        padding: 1em;
+    }
+
+    .timepicker {
+        width: 5em;
+        text-align: center;
+    }
+
+    #moduleimpl_select {
+        text-align: center;
+    }
+
+    table {
+        border-collapse: collapse;
+        width: 100%;
+        max-width: 1600px;
+        position: relative;
+        table-layout: fixed;
+    }
+
+    th,
+    td {
+        border: 1px solid #ddd;
+        padding: 8px;
+        text-align: center;
+        background-color: white;
+    }
+
+    th {
+        z-index: 1;
+    }
+
+    .premier th {
+        position: sticky;
+        top: 0;
+        background-color: white;
+    }
+
+    .second th {
+        position: sticky;
+        top: 38px;
+        background-color: white;
+    }
+
+
+    .sticky-col {
+        position: sticky;
+        left: 0;
+        z-index: 1;
+    }
+
+    .rbtn:not(:checked)::before {
+        opacity: 0.5;
+    }
+
+    .grayed {
+        filter: brightness(0.5);
+    }
+    .conflit {
+        background-color: var(--color-conflit);
+    }
+
+    .conflit_calendar{
+        font-size: 1.5em;
+        cursor: pointer;
+    }
+
+
+</style>
+
+<style>
+.timePicker-modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+.timePicker-modal.show {
+    display: block;
+}
+
+.timePicker-modal-content {
+    background-color: white;
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 300px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+    text-align: center;
+}
+
+.timePicker-close {
+    color: #aaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+}
+
+.timePicker-close:hover,
+.timePicker-close:focus {
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.time-picker-container {
+    margin: 15px 0;
+}
+
+#confirmButton {
+    padding: 10px 20px;
+    font-size: 16px;
+    background-color: var(--color-primary);
+    color: white;
+    border: none;
+    cursor: pointer;
+}
+
+#confirmButton:hover {
+    background-color: var(--color-secondary);
+}
+
+.etudinfo{
+    text-align: left;
+}
+</style>
+{% endblock styles %}
+
+{% block scripts %}
+{{ super() }}
+<script src="{{scu.STATIC_DIR}}/js/etud_info.js"></script>
+<script src="{{scu.STATIC_DIR}}/js/assiduites.js"></script>
+<script src="{{scu.STATIC_DIR}}/js/date_utils.js"></script>
+{% include "sco_timepicker.j2" %}
+
+
+<script>
+
+    const readonly = "{{readonly | safe}}" == "True";
+    const non_present = "{{non_present | safe}}" == "True";
+
+    const etuds = [
+        {% for etud in etudiants %}
+        {
+            id: {{etud.etudid}},
+            nom: "{{etud.nom}}",
+            prenom: "{{etud.prenom}}"
+        },
+        {% endfor %}
+    ]
+
+    let days = [
+        {% for jour in hebdo_jours %}
+        {
+            date : new Date(Date.fromFRA("{{jour[1][1]}}")),
+            visible : "{{not jour[0]}}" == "True",
+            nom : "{{jour[1][0]}}",
+        },
+        {% endfor %}
+    ] // [0]=Lundi ... [6]=Dimanche  -> à 00h00
+
+    //Une fonction d'action quand un bouton est cliqué
+    // 3 possibilités : 
+    // - assiduite_id = null -> créer nv assi avec état du bouton
+    // - assiduite_id non null et bouton coché == etat assi -> suppression de l'assiduité
+    // - assiduite_id non null et bouton coché != etat assi -> modification de l'assiduité
+    async function actionButton(btn, same = false) {
+        let td = btn.parentElement;
+        let tr = td.parentElement;
+        let etudid = tr.getAttribute("etudid");
+        let etud = etuds.find((etud) => etud.id == etudid);
+        let etat = btn.value;
+        let assiduite_id = td.getAttribute("assiduite_id");
+        let dayInfo = [td.getAttribute("day"), td.getAttribute("time")]// [0]=[0..6] [1]=am/pm
+        let day = days[dayInfo[0]].date;
+        dayInfo[1] = dayInfo[1] == "am" ? "matin" : "apresmidi";
+        let deb = new Date(day.format('YYYY-MM-DD') + "T" + temps[dayInfo[1]].debut);
+        let fin = new Date(day.format('YYYY-MM-DD') + "T" + temps[dayInfo[1]].fin);
+
+        const assi = {
+            etudid: etudid,
+            etat: etat,
+            moduleimpl_id: document.getElementById("moduleimpl_select").value,
+            date_debut: deb.toFakeIso(),
+            date_fin: fin.toFakeIso(),
+        }
+
+        let cancelEvent = false;
+
+        if (assiduite_id != "") {
+            if (same) {
+                // Suppression
+                await async_post(
+                    `../../api/assiduite/delete`,
+                    [assiduite_id],
+                    (data) => {
+                        if (data.success.length > 0) {
+                            envoiToastEtudiant("remove", etud);
+                            td.setAttribute("assiduite_id", "");
+                        } else {
+                            console.error(data.errors["0"].message);
+                            cancelEvent = true;
+                            erreurModuleImpl(data.errors["0"].message);
+                        }
+                    },
+                    (error) => {
+                        console.error("Erreur lors de la suppression de l'assiduité", error);
+                        cancelEvent = true;
+                    }
+                );
+            } else {
+                // Modification
+                await async_post(
+                    `../../api/assiduite/${assiduite_id}/edit`,
+                    assi,
+                    (data) => {
+                        envoiToastEtudiant(etat, etud);
+                    },
+                    (error) => {
+                        console.error("Erreur lors de la modification de l'assiduité", error);
+                        cancelEvent = true;
+                        erreurModuleImpl(error.message);
+                    }
+                );
+            }
+        } else {
+            // Création
+            await async_post(
+                `../../api/assiduite/${etud.id}/create`,
+                [assi],
+                (data) => {
+                    if (data.success.length > 0) {
+                        envoiToastEtudiant(etat, etud);
+                        //mise à jour de l'assiduité_id dans le td
+                        td.setAttribute("assiduite_id", data.success["0"].message.assiduite_id);
+                    } else {
+                        console.error(data.errors["0"].message);
+                        erreurModuleImpl(data.errors["0"].message);
+                        cancelEvent = true;
+                    }
+                },
+                (error) => {
+                    console.error("Erreur lors de la création de l'assiduité", error);
+
+                }
+            );
+        }
+
+        return cancelEvent;
+
+    }
+
+    async function recupAssiduitesHebdo(callback) {
+        const etudIds = etuds.map((etud) => etud.id).join(",");
+        const date_debut = days[0].date.startOf("day").format("YYYY-MM-DDTHH:mm");
+        const date_fin = days[6].date.endOf("day").format("YYYY-MM-DDTHH:mm");
+
+        url =
+            `../../api/assiduites/group/query?date_debut=${date_debut}` +
+            `&date_fin=${date_fin}&etudids=${etudIds}&with_justifs`;
+
+        await fetch(url)
+            .then((res) => {
+                if (!res.ok) {
+                    throw new Error("Network response was not ok");
+                }
+                return res.json();
+            })
+            .then((data) => {
+                let assiduites = []
+                Object.keys(data).forEach((etudid) => {
+                    assiduites.push(...data[etudid]);
+                });
+                callback(assiduites);
+            })
+            .catch((error) =>
+                console.error(
+                    "There has been a problem with your fetch operation:",
+                    error
+                )
+            );
+    }
+
+
+    function updateTable(assiduites) {
+
+        const img_conflit = `
+    <a
+        class="conflit_calendar"
+        title="Des assiduités existent déjà pour cette période. Cliquez ici pour voir le calendrier de l'assiduité de l'étudiant"
+        data-tooltip
+        target="_blank"
+    >📅</a>`
+
+        // Suppression existant
+        document.querySelectorAll("td.btns").forEach((el) => {
+            el.remove();
+        });
+
+        for (let i = 0; i < days.length; i++) {
+            let day = days[i].date;
+
+            let morningPeriod = {
+                deb: new Date(day.format('YYYY-MM-DD') + "T" + temps.matin.debut),
+                fin: new Date(day.format('YYYY-MM-DD') + "T" + temps.matin.fin),
+            }
+            let afternoonPeriod = {
+                deb: (new Date(day.format('YYYY-MM-DD') + "T" + temps.apresmidi.debut)),
+                fin: new Date(day.format('YYYY-MM-DD') + "T" + temps.apresmidi.fin),
+            }
+            const assiduitesByDay = {
+                matin: assiduites.filter((assi) => {
+                    const period = {
+                        deb: new Date(assi.date_debut),
+                        fin: new Date(assi.date_fin)
+                    }
+                    return hasTimeConflict(period, morningPeriod);
+                }),
+                apresmidi: assiduites.filter((assi) => {
+                    const period = {
+                        deb: new Date(assi.date_debut),
+                        fin: new Date(assi.date_fin)
+                    }
+                    return hasTimeConflict(period, afternoonPeriod);
+                })
+            };
+
+            // Récupération des tr étudiants
+            let trs = document.querySelectorAll("tr[etudid]");
+
+            trs.forEach((tr) => {
+                let etudid = tr.getAttribute("etudid");
+
+                if (!days[i].visible && i >= 5) {
+                    return;
+                } else if (!days[i].visible) {
+                    tr.insertAdjacentHTML("beforeend", "<td class='grayed btns' colspan='2'></td>");
+                    return;
+                }
+
+                let etudAssiMorning = assiduitesByDay.matin.filter((a) => {
+                    return a.etudid == etudid;
+                });
+                let etudAssiAfternoon = assiduitesByDay.apresmidi.filter((a) => {
+                    return a.etudid == etudid;
+                });
+
+                // Créations des boutons
+                // matin
+                let tdMatin = document.createElement("td");
+                tdMatin.classList.add("btns");
+                tdMatin.setAttribute("day", i);
+                tdMatin.setAttribute("time", "am");
+
+                tr.appendChild(tdMatin);
+
+                // après-midi
+                let tdApresmidi = document.createElement("td");
+                tdApresmidi.classList.add("btns");
+                tdApresmidi.setAttribute("day", i);
+                tdApresmidi.setAttribute("time", "pm");
+                tr.appendChild(tdApresmidi);
+
+
+                // Peuplement des boutons en fonction des assiduités
+                let boutons = `
+                <input type="checkbox" name="matin-${etudid}" id="matin-${etudid}" 
+                class="rbtn retard" value="retard">
+                <input type="checkbox" name="matin-${etudid}" id="matin-${etudid}" 
+                class="rbtn absent" value="absent">
+                `
+
+                if (!non_present) {
+                    boutons = `<input type="checkbox" name="matin-${etudid}" id="matin-${etudid}" 
+                class="rbtn present" value="present">`+boutons;
+                }
+
+                // matin
+                tdMatin.innerHTML = boutons
+                tdMatin.setAttribute("assiduite_id", "")
+                if (etudAssiMorning.length != 0) {
+                    let assi = etudAssiMorning[0];
+                    const deb = new Date(assi.date_debut);
+                    const fin = new Date(assi.date_fin);
+
+                    // si dates == periode -> cocher bouton correspondant 
+                    // Sinon supprimer boutons et mettre case "rouge" + tooltip 
+
+                    if (deb.isSame(morningPeriod.deb, "minutes") && fin.isSame(morningPeriod.fin, "minutes")) {
+                        let etat = assi.etat.toLowerCase();
+                        const input = tdMatin.querySelector(`[value="${etat}"]`)
+                        if (input) {
+                            input.checked = true;
+                        }
+                        tdMatin.setAttribute("assiduite_id", assi.assiduite_id);
+                        let saisie = new Date(assi.entry_date).format("DD/MM/Y HH:mm");
+                        saisie = saisie.split(" ").join(" à ");
+                        let text = `noté ${etat} le ${saisie} par ${assi.user_nom_complet}`;
+                        tdMatin.setAttribute("title", text);
+                        tdMatin.setAttribute("data-tooltip", "");
+
+                    } else {
+                        tdMatin.innerHTML = img_conflit;
+                        tdMatin.querySelector(".conflit_calendar").href = `calendrier_assi_etud?etudid=${etudid}`;
+                        tdMatin.classList.add("conflit");
+                    }
+                }
+
+                // après-midi
+                tdApresmidi.innerHTML = boutons
+                tdApresmidi.setAttribute("assiduite_id", "")
+                if (etudAssiAfternoon.length != 0) {
+                    let assi = etudAssiAfternoon[0];
+                    const deb = new Date(assi.date_debut);
+                    const fin = new Date(assi.date_fin);
+
+                    // si dates == periode -> cocher bouton correspondant 
+                    // Sinon supprimer boutons et mettre case "rouge" + tooltip
+
+                    if (deb.isSame(afternoonPeriod.deb, "minutes") && fin.isSame(afternoonPeriod.fin, "minutes")) {
+                        let etat = assi.etat.toLowerCase();
+                        const input = tdApresmidi.querySelector(`[value="${etat}"]`)
+                        if (input) {
+                            input.checked = true;
+                        }
+                        tdApresmidi.setAttribute("assiduite_id", assi.assiduite_id);
+
+                        let saisie = new Date(assi.entry_date).format("DD/MM/Y HH:mm");
+                        saisie = saisie.split(" ").join(" à ");
+                        let text = `noté ${etat} le ${saisie} par ${assi.user_nom_complet}`;
+                        tdApresmidi.setAttribute("title", text);
+                        tdApresmidi.setAttribute("data-tooltip", "");
+                    } else {
+                        tdApresmidi.innerHTML = img_conflit;
+                        tdApresmidi.querySelector(".conflit_calendar").href = `calendrier_assi_etud?etudid=${etudid}`;
+                        tdApresmidi.classList.add("conflit");
+                    }
+                }
+
+            });
+        }
+
+        document.querySelectorAll("td .rbtn").forEach((el) => {
+            el.addEventListener("click", async (e) => {
+
+                if (readonly) {
+                    e.preventDefault();
+                    return;
+                }
+
+                let target = e.target;
+                let parent = target.parentElement;
+                
+                let isCancelled = await actionButton(target, !target.checked);
+                if (isCancelled) {
+                    e.preventDefault();
+                    target.checked = !target.checked;
+                    return;
+                }
+
+                let inputs = parent.querySelectorAll(".rbtn");
+                inputs.forEach((input) => {
+                    if (input != target) {
+                        input.checked = false;
+                    }
+                });
+            });
+        });
+
+        enableTooltips("table");
+
+    }
+
+    // Une fonction pour changer de semaine (précédente ou suivante)
+    // fait juste un location.href avec les bons paramètres
+    function changeWeek(prev = false) {
+        const currentUrl = new URL(window.location.href); // Récupère l'URL actuelle
+        const params = new URLSearchParams(currentUrl.search); // Récupère les paramètres de l'URL
+        let currentWeekParam = params.get('week');
+
+        // Extraire l'année et le numéro de semaine du paramètre de la semaine actuelle
+        const [year, week] = currentWeekParam.split('-W').map(Number);
+
+        // Calculer la nouvelle semaine et l'année
+        let newYear = year;
+        let newWeek = week + (prev ? -1 : 1);
+
+        if (newWeek < 1) {
+            newYear -= 1; // Passer à l'année précédente
+            newWeek = getISOWeeksInYear(newYear); // Dernière semaine de l'année précédente
+        } else if (newWeek > getISOWeeksInYear(newYear)) {
+            newYear += 1; // Passer à l'année suivante
+            newWeek = 1; // Première semaine de l'année suivante
+        }
+
+        // Formater le nouveau paramètre de semaine
+        const newWeekParam = `${newYear}-W${String(newWeek).padStart(2, '0')}`;
+        params.set('week', newWeekParam); // Mettre à jour le paramètre 'week'
+        currentUrl.search = params.toString(); // Mettre à jour les paramètres de l'URL
+        window.location.href = currentUrl.toString(); // Rediriger vers la nouvelle URL
+    }
+
+
+
+    // Une fonction pour gérer le bouton "tout le monde présent"
+    // coche tous les boutons de la colonne
+    function allPresent(day, time) {
+        // Version naive : coche tous les boutons de la colonne
+        // TODO - Optimiser avec une seule requête API
+        let tds = document.querySelectorAll(`td[day="${day}"][time="${time}"]`);
+        const real_time = time == "am" ? "matin" : "apresmidi";
+        const assi = {
+            etat: "present",
+            moduleimpl_id: document.getElementById("moduleimpl_select").value,
+            date_debut: new Date(days[day].date.format('YYYY-MM-DD') + "T" + temps[real_time].debut).toFakeIso(),
+            date_fin: new Date(days[day].date.format('YYYY-MM-DD') + "T" + temps[real_time].fin).toFakeIso(),
+        }
+
+        let toCreate = []; // [{etudid:<int>}]
+        let toEdit = [];// [{etudid:<int>, assiduite_id:<int>}]
+
+        tds.forEach((td) => {
+            // on ne touche pas aux conflits
+            if (td.classList.contains("conflit")) {
+                return;
+            }
+
+            const tr = td.parentElement;
+            const etudid = Number(tr.getAttribute("etudid"));
+
+            const assiduite_id = td.getAttribute("assiduite_id");
+            if (assiduite_id == "") {
+                toCreate.push({ etudid: etudid });
+            } else {
+                toEdit.push({ etudid: etudid, assiduite_id: Number(assiduite_id) });
+            }
+        })
+
+        // Création
+        toCreate = toCreate.map((el) => {
+            return {
+                ...assi,
+                etudid: el.etudid,
+            }
+        });
+
+        // Modification
+        toEdit = toEdit.map((el) => {
+            return {
+                ...assi,
+                etudid: el.etudid,
+                assiduite_id: el.assiduite_id,
+            }
+        });
+
+        // Appel API
+        let counts = {
+            create: toCreate.length,
+            edit: toEdit.length
+        }
+        const promiseCreate = async_post(
+            `../../api/assiduites/create`,
+            toCreate,
+            async (data) => {
+                if (data.errors.length > 0) {
+                    console.error(data.errors);
+                    data.errors.forEach((err) => {
+                        let obj = toCreate[err.indice];
+                        let etu = etuds.find((el) => el.id == obj.etudid);
+
+                        const text = document.createTextNode(`Erreur pour ${etu.nom} ${etu.prenom} : ${err.message}`);
+                        const toast = generateToast(text, "var(--color-error)", 10);
+                        pushToast(toast);
+                    });
+                }
+                counts.create = data.success.length;
+            },
+            (error) => {
+                console.error("Erreur lors de la création de l'assiduité", error);
+            }
+        );
+        const promiseEdit = async_post(
+            `../../api/assiduites/edit`,
+            toEdit,
+            async (data) => {
+                if (data.errors.length > 0) {
+                    console.error(data.errors);
+                    data.errors.forEach((err) => {
+                        let obj = toEdit[err.indice];
+                        let etu = etuds.find((el) => el.id == obj.etudid);
+
+                        const text = document.createTextNode(`Erreur pour ${etu.nom} ${etu.prenom} : ${err.message}`);
+                        const toast = generateToast(text, "var(--color-error)");
+                        pushToast(toast);
+                    });
+                }
+                counts.edit = data.success.length;
+            },
+            (error) => {
+                console.error("Erreur lors de l'édition de l'assiduité", error);
+            }
+        );
+
+        // Affiche un loader
+        afficheLoader();
+
+        Promise.all([promiseCreate, promiseEdit]).then(async () => {
+            retirerLoader();
+            await recupAssiduitesHebdo(updateTable);
+            envoiToastTous("present", counts.create + counts.edit);
+        });
+
+    }
+
+</script>
+
+
+<script>
+    function updateTemps(temps){
+        let matin = document.getElementById("text-matin");
+        let apresmidi = document.getElementById("text-apresmidi");
+        matin.textContent = `${temps.matin.debut} à ${temps.matin.fin}`;
+        apresmidi.textContent = `${temps.apresmidi.debut} à ${temps.apresmidi.fin}`;
+
+        recupAssiduitesHebdo(updateTable);
+    }
+
+    const temps = {
+        matin: {
+            debut: "{{ scu.get_assiduites_time_config("assi_morning_time") }}",
+            fin: "{{ scu.get_assiduites_time_config("assi_lunch_time") }}"
+        },
+        apresmidi: {
+            debut: "{{ scu.get_assiduites_time_config("assi_lunch_time") }}",
+            fin: "{{ scu.get_assiduites_time_config("assi_afternoon_time") }}",
+        }
+    }
+
+    
+
+    document.getElementById("text-matin").addEventListener("click", (e)=>{
+        e.preventDefault();
+        openModal(true);
+    });
+
+    document.getElementById("text-apresmidi").addEventListener("click", (e)=>{
+        e.preventDefault();
+        openModal(false);
+    });
+
+    updateTemps(temps);
+
+</script>
+
+<script>
+
+function openModal(morning = true){
+
+    let text = morning ? "du matin" : "de l'après-midi";
+    const modal = document.getElementById("timePickerModal");
+    modal.querySelector("#timePicker-modal-text").textContent = text;
+
+    let time1 = $("#time1");
+    let time2 = $("#time2");
+
+    // Réinitialiser les champs
+    time1.val(morning ? temps.matin.debut : temps.apresmidi.debut);
+    time2.val(morning ? temps.matin.fin : temps.apresmidi.fin);
+
+    // Définir l'action du bouton de confirmation
+
+    document.getElementById("confirmButton").onclick = function(){
+        let debut = time1.val();
+        let fin = time2.val();
+
+        if (debut == "" || fin == ""){
+            alert("Veuillez remplir les deux champs");
+            return;
+        }
+
+        if (debut >= fin){
+            alert("L'heure de début doit être inférieure à l'heure de fin");
+            return;
+        }
+
+        if (morning){
+            if (fin > temps.apresmidi.debut){
+                alert("L'heure de fin du matin doit être inférieure à l'heure de début de l'après-midi");
+                return;
+            }
+            temps.matin.debut = debut;
+            temps.matin.fin = fin;
+        } else {
+            if (debut < temps.matin.fin){
+                alert("L'heure de début de l'après-midi doit être supérieure à l'heure de fin du matin");
+                return;
+            }
+            temps.apresmidi.debut = debut;
+            temps.apresmidi.fin = fin;
+        }
+
+        updateTemps(temps);
+        modal.classList.remove("show");
+    }
+
+    modal.classList.add("show");
+}
+
+document.addEventListener("DOMContentLoaded", ()=>{
+    const modal = document.getElementById("timePickerModal");
+    modal.querySelector(".timePicker-close").onclick = function() {
+        modal.classList.remove("show");
+    }
+
+    document.addEventListener('keyup', function(e) {
+        if (e.key === "Escape" && modal.classList.contains("show")) {
+            modal.classList.remove("show");
+        }
+    });
+
+
+    document.querySelectorAll("th .rbtn").forEach((el)=>{
+        el.addEventListener("click", (e)=>{
+            allPresent(...el.id.split("-"));
+            e.preventDefault();
+        })
+    })
+})
+
+</script>
+
+
+{% endblock scripts %}
+
+{% block title %}
+{{ title }}
+{% endblock title %}
+
+{% block app_content %}
+
+<h2>Signalement hebdomadaire de l'assiduité {{ gr | safe }}</h2>
+<br>
+<div id="actions" class="flex">
+    <button onclick="changeWeek(true)">Semaine précédente</button>
+    <label for="moduleimpl_select">
+        Module:
+        {{moduleimpl_select | safe}}
+    </label>
+    <button onclick="changeWeek(false)">Semaine suivante</button>
+</div>
+
+<h3 id="tableau-dates">
+    Le matin <a href="#" id="text-matin" title="Cliquer pour modifier les horaires">9h à 12h</a> et l'après-midi de <a href="#" id="text-apresmidi" title="Cliquer pour modifier les horaires">13h à 17h</a>
+</h3>
+
+{% if readonly %}
+<h4
+    title="Vous n'avez pas les permissions nécessaires afin de modifier les assiduités"
+    data-tooltip
+>
+    Ouvert en mode <span class="rouge">lecture seule</span>.
+</h4>
+
+{% endif %}
+<table id="table">
+    <thead>
+        <tr class="premier">
+            <th rowspan="2">Étudiants</th>
+
+            {% for jour in hebdo_jours %}
+
+            {% if not jour[0] or jour[1][0] not in ['Samedi', 'Dimanche']  %}
+            <th colspan="2" class="{{'grayed' if jour[0] else ''}}" >{{ jour[1][0] }} {{jour[1][1] }}</th>
+            {% endif %}
+
+            {% endfor %}
+        </tr>
+        <tr class="second">
+            {% for jour in hebdo_jours %}
+
+            {% if not jour[0] or jour[1][0]  not in ['Samedi', 'Dimanche']  %}
+            <th class="{{'grayed' if jour[0] else ''}}">Matin</th>
+            <th class="{{'grayed' if jour[0] else ''}}">Après-midi</th>
+            {% endif %}
+            {% endfor %}
+        </tr>
+        {% if not readonly and not non_present %}
+        <tr>
+            {# Ne pas afficher si preference "non presences" / "readonly" #}
+            <th></th>
+            {% for jour in hebdo_jours %}
+            {% if not jour[0] or jour[1][0]  not in ['Samedi', 'Dimanche']  %}
+            <th class="{{'grayed' if jour[0] else ''}}">
+                <input title="Mettre tout le monde présent" data-tooltip type="checkbox" name="" id="{{loop.index - 1}}-am" class="rbtn present" {{'disabled' if jour[0] else ''}}>
+            </th>
+            <th class="{{'grayed' if jour[0] else ''}}">
+                <input title="Mettre tout le monde présent" data-tooltip type="checkbox" name="" id="{{loop.index - 1}}-pm" class="rbtn present" {{'disabled' if jour[0] else ''}}>
+            </th>
+            {% endif %}
+            {% endfor %}
+        </tr>
+        {% endif %}
+    </thead>
+    <tbody>
+        {% for etud in etudiants %}
+        <tr etudid="{{etud.etudid}}" id="row-{{etud.etudid}}">
+            <td class="etudinfo" id="etud-{{etud.etudid}}">{{ etud.nom_prenom() }}</td>
+            {# Sera rempli en JS #}
+            {# Ne pas afficher bouton présent si pref "non présences" #}
+            {# <td>
+                <input type="checkbox" name="" id="" class="rbtn present">
+                <input type="checkbox" name="" id="" class="rbtn retard">
+                <input type="checkbox" name="" id="" class="rbtn absent">
+            </td>
+            <td>
+                <input type="checkbox" name="" id="" class="rbtn present">
+                <input type="checkbox" name="" id="" class="rbtn retard">
+                <input type="checkbox" name="" id="" class="rbtn absent">
+            </td> #}
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+
+<div id="timePickerModal" class="timePicker-modal">
+    <div class="timePicker-modal-content">
+        <span class="timePicker-close">&times;</span>
+        <h2>Choisissez les horaires <span id="timePicker-modal-text"></span></h2>
+        <div class="time-picker-container">
+            <label for="time1">Début</label>
+            <input type="text" id="time1" name="time1" class="timepicker" placeholder="hh:mm">
+        </div>
+        <div class="time-picker-container">
+            <label for="time2">Fin</label>
+            <input type="text" id="time2" name="time2" class="timepicker" placeholder="hh:mm">
+        </div>
+        <span>
+        <button id="confirmButton">Confirmer</button>
+    </div>
+</div>
+
+{% include "assiduites/widgets/alert.j2" %}
+{% include "assiduites/widgets/toast.j2" %}
+{% endblock app_content %}

app/views/assiduites.py

@@ -1987,6 +1987,146 @@ def traitement_justificatifs():
     )
 
 
+@bp.route("signal_assiduites_hebdo")
+@scodoc
+@permission_required(Permission.ScoView)
+def signal_assiduites_hebdo():
+    """
+    signal_assiduites_hebdo
+
+    paramètres obligatoires :
+    - formsemestre_id : id du formsemestre
+    - week : date semaine (iso 8601 -> 20XX-WXX)
+    - groups_id : id des groupes (séparés par des virgules -> 1,2,3)
+
+    paramètres optionnels :
+    - moduleimpl_id : id du moduleimpl (par défaut None)
+
+
+    Permissions :
+    - ScoView -> page en lecture seule
+    - AbsChange -> page en lecture/écriture
+    """
+
+    # Récupération des paramètres
+    moduleimpl_id: int = request.args.get("moduleimpl_id", None)
+    week: str = request.args.get("week", None)
+    group_ids: str = request.args.get("group_ids", "")  # ex: "1,2,3"
+    formsemestre_id: int = request.args.get("formsemestre_id", -1)
+
+    # Vérification des paramètres
+    if week is None or group_ids == "" or formsemestre_id == -1:
+        raise ScoValueError("Paramètres manquants", dest_url=request.referrer)
+
+    # Récupération du moduleimpl
+    try:
+        moduleimpl_id: int = int(moduleimpl_id)
+    except (ValueError, TypeError):
+        moduleimpl_id: str | None = None if moduleimpl_id != "autre" else moduleimpl_id
+
+    # Récupération du formsemestre
+    formsemestre: FormSemestre = FormSemestre.get_formsemestre(formsemestre_id)
+
+    # Vérification semaine dans format iso 8601 et formsemestre
+    regex_iso8601 = r"^\d{4}-W\d{2}$"
+    if not re.match(regex_iso8601, week):
+        raise ScoValueError("Semaine invalide", dest_url=request.referrer)
+
+    fs_deb_iso8601 = formsemestre.date_debut.strftime("%Y-W%W")
+    fs_fin_iso8601 = formsemestre.date_fin.strftime("%Y-W%W")
+
+    # Utilisation de la propriété de la norme iso 8601
+    # les chaines sont triables par ordre alphanumérique croissant
+    # et produiront le même ordre que les dates par ordre chronologique croissant
+    if week < fs_deb_iso8601 or week > fs_fin_iso8601:
+        raise ScoValueError("Semaine hors du semestre", dest_url=request.referrer)
+
+    # Vérification des groupes
+    group_ids = group_ids.split(",") if group_ids != "" else []
+
+    groups_infos = sco_groups_view.DisplayedGroupsInfos(
+        group_ids, formsemestre_id=formsemestre.id, select_all_when_unspecified=True
+    )
+    if not groups_infos.members:
+        return (
+            html_sco_header.sco_header(page_title="Assiduité: saisie hebdomadaire")
+            + "<h3>Aucun étudiant ! </h3>"
+            + html_sco_header.sco_footer()
+        )
+
+    # Récupération des étudiants
+    etudiants: list[Identite] = [
+        Identite.get_etud(etudid=m["etudid"]) for m in groups_infos.members
+    ]
+
+    if groups_infos.tous_les_etuds_du_sem:
+        gr_tit = "en"
+    else:
+        if len(groups_infos.group_ids) > 1:
+            grp = "des groupes"
+        else:
+            grp = "du groupe"
+        gr_tit = (
+            grp + ' <span class="fontred">' + groups_infos.groups_titles + "</span>"
+        )
+
+    # Gestion des jours
+    jours: dict[str, list[str]] = {
+        "lun": [
+            "Lundi",
+            datetime.datetime.strptime(week + "-1", "%G-W%V-%u").strftime("%d/%m/%Y"),
+        ],
+        "mar": [
+            "Mardi",
+            datetime.datetime.strptime(week + "-2", "%G-W%V-%u").strftime("%d/%m/%Y"),
+        ],
+        "mer": [
+            "Mercredi",
+            datetime.datetime.strptime(week + "-3", "%G-W%V-%u").strftime("%d/%m/%Y"),
+        ],
+        "jeu": [
+            "Jeudi",
+            datetime.datetime.strptime(week + "-4", "%G-W%V-%u").strftime("%d/%m/%Y"),
+        ],
+        "ven": [
+            "Vendredi",
+            datetime.datetime.strptime(week + "-5", "%G-W%V-%u").strftime("%d/%m/%Y"),
+        ],
+        "sam": [
+            "Samedi",
+            datetime.datetime.strptime(week + "-6", "%G-W%V-%u").strftime("%d/%m/%Y"),
+        ],
+        "dim": [
+            "Dimanche",
+            datetime.datetime.strptime(week + "-7", "%G-W%V-%u").strftime("%d/%m/%Y"),
+        ],
+    }
+
+    non_travail = sco_preferences.get_preference("non_travail")
+    non_travail = non_travail.replace(" ", "").split(",")
+
+    hebdo_jours: list[tuple[bool, str]] = []
+    for key, val in jours.items():
+        hebdo_jours.append((key in non_travail, val))
+
+    return render_template(
+        "assiduites/pages/signal_assiduites_hebdo.j2",
+        title="Assiduité: saisie hebdomadaire",
+        gr=gr_tit,
+        etudiants=etudiants,
+        moduleimpl_select=_module_selector(
+            formsemestre=formsemestre, moduleimpl_id=moduleimpl_id
+        ),
+        hebdo_jours=hebdo_jours,
+        readonly=not current_user.has_permission(Permission.AbsChange),
+        non_present=sco_preferences.get_preference(
+            "non_present",
+            formsemestre_id=formsemestre_id,
+            dept_id=g.scodoc_dept_id,
+        ),
+    )
+
+
 def generate_bul_list(etud: Identite, semestre: FormSemestre) -> str:
     """Génère la liste des assiduités d'un étudiant pour le bulletin mail"""