Thème Paris.fr

Utilisation des templates du plugin MyLutece

La macro cMainNav propose un paramètre hasLogin qui prend s'il a la valeur "true" affichera le bouton de connexion "MonParis" é droite du menu

Le marker ${pageinclude_userlogin?default("")} correspond é l'inclusion du template "\WEB-INF\templates\skin\plugins\mylutece\includes\user_login_multi_include.html" contenu dans le plugin MyLutece

Macro cMainNav

   
    <#if hasLogin>
    <ul class="navbar-nav mon-paris">
        <li class="nav-item">
            ${pageinclude_userlogin?default("")}
        </li>
    </ul>
    </#if>

Cette macro permet de générer le code HTML pour le mode connecté et le mode déconnecté.

Bouton Mon Paris (non connecté)

Mon Paris Bouton connexion — Voir le code du bouton ci-dessous

Code HTML généré

    
    <ul class="navbar-nav mon-paris">
        <li class="nav-item">
             <a class="nav-link btn-connect" href="jsp/site/Portal.jsp?page=mylutece&amp;action=login" aria-label="Lien pour se connecter é mon compte Mon Paris" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Se connecter">
                 <img src="images/header-mon-paris.svg" class="user-logo" alt="" title="Se connecter" aria-hidden="true"> 
                 <span>Mon Paris</span>
             </a>
        </li>
    </ul>

Menu Mon Paris (connecté)

< class="mt-5">Paramètrer l'authentification Mon Paris

Etape 1 > Configuration Oauth

Pour ajouter le mécanisme d'authentification é votre site vous devez d'abord faire une demande "FastDeploy" sur votre environnement, afin de créer la configuration nécessaire sur RHSSO.

A la création ou en modification par le bouton "Modifier l'application" cocher l'option "L'application nécessite RHSSO."
Pour paramètrer ajouter l'url de votre application afin de préparer la configuration. En retour vous recevrez les information peramettant la configuration du client RHSSO. Nom du client, par exemple: F02-REC, et le code secret du client RHSSO, par exemple '89d1c5a4-96e1-4fda-a6c7-c2543e7f5220' la
Pour une application Lutece vous devrez paraméter le fichier "WEB-INF\conf\override\plugins\oauth2_context.xml" avec les information fournies ci-dessus.

Etape 2 >Configuration Mon Paris

Par défaut la config de l'authentification se fait dans les propriétés du site / Gestion de la configuration du thème.

Si l'url est précisée, le bouton "Mon Paris" en haut à gauche sera automatiquement configuré. Si aucune url n'est précisée le click permettra d'accéder à l'url vers n'importe quel module d'authentification.

N.B: En recette on utilisera pour url moncompte.rec.apps.paris.mdp et en production moncompte.paris.fr

La méthode initBanner

Il existe 4 paramètres non obligatoire pour initialiser les urls de retour vers l'application. Il faut les renseigner si vous souhaitez que les utilisateurs soient redirigés vers ces urls plutét que vers l'url de la page courante (page é partir de laquelle l'action a été appellée). Il faut déclarer et initialiser les variables ci-dessous avant l'appel de la fonction initBanner

Attention à la version du fichier précisée dans le template "WEB-INF\templates\skin\site\themeparisfr_frameset_footer_js.html". A partir de la 1.4.0 du thèle il vous faut inclure le fichier : https://moncompte.[mdp|fr]/moncompte/assets/js/banner-monparis-v3.js

backUrlAuth : Url de retour vers l'application aprés authentification -ATTENTION backUrlAuth ne doit pas contenir la chaine de caractére "script" y compris é l'intérieur d'un mot (ex : inscription)-

backUrlProfil : Url de retour aprés modification du profil

backUrlLogout : Url de retour aprés logout

appNav : JSON contenant un attribut 'app' qui contient liste de lien interne é l'application.Une "app" comprend un tableau de lien vers l'application avec 3 paires attributs/valeurs : 'name':Libellé du lien,'url': uri ,'title': Explication du lien
var appNav= { 'apps': [ {'name' : 'Authentification', 'url':'jsp/site/Portal.jsp?page_id=9', 'title':'Accéder é la page Auth' }, {'name' : 'Composants', 'url':'jsp/site/Portal.jsp?page_id=4','title':'Accéder é la page Composants' }, {'name' : 'Mails', 'url':'jsp/site/Portal.jsp?page_id=10','title':'Accéder é la page Mails' } ] };