Creare il componente Commento figlio

Queste indicazioni impostano Group su .hidden in quanto solo il componente padre deve essere incluso in una pagina.

L’eliminazione del file JSP creato automaticamente è dovuta al fatto che viene utilizzato il file HBS predefinito.

  1. Passa al nodo /apps/custom/components/comments

  2. Fare clic con il pulsante destro del mouse sul nodo

    • Seleziona Crea > Componente…

      • Etichetta: commento
      • Titolo: Commento alternativo
      • Descrizione: Stile commento alternativo
      • Super Type: social/commons/components/hbs/comments/comment
      • Gruppo: *.hidden*
    • Seleziona Avanti

    • Seleziona Avanti

    • Seleziona Avanti

    • Seleziona OK

  3. Espandere il nodo creato: /apps/custom/components/comments/comment

  4. Seleziona Salva tutto

  5. Fare clic con il pulsante destro del mouse su comment.jsp

  6. Seleziona Elimina

  7. Seleziona Salva tutto

create-child-component

create-component-crxde

Copiare e modificare gli script HBS predefiniti

Utilizzo di CRXDE Liti:

  • Copia comments.hbs

  • Modifica comments.hbs in:

    • Modifica il valore dell'attributo data-scf-component (~riga 20):

      • Da social/commons/components/hbs/comments
      • A /apps/custom/components/comments
    • Modifica per includere il componente commento personalizzato (~riga 75):

      • Sostituisci {{include this resourceType='social/commons/components/hbs/comments/comment'}}
      • Con {{include this resourceType='/apps/custom/components/comments/comment'}}
  • Copia comment.hbs

  • Modifica comment.hbs in:

    • Modifica il valore dell’attributo data-scf-component (~ riga 19)

      • Da social/commons/components/hbs/comments/comment
      • A /apps/custom/components/comments/comment
  • Seleziona nodo /apps/custom

  • Seleziona Salva tutto

Creare una cartella della libreria client

Per evitare di dover includere questa libreria client, è possibile utilizzare il valore delle categorie per la libreria client del sistema di commenti predefinito ( cq.social.author.hbs.comments). Tuttavia, questa libreria client dovrebbe quindi essere inclusa anche per tutte le istanze del componente predefinito.

Utilizzo di CRXDE Liti:

  • Seleziona nodo /apps/custom/components/comments

  • Seleziona Crea nodo

    • Nome: clientlibs

    • Tipo: cq:ClientLibraryFolder

    • Aggiungi alla scheda Proprietà:

      • Nome categories Tipo String Valore cq.social.author.hbs.comments Multi
      • Nome dependencies Tipo String Valore cq.social.scf Multi
  • Seleziona Salva tutto

  • Con il nodo /apps/custom/components/comments/clientlib selezionato, crea tre file:

    • Nome: css.txt
    • Nome: js.txt
    • Nome: customcommentsystem.js
  • Immettere 'customcommentsystem.js' come contenuto di js.txt

  • Seleziona Salva tutto

commenti-clientlibs

Registra il modello e la vista SCF

Quando si estende (esegue l'override) un componente SCF, resourceType è diverso (la sovrapposizione utilizza il meccanismo di ricerca relativo che esegue la ricerca in /apps prima di /libs in modo che resourceType rimanga invariato). Per questo motivo è necessario scrivere JavaScript (nella libreria client) per registrare il modello JS SCF e visualizzare per il resourceType personalizzato.

Immettere il testo seguente come contenuto di customcommentsystem.js: