From 5cb7ade189c2d5ee83194a39545aabedf2a83738 Mon Sep 17 00:00:00 2001
From: Iziram <matthias.hartmann@iziram.fr>
Date: Tue, 30 Jul 2024 11:09:55 +0200
Subject: [PATCH] update tabs to bootstrap 5.3.3

---
 app/scodoc/sco_groups_view.py | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/app/scodoc/sco_groups_view.py b/app/scodoc/sco_groups_view.py
index c111520d1..b4e6c32a5 100644
--- a/app/scodoc/sco_groups_view.py
+++ b/app/scodoc/sco_groups_view.py
@@ -131,15 +131,20 @@ def groups_view(
     <div id="group-tabs">
         <!-- Menu choix groupe -->
         {form_groups_choice(groups_infos, submit_on_change=True)}
-        <ul class="nav nav-tabs">
-            <li class="active"><a href="#tab-listes" data-toggle="tab">Listes</a></li>
-            <li><a href="#tab-photos" data-toggle="tab">Photos</a></li>
-            <li><a href="#tab-abs" data-toggle="tab">Absences et feuilles...</a></li>
+        <ul class="nav nav-tabs" id="myTab" role="tablist">
+            <li class="nav-item" role="presentation">
+                <button class="nav-link active" id="tab-listes" data-bs-toggle="tab" data-bs-target="#tab-listes-pane" type="button" role="tab" aria-controls="tab-listes-pane" aria-selected="true">Listes</button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link" id="tab-photos" data-bs-toggle="tab" data-bs-target="#tab-photos-pane" type="button" role="tab" aria-controls="tab-photos-pane" aria-selected="true">Photos</button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link" id="tab-abs" data-bs-toggle="tab" data-bs-target="#tab-abs-pane" type="button" role="tab" aria-controls="tab-abs-pane" aria-selected="true">Absences et feuilles...</button>
+            </li>
         </ul>
-    </div>
     <!-- Tab panes -->
-    <div class="tab-content">
-        <div class="tab-pane active" id="tab-listes">
+    <div class="tab-content" id="myTabContent">
+        <div class="tab-pane active show" id="tab-listes-pane" role="tabpanel" aria-labelledby="tab-listes" tabindex="0">
             {
                 groups_table(
                     groups_infos=groups_infos,
@@ -153,13 +158,15 @@ def groups_view(
                 )
             }
         </div>
-        <div class="tab-pane" id="tab-photos">
+        <div class="tab-pane" id="tab-photos-pane" role="tabpanel" aria-labelledby="tab-photos" tabindex="0">
             { tab_photos_html(groups_infos, etat=etat) }
         </div>
-        <div class="tab-pane" id="tab-abs">
+        <div class="tab-pane" id="tab-abs-pane" role="tabpanel" aria-labelledby="tab-abs" tabindex="0">
             { tab_absences_html(groups_infos, etat=etat) }
         </div>
     </div>
+    </div>
+
     { html_sco_header.sco_footer() }
     """
 
@@ -585,8 +592,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":