update tabs to bootstrap 5.3.3

This commit is contained in:
Iziram 2024-07-30 11:09:55 +02:00
parent 5e066d13f0
commit 5cb7ade189

View File

@ -131,15 +131,20 @@ def groups_view(
<div id="group-tabs"> <div id="group-tabs">
<!-- Menu choix groupe --> <!-- Menu choix groupe -->
{form_groups_choice(groups_infos, submit_on_change=True)} {form_groups_choice(groups_infos, submit_on_change=True)}
<ul class="nav nav-tabs"> <ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="active"><a href="#tab-listes" data-toggle="tab">Listes</a></li> <li class="nav-item" role="presentation">
<li><a href="#tab-photos" data-toggle="tab">Photos</a></li> <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><a href="#tab-abs" data-toggle="tab">Absences et feuilles...</a></li> </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> </ul>
</div>
<!-- Tab panes --> <!-- Tab panes -->
<div class="tab-content"> <div class="tab-content" id="myTabContent">
<div class="tab-pane active" id="tab-listes"> <div class="tab-pane active show" id="tab-listes-pane" role="tabpanel" aria-labelledby="tab-listes" tabindex="0">
{ {
groups_table( groups_table(
groups_infos=groups_infos, groups_infos=groups_infos,
@ -153,13 +158,15 @@ def groups_view(
) )
} }
</div> </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) } { tab_photos_html(groups_infos, etat=etat) }
</div> </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) } { tab_absences_html(groups_infos, etat=etat) }
</div> </div>
</div> </div>
</div>
{ html_sco_header.sco_footer() } { html_sco_header.sco_footer() }
""" """
@ -585,8 +592,8 @@ def groups_table(
etud_info["_nom_disp_order"] = etud_sort_key(etud_info) etud_info["_nom_disp_order"] = etud_sort_key(etud_info)
etud_info["_prenom_target"] = fiche_url etud_info["_prenom_target"] = fiche_url
etud_info["_nom_disp_td_attrs"] = 'id="%s" class="etudinfo"' % ( etud_info["_nom_disp_td_attrs"] = (
etud_info["etudid"] 'id="%s" class="etudinfo"' % (etud_info["etudid"])
) )
etud_info["bourse_str"] = "oui" if etud_info["boursier"] else "non" etud_info["bourse_str"] = "oui" if etud_info["boursier"] else "non"
if etud_info["etat"] == "D": if etud_info["etat"] == "D":