cMainNavUser.ftl
1 <#-- Macro: cMainNavUser
2
3 Description: affiche le menu utilisateur.
4
5 Parameters:
6 @param - id - string - optional - identifiant unique du menu
7 @param - class - string - optional - classe(s) css du menu
8 @param - connected - boolean - required - indique si une connexion utilisateur existe
9 @param - userName - boolean - required - nom de l'utilisateur si connecté
10 @param - urlConnect - string - required - url de connexion ou de déconnexion
11 @param - btnToggle - boolean - required - ouvre le menu dans un dropdown
12 @param - userFullName - string - optional - nom de l'utilisateur à afficher
13 @param - userEmail - string - optional - email de l'utilisateur à afficher
14 @param - userInitials - string - optional - initiales de l'utilisateur à afficher
15 @param - hasIcon - boolean - required - permet d'afficher ou non l'icone utilisateur
16 @param - title - string - required - libellé pour les icônes
17 @param - params - string - optional - permet d'ajouter des paramètres HTML au menu
18 -->
19 <#macro cMainNavUser connected userName urlConnect btnToggle=true userFullName='' userEmail='' userInitials='' hasIcon=false title='#i18n{theme.labelConnect}' id='' class='' params='' deprecated...>
20 <@deprecatedWarning args=deprecated />
21 <ul id="auth-wrapper" class="navbar-nav mon-auth">
22 <li class="nav-item mt-0 dropdown<#if class !='' > ${class!}</#if>"<#if id !='' > id="${id!}"</#if><#if params!=''> ${params}</#if>>
23 <#if !connected>
24 <#if btnToggle>
25 <button type="button" class="nav-link" id="dropdownAuthUser" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="#i18n{theme.titleConnect}">
26 <#else>
27 <button type="button" class="nav-link" href="${urlConnect!'jsp/site/Portal.jsp?page=mylutece&action=login'}" aria-label="#i18n{theme.titleConnect}">
28 </#if>
29 <span>#i18n{theme.labelConnect}</span>
30 </button>
31 <#else>
32 <button type="button" class="nav-link" href="#" role="button" id="dropdownAuthUser" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
33 ${userName}
34 </button>
35 </#if>
36 <div class="dropdown-menu<#if class ='show' > ${class!}</#if>" aria-labelledby="dropdownAuthUser">
37 <div class="dropdown-content d-flex flex-column align-items-center">
38 <#if !connected>
39 <h2 class="h3">#i18n{theme.labelMonAuthAccount}</h2>
40 <p class="mt-xl pb-l">#i18n{theme.labelMonAuthAccountExists}</p>
41 <a class="btn btn-primary btn-user btn-default-user" href="${urlConnect!'jsp/site/Portal.jsp?page=mylutece&action=login'}" aria-label="#i18n{theme.titleConnect}">
42 <span>#i18n{theme.labelBtnConnect}</span>
43 </a>
44 <p class="py-m lh-sm">#i18n{theme.labelMonAuthHelp}</p>
45 <a class="btn btn-primary btn-user btn-outline-user" href="jsp/site/Portal.jsp?page=myluteceusergu&view=createAccount" aria-label="#i18n{theme.titleConnect}">
46 <span>#i18n{theme.labelMonAuthCreateAccount} #i18n{theme.labelMonAuth}</span>
47 </a>
48 <#else>
49 <h2 class="h3" id="myluteceusername">${userFullName!}</h2>
50 <p class="font-bold">${userEmail!}</p>
51 <p>
52 <a class="btn btn-primary" href="jsp/site/Portal.jsp?page=mydashboard" aria-label="#i18n{theme.titleConnect}" title="#i18n{theme.titleConnect}">
53 #i18n{theme.labelMonAuthHome}
54 </a>
55 </p>
56 <p class="border-bottom border-b-md main-info-border-color pb-1">
57 <a href="jsp/site/Portal.jsp?page=mydashboard&panel=datas#datas" class="fs-sm font-bold main-info-color">#i18n{theme.labelMonAuthManagement}</a>
58 </p>
59 <#nested>
60 <hr>
61 <p class="services show main-color font-bold">#i18n{theme.labelMonAuthFavorites}</p>
62 <div id="auth-favs" class="d-flex flex-wrap justify-content-center align-items-center"></div>
63 <div id="auth-apps" class="d-flex flex-wrap justify-content-center align-items-center"></div>
64 <p class="show">
65 <a class="btn btn-link-primary" href="${urlConnect!}" title="#i18n{theme.titleDisconnect}">
66 <span>#i18n{theme.labelDisconnect}</span>
67 </a>
68 </p>
69 </#if>
70 <@cText class='mt-5 text-center'><@cLink href=footerLinkLegal! target='_blank' title='#i18n{theme.site_property.Url.legalURL}' label='#i18n{theme.site_property.Url.legalURL}' /></@cText>
71 </div>
72 </div>
73 </li>
74 </ul>
75 </#macro>