Modèle de page Calendrier d'événements

Utilisez ce modèle de page pour afficher un calendrier des événements.

Ce modèle affiche une liste de contenu basé sur la date dans un format de calendrier. Il est utilisé comme modèle alternatif aux modèles Evénements, Cours et Réunions, qui affichent des informations sous forme de listes. De nouveaux événements peuvent être créés en mode Edition et, lorsque l'événement est publié, il apparaît sur le calendrier. Le contenu est créé avec le modèle de création Evénement.

Le calendrier utilise un widget JavaScript implémenté en tant que dijit Dojo. Lorsque des modifications sont apportées aux événements dans le calendrier, une requête Ajax est envoyée vers l'API REST Web Content Manager pour mettre à jour l'événement sur le serveur. Ce processus veille à ce que l'utilisateur bénéficie d'une expérience réactive dans le navigateur, tout en conservant l'état du contenu sur le serveur.

Ce modèle de page est un exemple pour vous aider à créer vos propres widgets de navigateur qui utilisent l'API REST de Web Content Manager. Les widgets peuvent être créés avec n'importe quelle API JavaScript, telle que JQuery ou Dojo.
  • Les événements du calendrier sont remplis grâce à searchFilter.jsp :
    • Ce fichier JSP recherche les événements à venir et passés publiés sous la zone de site de contenu.
    • Il est déployé dans WebSphere Install Root/wp_profile/installedApps/node/ctc.ear/ctc.war/.
  • Lors de la création de vos propres widgets côté client soutenus par du contenu Web Content Manager :
    • Le calendrier des événements utilise le fichier JavaScript ItemRepository.js qui fait partie d'une API JavaScript pour envoyer des requêtes à l'API REST de Web Content Manager.
    • L'API JavaScript permettant d'envoyer des requêtes vers l'API REST de Web Content Manager se trouve dans le fichier WAR d'édition à la volée sur le serveur. Ce fichier WAR est déployé sur WebSphere Install Root/wp_profile/installedApps/node/wcm.ear/wcm-inplaceEdit.war/.

Page d'index Calendrier d'événements

Cette page est associée à cette zone de site : Your Library/Your Site Path/Your Page Name

Cette page comprend les portlets suivants :
  • Un portlet de référence de configuration de composant de page qui est configuré pour afficher cet objet de contenu : Your Library/Your Site Path/Your Page Name/Components/Index Page Signpost and Promotions Slideshow. Il affiche un diaporama des éléments que vous souhaitez promouvoir sur votre site.
    • Le contenu de la liste est récupéré à l'aide de ce composant : CTC Design/List Components/All Items by Order
    • Cette liste est préconfigurée avec un remplacement de contexte de : Your Library/Your Site Path/Your Page Name/Promotions
    • Le contenu affiché dans le diaporama est formaté à l'aide de cette présentation de liste : CTC Design/List Presentation Components/Large Captions Slideshow List Design for Promotions
    • La classe CSS de promoSlideshow full s'applique au conteneur DIV.
  • Un portlet Corps dynamique configuré pour afficher cet objet de contenu : Your Library/Your Site Path/Your Page Name/Events Calendar. Il affiche un titre et une zone de corps pour le calendrier d'événements.
  • Un portlet de référence de configuration de composant de page qui est configuré pour afficher cet objet de contenu : Your Library/Your Site Path/Your Page Name/Components/Events Calendar Index List. Il affiche le calendrier d'événements.
    • Le contenu de la liste est récupéré à l'aide de ce composant : CTC Design/List Components/All Items by Order
    • Cette liste est préconfigurée avec un remplacement de contexte de : Your Library/Your Site Path/Your Page Name/Content
    • Le contenu affiché dans le diaporama est formaté à l'aide de cette présentation de liste : CTC Design/List Presentation Components/Index Calendar Design for Scheduled Events
    • The CSS class of contentIndex is applied to the container DIV.
  • Un portlet de référence de configuration de composant de page qui est configuré pour afficher cet objet de contenu : Your Library/Your Site Path/Your Page Name/Components/Connect Tools. Il affiche un ensemble d'outils de médias sociaux.
    • Cet élément est configuré pour afficher ce composant de bloc : CTC Design/Block Components/Social Tools
    • Cet élément est configuré pour afficher ce composant d'en-tête : CTC Design/Component Headers/Component Title
    • Cette liste est préconfigurée avec un remplacement de contexte de : Your Library/Your Site Path/Your Page Name
    • The CSS class of contentBlock is applied to the container DIV.
  • Un portlet de référence de configuration de composant de page qui est configuré pour afficher cet objet de contenu : Your Library/Your Site Path/Your Page Name/Components/Sidebar Recent Slideshow List. Il affiche un diaporama ou des événements récents.
    • Le contenu de la liste est récupéré à l'aide de ce composant : CTC Design/List Components/Recent Featured Items by Start Date
    • Cette liste est préconfigurée avec un remplacement de contexte de : Your Library/Your Site Path/Your Page Name/Content
    • Le contenu affiché dans le diaporama est formaté à l'aide de cette présentation de liste : CTC Design/List Presentation Components/Feature Slideshow List Design for Scheduled Events, with overflow list
    • The CSS class of contentSlideshow is applied to the container DIV.

