Paramètrer le thème

Accéder au paramétrage par le menu "Site / Gestion des propriétés du site" puis déplier la section "Configuration du Thème Paris.fr".

  • Bandeau du site
    • Afficher le bandeau du site : Afficher ou masque le bandeau sur l'ensemble du site
    • Afficher le bandeau sur toutes les pages : Afficher le bandeau sur toutes les pages, par défaut le bandeau n'est affiché que sur la page d'accueil
    • Image du bandeau : Par défaut "images/local/skin/banner.jpg", c'est l'url de l'image de fond du bandeau.
    • Crédit photo du bandeau : Crédit de la photo qui apparait sur le "hover" du bandeau. Si le champ est laissé vide, aucun crédit n'apparaitra.
    • Couleur du titre : Couleur du titre du bandeau
    • Couleur de fond du titre : Couleur de fond du titre du bandeau. Attention cela ne doit être utilisé qu'en cas de problème de contraste avec l'image de fond, car cela forcément déroge du Design System
    • Padding du titre : Marge qui laisse apparaitre le fond de couleur. Attention cela ne doit être utilisé qu'en cas de problème de contraste avec l'image de fond, car cela forcément déroge du Design System
    • Position verticale de l'image de fond : Permet de décaler l'image de fond sur l'axe Y
    • Position horizontale de l'image de fond : Permet de décaler l'image de fond sur l'axe X
  • Bandeau des formulaires
    • Afficher l'image du site sur le bandeau : Afficher l'image par défaut du site sur le bandeau des formulaires;
    • Afficher l'image du formulaire sur le bandeau : Afficher l'image de chacun des formulaires ayant une image uploadée à la place de l'image par défaut du bandeau
    • Afficher le titre du formulaire sur le bandeau : Afficher le titre du formulaire sur l'image. Si non cochée, le titre n'est pas affiché au-dessus de l'image du formulaire.
  • Configurations
    • Configuration par défaut du date picker : Options de configurations du date picker au format JSON - Exemple: "daysOfWeekDisabled": [0,6];"daysOfWeekDisabled": [0,6];
    • Configuration par défaut de l'éditeur du Thème : Options de configurations de l'éditeur wysiwyg au format JSON
  • Mise en page
    • Mise en page fluide : Si cochée, la mise en page est fluide, bord à bord. Par défaut la mise en page est fixe avec une zone de 1440px max centrée pour les écrans "Desktop"
  • Options des liens
    • Affichage par défault de l'icone target "blank_ " : Affiche l'icone target blank_ sur tous les liens. Sinon utiliser la classe css ".target-show-icon"
  • Gestion des menus 
    • Afficher le menu principal : Affiche le menu principal -barre de menu-. A décocher par exemple si l'on ne veut que le menu "sidebar".
    • Le menu principal est fixe : Si cette case est cochée, le menu principal est fixe.
    • Activer le menu principal vertical : Affiche le menu principal dans une zone latérale à gauche.
    • Rendre le menu principal vertical retractable : Ajoute la possibilité d'afficher un bouton permettant de masquer / Afficher le menu vertical.
    • Accès rapide : Identifiant du contenu principal : Identifiant pour accéder au contenu principal -par défaut "main"- lorsque l'utilisateur utilise les tabulations et fait apparaitre le menu d'acceès rapide -lien d'évitement-. Attention ! Necessite de mettre cet id dans toutes les templates "principaux" .
    • Accès rapide : Afficher / masquer le lien d'accès rapide au menu principal : Si cochée, le lien d'accès rapide au menu principal sera affiché, par défaut il ne l'est pas.
    • Ajouter le bouton "Retour en haut" : Affiche en bas à droite un bouton pour remonter en haut de page.
    • Afficher / masquer le menu du plan du site : Si coché, le menu "Plan du site" sera affiché dans le pied de page.
    • Activer la gestion des  menus long : Si cette case est décochée, si les menus dépassent la taille maximale du menu, un sous menu se créé automatiquement pour afficher les menus qui dépassent la largeur maximum.
  • Urls
    • Libellé "contact" : libellé du lien de contact de l'application. 
    • Formulaire de contact : Par défaut https://www.paris.fr/pages/contact-232, c'est l'url du formulaire de contact de l'application. Attention, si l'url n'est pas saisi le lien n'apparaitra plus dans le pied de page.
    • Politique des cookies : Par défaut https://www.paris.fr/pages/cookies-234, c'est l'url Politique des cookies de l'application. Attention, si l'url n'est pas saisi le lien n'apparaitra plus dans le pied de page.
    • Libellé "cookies" : Libellé du lien de gestion des cookies
    • Mentions légales : Par défaut https://www.paris.fr/pages/mentions-legales-235, c'est l'url d'accès à la politique aux mentions légales. Attention, si l'url n'est pas saisi le lien n'apparaitra plus dans le pied de page.
    • Libellé pour les Mentions légales : Libellé du lien d'accès à la politique aux mentions légales
    • CGU : Par défaut https://www.paris.fr/pages/mentions-legales-235, c'est l'url d'accès aux CGU de l'application. Attention, si l'url n'est pas saisi le lien n'apparaitra plus dans le pied de page.
    • Libellé pour le lien des CGU : Libellé pour le lien d'accès aux CGU de l'application
    • Politique des données : Par défaut https://www.paris.fr/pages/mentions-legales-235, c'est l'url d'accès à  la politique des données de l'application. Attention, si l'url n'est pas saisi le lien n'apparaitra plus dans le pied de page.
    • Libellé pour le lien "Politique des données" : Libellé pour le lien d'accès à la politique des données de l'application
    • Accessibilitée : Par défaut https://www.paris.fr/pages/accessibilite-233 , c'est l'url d'accès à  la politique d'accessibilitées. Attention, si l'url n'est pas saisi le lien n'apparaitra plus dans le pied de page.
    • Libellé accessibilitée : Libellé du lien d'accessibilité ( non conforme / partiellement conforme / totalement conforme)
    • Mon Paris : Par défaut url du site Mon Paris, avec nom de la webapp. Si vide permet d'utiliser tout autre module MyLutece.
    • Url de la Recherche : Par défaut jsp/site/Portal.jsp?page=search, c'est l'url de la recherche par défaut pour le menu. Attention pour afficher le menu de recherche, le paramètre hasSearchMenu=true doit àªtre dans la macro "cMainNav".
    • Url du serveur d'Authentification : Url du serveur d'Authentification - Keycloack -.
    • Identifiant client - Authentification : Identifiant client pour le contrat de service Mon Paris. Nécessaire pour le RIC.
  • Messages
    • Type du message : warning Type possible: info, warning, success, danger, propriété "type" du plugin toastr
    • Titre : Titre de la notification
    • Message : Message de la notification
    • Position - Nom de la classe : bottom-right . Emplacement de la notification. Nom de classe, propriété "positionClass" du plugin toastr. Valeurs défaut: top-full-width / Autres valeurs possibles : top-right, bottom-left...
    • Durée d'affichage du message : Durée d'affichage du message en ms. par défaut 5000. Si 0 affichage sans limite ! Attention de proposer le bouton de fermeture -voir ci-dessous- ! Propriété "timeOut" plugin toastr
    • Afficher le bouton de fermeture : Si coché si "Durée d'affichage du message" est 0.
  • Indexation des robots de recherche
    • (Google...) Si cette case est décochée, les meta tag noindex seront ajoutés à  l'entàªte de vos pages pour éviter l'indexation du site (plus d'informations)
  • Information navigateurs obsolètes :
    • Si cette case est décochée, un bandeau s'affiche pour les navigateurs obsolètes. Version minimale vérifiée des navigateurs Windows: Internet Explorer > 11 Windows: Edge >=80 Mac Os: Safari: >=9 Ios: Safari >=9 Tous os : Chrome >=80 Tous os : Firefox >=52 Tous os : Opera >=22
  • Gestion des caractères XSS
    Attention cette propriété ne doit pas àªtre utilisée sans la configuration du filtre cà´té webapp. Cette configuration se trouve dans le fichier "WEB-INF/conf/lutece.properties" section "Input filtering parameters".
    • Liste des caractères XSS à  contrôler dans les champs coté FO, qui permettra d'afficher un message d'information aux utilisateurs - voir ci-dessous-.
    • Message d'erreur en cas de saisie de caractères XSS dans un champs.

Surcharger le thème...

...et surtout pas le fichier page_frameset.html...

Plusieurs fichiers template ont été ajoutés pour permettre la surcharge du site. 

  • WEB-INF\templates\skin\site\themeparisfr_frameset_header_css.html -> Permet d'ajouter des surcharges css.
  • WEB-INF\templates\skin\site\themeparisfr_frameset_header_js.html -> Permet d'ajouter des surcharges js. Contient par défaut l'ajout de la lib "jquery-1.11.3.min.js".
  • WEB-INF\templates\skin\site\themeparisfr_frameset_main_nav.html -> Contient par défaut le menu principal du site macro "<@cMainNav />"
  • WEB-INF\templates\skin\site\themeparisfr_frameset_main_banner.html ->Contient par défaut la bannière principale du site "<@cMainBanner />"
  • WEB-INF\templates\skin\site\themeparisfr_frameset_content_header.html -> Permet d'ajouter du contenu personnalisé au dessus du contenu principal.
  • WEB-INF\templates\skin\site\themeparisfr_frameset_content_footer.html -> Permet d'ajouter du contenu personnalisé en dessous du contenu principal.
  • WEB-INF\templates\skin\site\themeparisfr_frameset_menu_footer.html -> Contient le footer par défaut du site "<@cMainFooter title=favourite />".
  • WEB-INF\templates\skin\site\themeparisfr_frameset_footer_js.html -> Contient le js par défaut du site à savoir la gestion du bouton d'authentification "initBanner')", la gestion du consentement "" et la gestion de la librairie de notifications.
  • WEB-INF\templates\skin\site\themeparisfr_frameset_footer_user.html -> Contient par défaut une surcharge pour alimenter les apps favorites de "Mon Paris".

