Détails des événements

Cette page ne doit être appliquée que si le script vous demande de passer la migration manuelle code.20260408.CALENDAR.EventModal

La vue "Agenda pleine page (fullcalendar)" du service de recherche "Calendrier des événements" supporte à partir de la version 2.22.0 l'affichage du détail des événements dans une fenêtre.

Par défaut, le détails des événements est affiché au survol sur ordinateur et dans une fenêtre modale pour les appareils ne supportant pas le survol (mobile, tablette).
Un nouveau paramètre de vue permet de forcer l'affichage du détails des événements dans une fenêtre au lieu du tooltip pour tous les appareils

Si le script de migration vous demande de passer cette migration c'est que vous avez surchargé le template XSL "fullcalendar-js" et/ou le template XSL "common-service-body-nonempty-content-content", ce qui empêche cette nouvelle feature de fonctionner.

Pour permettre l'affichage du détails des événements dans une fenêtre:

  • si vous avez surchargé le template "common-service-body-nonempty-content-content", vous devez rajoutez l'appel au template "event-modal" pour le dessin de la fenêtre modale

Exemple:

<xsl:template name="common-service-body-nonempty-content-content">
        <div id="calendar-search-service-{$serviceId}">
          <xsl:call-template name="form-criteria" />

       <xsl:call-template name="search-results" />
       <div class="calendar-wrapper">
                <div id="calendar-{$serviceId}"></div>
                
                <xsl:call-template name="download-links" />
                
                <xsl:call-template name="loading-indicator" />
            </div>
            
            <xsl:call-template name="event-modal"/>
        </div>
  </xsl:template>
  • si vous avez surchargé le template "fullcalendar-js" vous devez comparer le contenu du template avec celui du plugin et rajouter les scripts nécessaire à l'affichage de la fenêtre modale :
    • ajout de la méthode openEvent_<xsl:value-of select="$serviceId"/> pour l'ouverture de la popup
    • ajout de la méthode formatDate_<xsl:value-of select="$serviceId"/> pour la formattage des dates dans la popup
    • ajout de la méthode closeEvent_<xsl:value-of select="$serviceId"/>pour la fermeture de la popup
    • ajout des constante isTouchLike et onClickEventOpenModal pour détecter l'appareil et le mode d'affichage
    • modification de la méthode eventDidMount du fullcalendar pour conditionner l'affichage du détails au survol
    • ajout de la méthode eventClick sur le fullcalendar pour l'ouverture de la popup au clic en fonction de l'appareil
    • ajout des listeners pour fermer la popup

Référez-vous au commit lié au ticket CAL-137 pour reporter l'ensemble des modifications nécessaires

Retour en haut