Modificare l’aspetto

Modificare lo script

Lo script comment.hbs è responsabile della creazione del HTML generale per ogni commento.

Per non visualizzare l'avatar accanto a ciascun commento pubblicato:

  1. Copia comment.hbsda libsa apps

    1. Seleziona /libs/social/commons/components/hbs/comments/comment/comment.hbs
    2. Seleziona Copia
    3. Seleziona /apps/social/commons/components/hbs/comments/comment
    4. Seleziona Incolla
  2. Apri la sovrapposizione comment.hbs

    • Fare doppio clic sul nodo comment.hbs in /apps/social/commons/components/hbs/comments/comment folder
  3. Trova le seguenti righe ed eliminale o commenta:

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

Eliminare le linee o circondarle con <!-- e --> per commentarli. Inoltre, i caratteri 'xxx' vengono aggiunti come indicatore visivo di dove sarebbe stato l'avatar.

   xxx
   <!-- do not display avatar with comment
    <aside class="scf-comment-author">
        <img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>

Replicare la sovrapposizione

Invia il componente commenti sovrapposti all’istanza di pubblicazione utilizzando lo strumento di replica.

NOTA

Una forma di replica più solida sarebbe quella di creare un pacchetto in Gestione pacchetti e attivare . Un pacchetto può essere esportato e archiviato.

Dalla navigazione globale, seleziona Strumenti > Distribuzione > Replica e fai clic su Attiva albero.

Per Percorso iniziale immetti /apps/social/commons e seleziona Attiva.

verify-content-template

Visualizza risultati

Se accedi all’istanza di pubblicazione come amministratore, ad esempio https://localhost:4503/crx/de come amministratore/amministratore, puoi verificare che i componenti sovrapposti siano presenti.

Se disconnetti e riaccedi come aaron.mcdonald@mailinator.com/password e aggiorna la pagina, noterai che il commento pubblicato non viene più visualizzato con un avatar, ma viene visualizzato un semplice 'xxx'.

create-template-component

In questa pagina