Modifier l'apparence (HBS)

Maintenant que les composants du système de commentaires personnalisés dans le répertoire de l'application (/apps?lang=fr) sont en place, avec un resourceSuperType référençant le système de commentaires par défaut et le modèle/Vue personnalisé enregistré, il est possible de modifier l'implémentation.

Pour une simple démonstration, une fonction visuelle, l’avatar affiché par l’utilisateur connecté qui publie un commentaire, est supprimée.

REMARQUE

Pour utiliser l'extension, l'instance du système de commentaires d'un site Web à affecter (/content?lang=fr) doit définir resourceType comme système de commentaires personnalisé.

Modification des scripts HBS

Utilisation de CRXDE Lite :

  • Ouvrir /apps/custom/components/comments/comment/comment.hbs

    • Mettez en commentaire la balise qui contient l’avatar pour un commentaire (~ ligne 21) :

      <!--
       <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
       -->
      
  • Ouvrir /apps/custom/components/comments/comments.hbs

    • Mettez en commentaire la balise qui contient l’avatar pour la prochaine entrée de commentaire (~ ligne 44) :

      <!--
       <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
       -->
      
  • Sélectionner Enregistrer tout

Répliquer l’application personnalisée

Une fois l’application modifiée, il est nécessaire de reproduire à nouveau le composant personnalisé.

Une façon de le faire est

  • Dans le menu principal

    • Sélectionnez Outils > Opérations > Réplication
    • Sélectionner Activate Tree
    • Définissez Start Path : à /apps/custom
    • Désélectionner Only Modified
    • Bouton Sélectionner Activate

Commentaire modifié de la vue sur l’exemple de page publié

En poursuivant l’ expérience de l’instance de publication, toujours connectée en tant que même utilisateur, il est maintenant possible d’actualiser la page dans l’environnement de publication afin de vue la modification de suppression de l’avatar :

chlimage_1-81

Exemple de package d'extension de commentaire

Vous trouverez ci-joint un package de l'application de commentaires personnalisés créée dans ce didacticiel.

Obtenir le fichier

Sur cette page