Les scripts

Les fichiers JavaScript destinés pour la fabrique à sites se situent dans le dossier /src/. Ce dossier comporte plusieurs sous-dossiers dans le but de le segmenter permettant d’avoir plus de visibilité sur certaines parties du site.

 

Les fichiers :

Certains fichiers sont intégrés directement à la racine du dossier /src/ car ils sont nécessaires pour des éléments communs du site.

• fas_listing : gestion des interactions et rechargements des données en ajax sur les pages de listing.
• imgMetas : gestion des interactions avec les données des blocs images.
• main.js : ficher de certaines interactions globales ne nécessitant pas d’être intégrée dans un fichier seul (ajout d’une classe au chargement de la page, ajout d’une classe au scroll dans la page, initialisation de plusieurs librairies JavaScript telles que zoombox, objectFitImages, lazyload…).
• map.js : gestion de plusieurs fonctions de callback dans les différentes cartes présentes sur le site + ajout des marqueurs.
• mapSliderMarkerMobile.js : gestion des interactions et rechargements des contenus au sein des popins dans les cartes sur mobile lorsqu’un slider est présent.
• nativeShareMobile.js : utilisation du partage sur les réseaux sociaux natifs si le navigateur le permet et gestion du lien et titre de partage de la page sur les différents réseaux sociaux.
• overlay.js : gestion des callbacks des overlays.
• slider.js : gestion de l’initilisation et l’utilisation des sliders dans l’ensemble du site.

 

Les fichiers du sous-dossier – /blocs/ :

• bloc-focusgeo.js : gestion de la carte sur le bloc – Focus Géolocalisé : voir ici
• bloc-form.js : gestion des formulaires et de leurs différents types : voir ici
• bloc-galerie.js : gestion du bloc – Galerie : voir ici
• bloc-iframe.js : gestion de la hauteur d’une iframe : voir ici
• bloc-image-metas.js : gestion de la map pour les images disposant de l’affichage de géolocalisation : voir ici
• bloc-relation.js : gestion des interactions et de l’affichage du contenu des cards dans le bloc – Contenus associés : voir ici
• bloc-switch-home.js : gestion du bloc exclusivement sur la page d’accueil – Switch Homepage : voir ici
• bloc-video.js : gestion des vidéos provenantes des plateformes Youtube et Viméo pour le bloc – Vidéo : voir ici

 

Les fichiers du sous-dossier – /header/ :

• header-lang.js : gestion des sélecteurs de langue.
• header-menu.js : gestion de l’affichage du menu principal.
• header-nav-ancre.js : gestion du menu d’ancres.
• header-type1.js : gestion des interactions sur le header de type 1.
• header-type2.js : gestion des interactions sur le header de type 2.
• header-type3.js : gestion des interactions sur le header de type 3.
• header-weather.js : gestion du widget météo.

 

Les fichiers du sous-dossier – /modeles/ :

• carte.js : modèle de page – Carte Interactive : voir ici
• top.js : modèles de page – Top (vertical, horizontal, pleine écran) : voir ici

 

Les fichiers du sous-dossier – /search/ :

• FASelasticSearchClient.js : module de recherche instantanée ElasticSearch développé par l’agence Thuria.
• search.js : gestion des interactions dans l’overlay de recherche

 

Les fichiers du sous-dossier – /sit/ :

• page-listing-agenda.js : gestion des interactions dans les listings Agenda SIT (4 types)
• page-listing-sit.js : gestion des interactions dans les listings SIT (hors agenda) (2 types)
• page-sit.js : gestion des interactions dans les fiches détail SIT