File "barre-nav.html"
Full path: /home/argothem/www/organecyberpresse/prive/squelettes/inclure/barre-nav.html
File size: 6.9 KB
MIME-type: text/html
Charset: utf-8
#SET{contexte,#EVAL{definir_barre_contexte()}}
#SET{boutons,#GET{contexte}|definir_barre_boutons{1}|trier_boutons_enfants_par_favoris_alpha}
#SET{boutons_infos_perso, #VAL{infos_perso}|definir_barre_onglets}
<div id="bando_haut" class="bando-haut" role="navigation">
[(#REM) Liens d'évitement ]
<div id="bando_liens_rapides" class="bando-evitement">
<div class="largeur">
<p class="menu-simple menu-simple_evitement">
<a class="menu-simple__item" href="#conteneur" onclick="return focus_zone('#conteneur')">Aller au contenu</a>
<a class="menu-simple__item" href="#bando_navigation" onclick="return focus_zone('#bando_navigation')">Aller à la navigation</a>
<a class="menu-simple__item" href="#recherche" onclick="return focus_zone('#rapides .formulaire_recherche')">Aller à la recherche</a>
</p>
</div>
</div>
[(#REM) Bandeau identité ]
<div id="bando_identite" class="bando-id">
<div class="largeur">
[(#REM) Identité et contenu du site ]
<ul class="deroulant deroulant_infos_site" data-racine>
<li class="deroulant__item">
<a
class="deroulant__lien"
href="#URL_SITE_SPIP"
>
[(#CHEMIN_IMAGE{favicon-spip.png}|balise_img{'', picto picto_identite, 24})]
<span class="libelle">[(#NOM_SITE_SPIP|couper{35})]</span>
</a>
<ul class="deroulant__sous-menu" data-profondeur="1">
<li class="deroulant__item">
<a
class="deroulant__lien voir"
href="#URL_SITE_SPIP"
>
[(#CHEMIN_IMAGE{voir-ligne-24.png}|balise_img{'', picto picto_preview, 24})]
<span class="libelle"><:icone_visiter_site:></span>
</a>
</li>
</ul>
</li>
<li class="deroulant__item deroulant__item_plan plan_site" data-racine>
<a
class="deroulant__lien"
href="#URL_ECRIRE{plan}"
id="boutonbandeautoutsite"
title="<:public:plan_site:>"
data-racine
>
[(#CHEMIN_IMAGE{plan_site-24.png}|balise_img{<:public:plan_site:>,picto picto_plan})]
</a>
[(#REM|menu_rubriques)]
</li>
<B_creer>
<li class="deroulant__item">
<a class="deroulant__lien bando2_creer" href="#URL_ECRIRE{navigation, menu=outils_rapides}">
[(#CHEMIN_IMAGE{creer-24.png}|balise_img{'', picto picto_creer})]
<span class="libelle"><:icone_outils_rapides:></span>
</a>
<ul class="deroulant__sous-menu" data-profondeur="1">
<BOUCLE_creer(DATA){source table, #GET{boutons}} {cle=outils_rapides}>
<BOUCLE_creersous(DATA){source table, #VALEUR{sousmenu}}{par position}>
[<li class="deroulant__item">
<a
href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]"
title="[(#VALEUR{libelle}|_T|attribut_html)]"
class="deroulant__lien bando2_#CLE"><span class="libelle">(#VALEUR{libelle}|_T)</span></a>
</li>]
</BOUCLE_creersous></BOUCLE_creer>
</ul>
</li>
</B_creer>
</ul>
[(#REM) La recherche au milieu ]
#FORMULAIRE_RECHERCHE_ECRIRE
<BOUCLE_collaborer(DATA){source table, #GET{boutons}} {cle=outils_collaboratifs}>
<B_collaborersous>
<ul class="deroulant deroulant_collaborer collaborer">
<BOUCLE_collaborersous(DATA){source table, #VALEUR{sousmenu}}>
[<li class="deroulant__item deroulant__item_collaborer">
<a
href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]"
title="[(#VALEUR{libelle}|_T|attribut_html)]"
class="deroulant__lien bando2_#CLE"><span class="libelle">(#VALEUR{libelle}|_T)</span></a>
</li>]
</BOUCLE_collaborersous>
</ul>
</B_collaborersous>
</BOUCLE_collaborer>
[(#REM) Identité de la personne connectée ]
<ul class="deroulant deroulant_infos_perso" data-racine>
[(#PLUGIN{aide}|oui)<li class="deroulant__item deroulant__item_aide">
<a
class="deroulant__lien popin" target="_blank"
href="#URL_ECRIRE{aide,var_lang=#LANG}"
>
<span class="libelle"><:icone_aide_ligne:></span>
</a>
</li>]
<li class="deroulant__item">
<a
class="deroulant__lien"
title="<:icone_informations_personnelles|attribut_html:> \(<:auteur|attribut_html:> ##SESSION{id_auteur}\)"
href="#URL_ECRIRE{infos_perso}"
>
[(#CHEMIN_IMAGE{auteur-24.png}|balise_img{'', picto picto_auteur})]
<span class="libelle">[(#SESSION{nom}|trim|sinon{#SESSION{login}}|typo|couper{30})]</span>
</a>
<ul class="deroulant__sous-menu" data-profondeur="1">
<BOUCLE_infos_perso(DATA){source table, #GET{boutons_infos_perso}}{par position}{cle!=infos_perso}>
[<li class="deroulant__item">
<a
href="[(#VALEUR{url}|sinon{#CLE|generer_url_ecrire})]"
class="deroulant__lien bando2_#CLE"
>
[(#VALEUR{icone}|balise_img{'', picto picto_#CLE})]
<span class="libelle">(#VALEUR{libelle}|_T)[(#CLE|=={configurer_langage}|oui)[ - (#LANG|traduire_nom_langue)]]</span>
</a>
</li>]
</BOUCLE_infos_perso>
<li class="deroulant__item">
<a class="deroulant__lien" href="[(#VAL{logout}|generer_url_action{logout=prive})]">
[(#CHEMIN_IMAGE{auteur-5poubelle-24.png}|balise_img{'', picto picto_logout})]
<span class="libelle"><:icone_deconnecter:></span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
[(#REM) Menu de navigation principale ]
<div id="bando_navigation" class="bando-nav">
<div class="largeur">
<B_boutons>
<ul class="deroulant deroulant_navigation" data-racine>
<BOUCLE_boutons(DATA)
{source tableau, #GET{boutons}}
{cle!=outils_rapides}
{cle!=outils_collaboratifs}
>
[<li class="deroulant__item" data-racine>
(#CLE|=={menu_accueil}|ou{#VALEUR{sousmenu}}|?{' ',#SET{li,''}}) #SET{li,'</li>'}
<a class="deroulant__lien" href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]" id="bando1_#CLE" data-racine>
[(#VALEUR{icone}|balise_svg{'',picto picto_main[ picto_(#CLE|replace{_,-})]})]
[<span class="libelle">(#VALEUR{libelle}|_T)</span>]
</a>
][(#REM)
permettra d'ajouter une classe sur les entrées non favorites
si le menu a des entrées favorites, pour faciliter le stylage CSS
][(#SET{has_favoris,0})]
<B_sous>
<ul class="deroulant__sous-menu[ (#TOTAL_BOUCLE|>{20}|oui)cols-2]" data-profondeur="1">
<BOUCLE_sous(DATA){source table, #VALEUR{sousmenu}}>
[(#VALEUR{favori}|oui)#SET{has_favoris,1}]
[<li class="deroulant__item[ (#VALEUR{favori}|?{deroulant__item_favori,[(#GET{has_favoris}|?{deroulant__item_non-favori})]})]" data-profondeur="1">
<a class="deroulant__lien bando2_#CLE" href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]" data-profondeur="1">
<span class="libelle">(#VALEUR{libelle}|_T)</span>
</a>
</li>]
</BOUCLE_sous>
</ul>
</B_sous>
#GET{li}
</BOUCLE_boutons>
</ul>
</B_boutons>
</div>
</div>
</div>