Modifica dell'aspetto (HBS)

Ora che i componenti per il sistema di commenti personalizzati nella directory dell'applicazione (/apps?lang=it) sono già presenti, con un resourceSuperType che fa riferimento al sistema di commenti predefinito e il modello/vista personalizzato registrato, è possibile modificare l'implementazione.

Per una semplice dimostrazione, viene rimossa una funzione visiva, l’avatar mostrato dall’utente che ha effettuato l’accesso e che ha pubblicato un commento.

Modificare gli script HBS

Utilizzando CRXDE Lite:

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

  • Aggiungete un commento al tag che include l'avatar per un post di commento (~ riga 21):

      <!--
       <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
       -->
    

• Aprire /apps/custom/components/comments/comments.hbs

  • Aggiungete un commento al tag che include l'avatar per la voce di commento successiva (~ riga 44):

      <!--
       <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
       -->
    

• Selezionare Salva tutto

Replica app personalizzata

Dopo che l’applicazione è stata modificata, è necessario replicare nuovamente il componente personalizzato.

Un modo per farlo è:

• Dal menu principale

  • Selezionare Strumenti > Operazioni > Replica.
  • Selezionare Attiva albero.
  • Impostare Start Path su /apps/custom.
  • Deselezionare Solo modificate.
  • Selezionare il pulsante Activate.

Visualizza commento modificato sulla pagina di esempio pubblicata

Continuando l’ esperienza nell’istanza di pubblicazione, ancora con accesso come lo stesso utente, è ora possibile aggiornare la pagina nell’ambiente di pubblicazione per visualizzare la modifica per rimuovere l’avatar:

Pacchetto di estensioni di commenti di esempio

Allegato è un pacchetto dell'applicazione di commenti personalizzata creata in questa esercitazione.

Ottieni file