|
|
|
[(#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>
|