Page de détails Calendrier d'événements

Cette page est associée à cette zone de site : Your Library/Your Site Path/Your Page Name/Content

Cette page comprend les portlets suivants :
  • Un portlet de référence de configuration de composant de page qui est configuré pour afficher cet objet de contenu : Your Library/Your Site Path/Your Page Name/Components/Detail Page Signpost. Il affiche un titre et une zone de corps pour la page.
    • Cet élément est configuré pour afficher ce composant de bloc : CTC Design/Block Components/Detail Signpost
    • The CSS class of contentSignpost is applied to the container DIV.
  • Un portlet Corps dynamique Le contexte de ce portlet est hérité de la page parent. Il affiche l'objet de contenu actuel.
  • Un portlet de référence de configuration de composant de page qui est configuré pour afficher cet objet de contenu : Your Library/Your Site Path/Your Page Name/Components/Item Details. Cela affiche d'autres détails issus de l'objet de contenu actuel.
    • Cet élément est configuré pour afficher ce composant de bloc : CTC Design/Block Components/Event Details
    • Cet élément est configuré pour afficher ce composant d'en-tête : CTC Design/Component Headers/Component Title
    • The CSS class of contentBlock is applied to the container DIV.
  • Un portlet de référence de configuration de composant de page qui est configuré pour afficher cet objet de contenu : Your Library/Your Site Path/Your Page Name/Components/Connect Tools. Il affiche un ensemble d'outils de médias sociaux.
    • Cet élément est configuré pour afficher ce composant de bloc : CTC Design/Block Components/Social Tools
    • Cet élément est configuré pour afficher ce composant d'en-tête : CTC Design/Component Headers/Component Title
    • Cette liste est préconfigurée avec un remplacement de contexte de : Your Library/Your Site Path/Your Page Name
    • The CSS class of contentBlock is applied to the container DIV.
  • Un portlet de référence de configuration de composant de page qui est configuré pour afficher cet objet de contenu : Your Library/Your Site Path/Your Page Name/Components/Sidebar Recent Slideshow List. Il affiche un diaporama ou des événements récents.
    • Le contenu de la liste est récupéré à l'aide de ce composant : CTC Design/List Components/ Recent Featured Items by Start Date
    • Cette liste est préconfigurée avec un remplacement de contexte de : Your Library/Your Site Path/Your Page Name/Content
    • Le contenu affiché dans le diaporama est formaté à l'aide de cette présentation de liste : CTC Design/List Presentation Components/Feature Slideshow List Design for Scheduled Events, with overflow list
    • The CSS class of contentSlideshow is applied to the container DIV.