You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

35 lines
1.1 KiB

[(#REM)
Menu des onglets pour le formulaire d'ajout d'album
Accessible, sauf pour la navigation au clavier (touches droite et gauche).
On verra quand on aura une lib adéquate dans le core.
Amélioration progressive : sans JS, de simples liens vers des ancres internes.
Avec JS, les liens se comportent comme des onglets, 1 seul affiché à la fois.
]
<nav
class="onglets_simple"
role="tablist"
aria-label="<:albums:label_menu_ajouter_album|attribut_html:>"
>
<ul>
<BOUCLE_onglets(DATA) {source table, #LISTE{creer,choisir}}>
<li>
#SET{expose,#ENV{onglet}|?{#ENV{onglet}|=={#VALEUR},#COMPTEUR_BOUCLE|=={1}}}
[(#SELF|ancre_url{#ENV{_id_#VALEUR}}
|lien_ou_expose{
#VAL{album:onglet_ajouter_#VALEUR}|_T{},
#GET{expose}|?{a.menu-onglets__item on},
menu-onglets__item
}|inserer_attribut{role,tab}
|inserer_attribut{id,#ENV{_id_#VALEUR}-menu}
|inserer_attribut{aria-selected,#GET{expose}|?{true,false}}
|inserer_attribut{aria-controls,#ENV{_id_#VALEUR}}
|inserer_attribut{tabindex,#GET{expose}|?{0,-1}}
)]
</li>
</BOUCLE_onglets>
</ul>
</nav>