La liste des fichiers du thème

  • /
    • android-chrome-192x192.png
    • android-chrome-256x256.png
    • apple-touch-icon.png
    • favicon-16x16.png
    • favicon-32x32.png
    • mstile-150x150.png
    • safari-pinned-tab.svg
    • css\
      • page_template_styles.css
      • page_template_styles_admin.css
      • page_template_styles_admin.min.css
    • js\
      • site.js
    • themes\skin\parisfr\
      • css\
        • _fonts.css
        • _rhythm.css
        • _utils.css
        • _variables.css
        • themeparisfr.css
        • themeparisfr.min.css
        • components\
          • accordion.css
          • alert.css
          • badge.css
          • button.css
          • button-legacy.css
          • captcha.css
          • card.css
          • carousel.css
          • components.css
          • contentframe.css
          • dropdown.css
          • filter.css
          • icon.css
          • list.css
          • modal.css
          • offcanvas.css
          • pagination.css
          • portlet.css
          • progress.css
          • sliders.css
          • status.css
          • stepinfo.css
          • stepper.css
          • table.css
          • tabs.css
        • elements\
          • article.css
          • links.css
          • list.css
          • text.css
        • forms\
          • checkboxradio.css
          • forms.css
          • inputfile.css
          • inputgroup.css
          • inputs.css
          • select.css
          • steps.css
        • layout\
          • borders.css
          • effects.css
          • footer.css
          • header.css
          • menu-dropdown.css
          • menu-fixed.css
          • menu-main.css
          • menu-sidebar.css
          • menu-user.css
          • navs.css
          • scrollbar.css
          • spacing.css
          • structure.css
          • typo.css
        • lib\
          • lib\cookies.css
          • lib\osm.css
          • lib\toastr.css
        • themes\
          • themes\dark-theme.css
          • themes\skin\parisfr\css\themes\light-theme.css
        • vendor\
          • bootstrap.datepicker.css
          • bootstrap.min.css
          • franceconnect.css
          • jquery-ui-1.10.0.custom.css
          • toastr.min.css
      • images\
        • arrow.svg
        • chat.svg
        • check.svg
        • close.svg
        • comment.svg
        • download.svg
        • edit.svg
        • fc_avatar.png
        • files.png
        • files-xs.png
        • footer-logo-paris.svg
        • header-logo-paris.svg
        • header-logo-paris-w.svg
        • header-mon-paris.png
        • header-mon-paris.svg
        • header-mon-paris-email.png
        • header-mon-paris-mdp-logo-email.png
        • icon-paris.svg
        • icon-search.svg
        • info.svg
        • keyboard-left-arrow.svg
        • keyboard-right-arrow.svg
        • logo_mail_footer.png
        • logo_mail_header.png
        • logo_mdp.png
        • logo_mdp_footer.png
        • logo_mdp_header.png
        • logo-paris.svg
        • logo-paris-footer.svg
        • nef-bg.svg
        • nef-bg-xs.svg
        • paris.svg
        • upload.svg
      • js\
        • themes\skin\parisfr\js\site.js
        • themes\skin\parisfr\js\themeparisfr.js
        • themes\skin\parisfr\js\themeparisfr.min.js
        • themes\skin\parisfr\js\themeparisfr-tabs.js
        • themes\skin\parisfr\js\themeparisfr-tabs.min.js
        • modules\
          • themes\skin\parisfr\js\modules\theme-carousel.js
          • themes\skin\parisfr\js\modules\theme-filter.js
          • themes\skin\parisfr\js\modules\theme-init.js
          • themes\skin\parisfr\js\modules\theme-menu.js
          • themes\skin\parisfr\js\modules\theme-switcher.js
          • themes\skin\parisfr\js\modules\theme-utils.js
        • plugins\
          • asynchronousupload\
            • config.js
            • config.min.js
            • jquery.fileupload.js
            • jquery.fileupload-audio.js
            • jquery.fileupload-image.js
            • jquery.fileupload-process.js
            • jquery.fileupload-ui.js
            • jquery.fileupload-validate.js
            • jquery.fileupload-video.js
            • jquery.iframe-transport.js
            • load-image.all.min.js
            • cors\jquery.postmessage-transport.js
            • cors\jquery.xdr-transport.js
            • vendor\canvas-to-blob.js
            • vendor\jquery.Jcrop.js
            • vendor\jquery.ui.widget.js
            • vendor\promise-polyfill.js
          • forms\
            • themes\skin\parisfr\js\plugins\forms\bs-custom-file-input.min.js
            • themes\skin\parisfr\js\plugins\forms\forms.js
            • themes\skin\parisfr\js\plugins\forms\Sortable.min.js
            • themes\skin\parisfr\js\plugins\forms\terms-of-service.js
          • genericattributes\
            • themes\skin\parisfr\js\plugins\genericattributes\modules\openstreetmap\genericattributes_openstreetmap.js
            • themes\skin\parisfr\js\plugins\genericattributes\modules\openstreetmap\leaflet.css
            • themes\skin\parisfr\js\plugins\genericattributes\modules\openstreetmap\leaflet.js
        • util\
          • echarts.min.js
          • lutece.js
          • progress-manager.js
        • vendor\
          • bootstrap.bundle.min.js
          • es5.js
          • jquery-3.3.1.min.js
          • datepicker\datepicker-bs4.min.css
          • datepicker\datepicker-bs5.min.css
          • datepicker\datepicker-full.min.js
          • datepicker\locales\*.js
          • datepicker\style\themeparisfr-datepicker.css
          • jquery\jquery-1.11.3.min.js
          • jquery\plugins\ui\jquery.ui.widget.js
          • jquery\plugins\ui\jquery-ui-1.9.2.custom.min.js
          • tarteaucitron\advertising.min.js
          • tarteaucitron\tarteaucitron.min.js
          • tarteaucitron\tarteaucitron.services.min.js
          • tarteaucitron\css\tarteaucitron.min.css
          • tarteaucitron\css\theme-parisfr-tac.css
          • tarteaucitron\css\theme-parisfr-tac.min.css
          • tarteaucitron\lang\tarteaucitron.*.js
    • WEB-INF\templates\admin\site\
      • page_header_home_admin.html
      • page_header_internal_admin.html
      • page_menu_tools_admin.html
      • portal_footer_admin.html
    • WEB-INF\templates\skin\
      • plugins\
        • asynchronousupload\
          • main.js
          • upload_commons.html
        • captcha\modules\jcaptcha\
          • iframe_captcha_template.html
        • forms\
          • form_response_summary.html
          • form_submitted_view.html
          • list_formresponses.html
          • list_forms.html
          • step_view.html
          • task_edit_form_response_form.html
          • task_form_workflow.html
          • terms_of_service.html
          • view_form_response.html
            • composite_template\
              • \view_group.html
              • composite_template\view_group_read_only.html
              • composite_template\view_group_resubmit.html
              • composite_template\view_question.html
              • composite_template\view_question_read_only.html
              • composite_template\view_question_resubmit.html
              • composite_template\view_step.html
              • composite_template\view_step_no_button.html
              • composite_template\view_step_read_only.html
            • entries\
              • fill_entry_type_array.html
              • fill_entry_type_auto_file_reading.html
              • fill_entry_type_camera.html
              • fill_entry_type_check_box.html
              • fill_entry_type_comment.html
              • fill_entry_type_date.html
              • fill_entry_type_file.html
              • fill_entry_type_geolocation.html
              • fill_entry_type_image.html
              • fill_entry_type_mylutece_user.html
              • fill_entry_type_mylutece_user_attribute.html
              • fill_entry_type_number.html
              • fill_entry_type_numbering.html
              • fill_entry_type_radio_button.html
              • fill_entry_type_select.html
              • fill_entry_type_select_order.html
              • fill_entry_type_telephone.html
              • fill_entry_type_terms_of_service.html
              • fill_entry_type_text.html
              • fill_entry_type_text_area.html
              • readonly_entry_type_array.html
              • readonly_entry_type_auto_file_reading.html
              • readonly_entry_type_camera.html
              • readonly_entry_type_cartography.html
              • readonly_entry_type_check_box.html
              • readonly_entry_type_comment.html
              • readonly_entry_type_date.html
              • readonly_entry_type_file.html
              • readonly_entry_type_gallery_image.html
              • readonly_entry_type_geolocation.html
              • readonly_entry_type_image.html
              • readonly_entry_type_mylutece_user_attribute.html
              • readonly_entry_type_number.html
              • readonly_entry_type_numbering.html
              • readonly_entry_type_radio_button.html
              • readonly_entry_type_select.html
              • readonly_entry_type_select_order.html
              • readonly_entry_type_telephone.html
              • readonly_entry_type_terms_of_service.html
              • readonly_entry_type_text.html
              • readonly_entry_type_text_area.html
            • modules\breadcrumbaccordion\
              • breadcrumbaccordion_bottom.html
              • breadcrumbaccordion_top.html
        • helpdesk\
          • contact.html
          • contact_result.html
          • faq_list.html
          • subject_list.html
        • matomo\
          • matomo_analytics.html
        • mylutece\
          • login_form_multi.html
          • includes\user_login_include.html
          • includes\user_login_multi_include.html
        • workflow\modules\forms\
          • complete_form.html
          • resubmit_form.html
        • search\
          • search_results.html
      • site\
        • minimal_footer.html
        • minimal_header.html
        • page_error404.html
        • page_error500.html
        • page_frameset.html
        • page_path.html
        • page_site_message.html
        • page_template1.html
        • page_template2.html
        • page_template3.html
        • page_template4.html
        • page_template5.html
        • page_template6.html
        • plugin_css_link.html
        • popup_legal_info.html
        • popup_send_resource.html
        • portal_footer.html
        • site_message.html
        • standalone_app_frameset.html
        • themeparisfr_frameset_content_footer.html
        • themeparisfr_frameset_content_header.html
        • themeparisfr_frameset_footer_js.html
        • themeparisfr_frameset_footer_user.html
        • themeparisfr_frameset_header_css.html
        • themeparisfr_frameset_header_js.html
        • themeparisfr_frameset_main_banner.html
        • themeparisfr_frameset_main_nav.html
        • themeparisfr_frameset_menu_footer.html
      • themes\
        • theme_parisfr_commons.html
        • theme_commons_macros.html
        • parisfr\
          • components\
            • accordion\
              • cAccordion.ftl
              • accordion\cCascading.ftl
            • alert\
              • alert\cAlert.ftl
            • badge\
              • badge\cBadge.ftl
            • button\
              • cBtn.ftl
              • cBtnGroup.ftl
              • cBtnImg.ftl
              • \cBtnToolbar.ftl
            • card\
              • cCard.ftl
              • cCardFloating.ftl
              • cCardLayout.ftl
            • carousel\
              • cCarousel.ftl
              • cCarouselItem.ftl
            • consent\
              • cConsentTac.ftl
              • \cConsentTacService.ftl
              • consent\cConsentTacServiceMatomo.ftl
            • datepicker\
              • getThemeDatePicker.ftl
              • initThemeDatePicker.ftl
            • error\
              • cErrorMessage.ftl
            • filter\
              • cFilter.ftl
            • franceconnect\
              • fcBtnImg.ftl
              • fcImg.ftl
              • fcMessage.ftl
            • icons\
              • cIcon.ftl
              • logoParisService.ftl
              • parisIcon.ftl
              • parisIconPack.ftl
            • list\
              • cCustomList.ftl
              • cCustomListArrow.ftl
              • cList.ftl
            • modal\
              • cModal.ftl
            • pagination\
              • cPagination.ftl
              • cPaginationLinks.ftl
            • progress\
              • cProgress.ftl
            • search\
              • cSearchSetResultPageTitle.ftl
            • slider\
              • cSlider.ftl
            • status\
              • cStatus.ftl
            • stepinfo\
              • cInfoStep.ftl
              • cStepper.ftl
            • tabs\
              • cTab.ftl
              • cTabContent.ftl
              • cTabPane.ftl
              • cTabs.ftl
            • text\
              • cContentFrame.ftl
              • cDivider.ftl
            • theme\
              • cTheme.ftl
          • elements\
            • article\
              • cArticle.ftl
            • footer\
              • cFooter.ftl
            • header\
              • cHeader.ftl
            • images\
              • cFigCaption.ftl
              • cFigure.ftl
              • cImg.ftl
              • cPicture.ftl
              • cPictureSrc.ftl
            • link\
              • cLink.ftl
            • list\
              • chItem.ftl
              • chList.ftl
            • section\
              • cBlock.ftl
              • cSection.ftl
            • table\
              • cTable.ftl
              • cTbody.ftl
              • cTd.ftl
              • cTfoot.ftl
              • cTh.ftl
              • cThead.ftl
              • cTr.ftl
            • text\
              • cText.ftl
              • cInline.ftl
            • title\
              • cTitle.ftl
          • forms\
            • check_radio\
              • cCheckbox.ftl
              • cRadio.ftl
            • inputgroup\
              • cInputGroup.ftl
              • cInputGroupAddon.ftl
              • cInputGroupAddonText.ftl
            • inputs\
              • cField.ftl
              • cFormHelp.ftl
              • cInput.ftl
              • cInputDate.ftl
              • cInputPassword.ftl
              • cLabel.ftl
              • cPasswordMeter.ftl
              • cQuantityPicker.ftl
              • cTextArea.ftl
            • layout\
              • cFieldset.ftl
              • cForm.ftl
              • cFormRow.ftl
            • select\
              • cOptgroup.ftl
              • cOption.ftl
              • cSelect.ftl
            • steps\
              • cStepContent.ftl
              • cStepCurrent.ftl
              • cStepDone.ftl
              • cStepGroup.ftl
              • cStepNext.ftl
            • upload\
              • cInputDropFiles.ftl
              • cInputDropFilesItem.ftl
            • validation\
              • cFormError.ftl
              • cPasswordCheck.ftl
          • layout\
            • banner\
              • cMainBanner.ftl
            • breadcrumb\
              • cBreadCrumb.ftl
            • footer\
              • _footerMenu.ftl
              • cMainFooter.ftl
              • cMainFooterSocial.ftl
            • layout\
              • cCol.ftl
              • cContainer.ftl
              • cRow.ftl
            • navigation\
              • cDropNav.ftl
              • cMainNav.ftl
              • cMainNavItem.ftl
              • cMainNavUser.ftl
              • goToTop.ftl
              • skipNav.ftl
          • utilities\functions\
            • deprecatedWarning.ftl
            • rand.ftl

Paramétrer l'authentification avec Mon Paris

La documentation disponible pour l'authentification avec Mon Paris

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

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


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.

  1. A la création ou en modification par le bouton "Modifier l'application" cocher l'option "L'application nécessite RHSSO."
  2. 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
  3. 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 5 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

  • monCompte_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) - optionnel
  • monCompte_backUrlProfil: Url de retour aprés modification du profil - optionnel
  • monCompte_backUrlLogout: Url de retour aprés logout - optionnel
  • 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 - optionnel
    
    			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' }
    			]
    			};
  • appCode : Code application du service numérique - optionnel