Merge branch 'table' of https://scodoc.org/git/viennet/ScoDoc

app/scodoc/sco_recapcomplet.py

@@ -108,7 +108,8 @@ def formsemestre_recapcomplet(
         return data
     H = [
         html_sco_header.sco_header(
-            page_title=f"{formsemestre.sem_modalite()}: moyennes",
+            page_title=f"{formsemestre.sem_modalite()}: "
+            + ("jury" if mode_jury else "moyennes"),
             no_side_bar=True,
             init_qtip=True,
             javascripts=["js/etud_info.js", "js/table_recap.js"],

app/static/css/scodoc.css

@@ -3992,6 +3992,29 @@ div.table_recap {
   margin-top: 6px;
 }
 
+.table_recap .but_on {
+  background-color: rgb(177, 238, 162);
+  font-weight: bold;
+}
+
+.table_recap .but_off {
+  background-color: lightgray;
+}
+
+.table_recap button.but_on:hover:not(.disabled),
+.table_recap div.but_on:hover:not(.disabled),
+.table_recap a.but_on:hover:not(.disabled),
+.table_recap input.but_on:hover:not(.disabled) {
+  background: linear-gradient(to bottom, lightgray 0%, rgb(51, 255, 0) 100%);
+}
+
+.table_recap button.but_off:hover:not(.disabled),
+.table_recap div.but_off:hover:not(.disabled),
+.table_recap a.but_off:hover:not(.disabled),
+.table_recap input.but_off:hover:not(.disabled) {
+  background: linear-gradient(to bottom, rgb(51, 255, 0) 0%, lightgray 100%);
+}
+
 div.table_recap table.table_recap {
   width: auto;
   /* font-family: Consolas, monaco, monospace; */

app/static/js/table_recap.js

@@ -32,146 +32,141 @@ $(function () {
             }
         }
 
-        // Les colonnes visibles étant mémorisées, il faut initialiser les titres des boutons
+        // Les colonnes visibles sont mémorisées, il faut initialiser l'état des boutons
         function update_buttons_labels(dt) {
-            console.log("update_buttons_labels");
+            // chaque bouton controle une classe stockée dans le data-group du span
-            dt.buttons('toggle_ident:name').text(dt.columns(".identite_detail").visible()[0] ? "Nom seul" : "Civ/Nom/Prénom");
+            document.querySelectorAll("button.dt-button").forEach(but => {
-            dt.buttons('toggle_partitions:name').text(dt.columns(".partition_aux").visible()[0] ? "Cacher les groupes" : "Montrer groupes");
+                let g_span = but.querySelector("span > span");
-            if (!$('table.table_recap').hasClass("table_jury_but")) {
+                if (g_span) {
-                // Bouton "rangs groupes", sauf pour table jury BUT
+                    let group = g_span.dataset["group"];
-                dt.buttons('toggle_partitions_rangs:name').text(dt.columns(".partition_rangs").visible()[0] ? "Cacher rangs groupes" : "Rangs groupes");
+                    if (group) {
-                dt.buttons('toggle_admission:name').text(dt.columns(".admission").visible()[0] ? "Cacher infos admission" : "Montrer infos admission");
+                        // si le group (= la 1ere col.) est visible, but_on
+                        if (dt.columns("." + group).visible()[0]) {
+                            but.classList.add("but_on");
+                            but.classList.remove("but_off");
                         } else {
-                // table jury BUT: avec ou sans codes enregistrés
+                            but.classList.add("but_off");
-                dt.buttons('toggle_recorded_code:name').text(dt.columns(".recorded_code").visible()[0] ? "Cacher codes jury" : "Code jury enregistrés");
+                            but.classList.remove("but_on");
+                        }
+                    }
+                }
+            });
         }
 
-            // Boutons non visibles en mode jury:
+        // Changement visibilité groupes colonnes (boutons)
-            if (!$('table.table_recap').hasClass("jury")) {
+        function toggle_col_but_visibility(e, dt, node, config) {
-                // Ces boutons dépendent du mode BUT ou classique:
+            let group = node.children()[0].firstChild.dataset.group;
-                if ($('table.table_recap').hasClass("apc")) {
+            toggle_col_group_visibility(dt, group, node.hasClass("but_on"));
-                    dt.buttons('toggle_res:name').text(dt.columns(".col_res").visible()[0] ? "Cacher les ressources" : "Montrer les ressources");
+        }
-                    dt.buttons('toggle_sae:name').text(dt.columns(".col_sae").visible()[0] ? "Cacher les SAÉs" : "Montrer les SAÉs");
+        function toggle_col_ident_visibility(e, dt, node, config) {
+            let onoff = node.hasClass("but_on");
+            toggle_col_group_visibility(dt, "identite_detail", onoff);
+            toggle_col_group_visibility(dt, "identite_court", !onoff);
+        }
+        function toggle_col_ressources_visibility(e, dt, node, config) {
+            let onoff = node.hasClass("but_on");
+            toggle_col_group_visibility(dt, "col_res", onoff);
+            toggle_col_group_visibility(dt, "col_ue_bonus", onoff);
+            toggle_col_group_visibility(dt, "col_malus", onoff);
+        }
+        function toggle_col_group_visibility(dt, group, onoff) {
+            if (onoff) {
+                dt.columns('.' + group).visible(false);
             } else {
-                    dt.buttons('toggle_mod:name').text(dt.columns(".col_mod:not(.col_empty)").visible()[0] ? "Cacher les modules" : "Montrer les modules");
+                dt.columns('.' + group).visible(true);
             }
-                dt.buttons('toggle_col_empty:name').text(dt.columns(".col_empty").visible()[0] ? "Cacher mod. vides" : "Montrer mod. vides");
+            update_buttons_labels(dt);
         }
-        }
+        // Definition des boutons au dessus de la table:
-
         let buttons = [
             {
-                name: "toggle_ident",
+                extend: 'copyHtml5',
-                text: "Civ/Nom/Prénom",
+                text: 'Copier',
+                exportOptions: { orthogonal: 'export' }
+            },
+            {
+                extend: 'excelHtml5',
+                // footer: true, // ne fonctionne pas ?
+                exportOptions: { orthogonal: 'export' },
+                title: document.querySelector('table.table_recap').dataset.filename
+            },
+            {
+                // force affichage de toutes les colonnes
+                text: '<a title="Afficher toutes les colonnes">&#10036;</a>',
                 action: function (e, dt, node, config) {
-                    let visible = dt.columns(".identite_detail").visible()[0];
+                    dt.columns().visible(true);
-                    dt.columns(".identite_detail").visible(!visible);
-                    dt.columns(".identite_court").visible(visible);
                     update_buttons_labels(dt);
                 }
             },
             {
-                name: "toggle_partitions",
+                text: '<a title="Rétablir l\'affichage par défaut">&#10135;</a>',
-                text: "Montrer groupes",
                 action: function (e, dt, node, config) {
-                    let visible = dt.columns(".partition_aux").visible()[0];
+                    localStorage.clear();
-                    dt.columns(".partition_aux").visible(!visible);
+                    console.log("cleared localStorage");
-                    update_buttons_labels(dt);
+                    location.reload();
                 }
             },
-        ];
+            {
-        // Bouton "rangs groupes", sauf pour table jury BUT
+                text: '<span data-group="identite_detail">Civilité</span>',
-        if (!$('table.table_recap').hasClass("table_jury_but")) {
+                action: toggle_col_ident_visibility,
+            },
+            {
+                text: '<span data-group="partition_aux">Groupes</span>',
+                action: toggle_col_but_visibility,
+            },
+            {
+                text: '<span data-group="partition_rangs">Rg</span>',
+                action: toggle_col_but_visibility,
+            },
+        ]; // fin des boutons communs à toutes les tables recap
+
+        if ($('table.table_recap').hasClass("jury")) {
+            // table jury: avec ou sans codes enregistrés
             buttons.push(
                 {
-                    name: "toggle_partitions_rangs",
+                    text: '<span data-group="recorded_code">Code jurys</span>',
-                    text: "Rangs groupes",
+                    action: toggle_col_but_visibility,
-                    action: function (e, dt, node, config) {
-                        let rangs_visible = dt.columns(".partition_rangs").visible()[0];
-                        dt.columns(".partition_rangs").visible(!rangs_visible);
-                        update_buttons_labels(dt);
-                    }
                 });
         } else {
-            // table jury BUT: avec ou sans codes enregistrés
+            // BOUTONS SPECIFIQUES A LA TABLE RECAP NON JURY
-            buttons.push(
-                {
-                    name: "toggle_recorded_code",
-                    text: "Code jury enregistrés",
-                    action: function (e, dt, node, config) {
-                        let visible = dt.columns(".recorded_code").visible()[0];
-                        dt.columns(".recorded_code").visible(!visible);
-                        update_buttons_labels(dt);
-                    }
-                });
-        }
-
-        if (!$('table.table_recap').hasClass("jury")) {
             buttons.push(
                 $('table.table_recap').hasClass("apc") ?
                     {
-                        name: "toggle_res",
+                        text: '<span data-group="col_res">Ressources</span>',
-                        text: "Visibilité ressources",
+                        action: toggle_col_ressources_visibility,
-                        action: function (e, dt, node, config) {
-                            let visible = dt.columns(".col_res").visible()[0];
-                            dt.columns(".col_res").visible(!visible);
-                            dt.columns(".col_ue_bonus").visible(!visible);
-                            dt.columns(".col_malus").visible(!visible);
-                            update_buttons_labels(dt);
-                        }
                     } : {
                         name: "toggle_mod",
                         text: "Cacher les modules",
                         action: function (e, dt, node, config) {
-                            let visible = dt.columns(".col_mod:not(.col_empty)").visible()[0];
+                            let onoff = node.hasClass("but_on");
-                            dt.columns(".col_mod:not(.col_empty)").visible(!visible);
+                            toggle_col_group_visibility(dt, "col_mod:not(.col_empty)", onoff);
-                            dt.columns(".col_ue_bonus").visible(!visible);
+                            toggle_col_group_visibility(dt, "col_ue_bonus", onoff);
-                            dt.columns(".col_malus").visible(!visible);
+                            toggle_col_group_visibility(dt, "col_malus", onoff);
-                            update_buttons_labels(dt);
                         }
                     }
             );
             if ($('table.table_recap').hasClass("apc")) {
                 buttons.push({
-                    name: "toggle_sae",
+                    text: '<span data-group="col_sae">SAÉs</span>',
-                    text: "Visibilité SAÉs",
+                    action: toggle_col_but_visibility,
-                    action: function (e, dt, node, config) {
-                        let visible = dt.columns(".col_sae").visible()[0];
-                        dt.columns(".col_sae").visible(!visible);
-                        update_buttons_labels(dt);
-                    }
-                })
-            }
-            buttons.push({
-                name: "toggle_col_empty",
-                text: "Visibilité mod. vides",
-                action: function (e, dt, node, config) {
-                    let visible = dt.columns(".col_empty").visible()[0];
-                    dt.columns(".col_empty").visible(!visible);
-                    update_buttons_labels(dt);
-                }
-            })
-        }
-        // Boutons admission, sauf pour table jury BUT
-        if (!$('table.table_recap').hasClass("table_jury_but")) {
-            buttons.push({
-                name: "toggle_admission",
-                text: "Montrer infos admission",
-                action: function (e, dt, node, config) {
-                    let visible = dt.columns(".admission").visible()[0];
-                    dt.columns(".admission").visible(!visible);
-                    update_buttons_labels(dt);
-                }
                 });
             }
-        buttons.push({
+            buttons.push({ // modules vides
-            name: "reset_table_display",
+                text: '<span data-group="col_empty">Vides</span>',
-            text: "Rétablir affichage par défaut",
+                action: toggle_col_but_visibility,
-            action: function (e, dt, node, config) {
-                localStorage.clear();
-                location.reload();
-            }
             });
+            // Boutons admission (pas en jury)
+            if (!$('table.table_recap').hasClass("jury")) {
+                buttons.push(
+                    {
+                        text: '<span data-group="admission">Admission</span>',
+                        action: toggle_col_but_visibility,
+                    }
+                );
+            }
+        }
+
+        // ------------- LA TABLE ---------
         try {
             let table = $('table.table_recap').DataTable(
                 {
@@ -217,25 +212,7 @@ $(function () {
 
                     ],
                     dom: 'Bfrtip',
-                    buttons: [
-                        {
-                            extend: 'copyHtml5',
-                            text: 'Copier',
-                            exportOptions: { orthogonal: 'export' }
-                        },
-                        {
-                            extend: 'excelHtml5',
-                            // footer: true, // ne fonctionne pas ?
-                            exportOptions: { orthogonal: 'export' },
-                            title: document.querySelector('table.table_recap').dataset.filename
-                        },
-                        {
-                            extend: 'collection',
-                            text: 'Colonnes affichées',
-                            autoClose: true,
                     buttons: buttons,
-                        },
-                    ],
                     "drawCallback": function (settings) {
                         // permet de conserver l'ordre de tri des colonnes
                         let order_info = JSON.stringify($('table.table_recap').DataTable().order());

app/tables/jury_recap.py

@@ -182,24 +182,24 @@ class RowJury(RowRecap):
         # table recap standard (mais avec group différent)
         super().add_ue_cols(ue, ue_status, col_group=col_group or "col_ue")
         dues = self.table.res.get_etud_decision_ues(self.etud.id)
-        if not dues:
+        due = dues.get(ue.id) if dues else None
-            return
+
-        due = dues.get(ue.id)
-        if not due:
-            return
         col_id = f"moy_ue_{ue.id}_code"
+        title = (
+            f"""{ue.acronyme} enregistrée le {due['event_date']}, {
+                (due["ects"] or 0):.3g} ECTS."""
+            if due
+            else """pas de décision"""
+        )
         self.add_cell(
             col_id,
             "",  # titre vide
-            due["code"],
+            due["code"] if due else "",
-            raw_content=due["code"],
+            raw_content=due["code"] if due else "",
             group="col_ue",
             classes=["recorded_code"],
             column_classes={"col_jury", "col_ue_code"},
-            target_attrs={
+            target_attrs={"title": title},
-                "title": f"""enregistrée le {due['event_date']}, {
-                (due["ects"] or 0):.3g} ECTS."""
-            },
         )
 
     def add_rcue_cols(self, dec_rcue: DecisionsProposeesRCUE):

app/tables/recap.py

@@ -82,6 +82,7 @@ class TableRecap(tb.Table):
         if res.formsemestre.etuds_inscriptions:  # table non vide
             # Fixe l'ordre des groupes de colonnes communs:
             groups = [
+                "etud_codes",
                 "rang",
                 "identite_court",
                 "identite_detail",