Show Menu
TEMAS×

Crear los componentes

El ejemplo de ampliación de componentes utiliza el sistema de comentarios, que en realidad está compuesto por dos componentes
  • Comentarios: el sistema de comentarios que incluye el componente que se coloca en una página.
  • Comentario: componente que captura una instancia de un comentario publicado.
Ambos componentes deben implementarse, especialmente si se personaliza el aspecto de un comentario publicado.
Solo se permite un sistema de comentarios por página del sitio.
Muchas funciones de Comunidades ya incluyen un sistema de comentarios cuyo resourceType puede modificarse para hacer referencia al sistema de comentarios ampliado.

Creación del componente Comentarios

Estas direcciones especifican un valor de grupo distinto de .hidden modo que el componente puede estar disponible desde el navegador de componentes (barra de tareas).
La eliminación del archivo JSP creado automáticamente se debe a que se utilizará el archivo HBS predeterminado.
  1. Cree una ubicación para las aplicaciones personalizadas:
    • Seleccione el /apps nodo
      • Crear carpeta con el nombre personalizado
    • Seleccione el /apps/custom nodo
      • Crear carpeta con componentes con nombre
  2. Seleccione el /apps/custom/components nodo
    • Crear > Componente...
      • Etiqueta : comentarios
      • Título : Comentarios de Alt
      • Descripción : Estilo de comentarios alternativos
      • Super Tipo : social/commons/components/hbs/comments
      • Grupo : Personalizado
    • Seleccione Siguiente
    • Seleccione Siguiente
    • Seleccione Siguiente
    • Seleccione Aceptar
  3. Expanda el nodo recién creado: /apps/custom/components/comments
  4. Seleccione Guardar todo
  5. Clic con el botón derecho comments.jsp
  6. Seleccionar eliminación
  7. Seleccione Guardar todo

Crear el componente de comentario secundario

Estas instrucciones establecen Agrupar en .hidden como si solo se incluyera el componente principal en una página.
La eliminación del archivo JSP creado automáticamente se debe a que se utilizará el archivo HBS predeterminado.
  1. Navegar al /apps/custom/components/comments nodo
  2. Haga clic con el botón secundario en el nodo
    • Seleccione Crear > Componente...**
      • Etiqueta : comment
      • Título : Comentario alternativo
      • Descripción : Estilo de comentario alternativo
      • Super Tipo : social/commons/components/hbs/comments/comment
      • Agrupar : *.hidden*
    • Seleccione Siguiente
    • Seleccione Siguiente
    • Seleccione Siguiente
    • Seleccione Aceptar
  3. Expanda el nodo recién creado: /apps/custom/components/comments/comment
  4. Seleccione Guardar todo
  5. Clic con el botón derecho comment.jsp
  6. Seleccionar eliminación
  7. Seleccione Guardar todo

Copiar y modificar los scripts HBS predeterminados

Uso de CRXDE Lite :

Crear una carpeta de biblioteca de clientes

Para evitar tener que incluir explícitamente esta biblioteca de cliente, se podría usar el valor de categorías para la clientlib del sistema de comentarios predeterminado ( cq.social.author.hbs.comments ), pero entonces esta clientlib también se incluiría para todas las instancias del componente predeterminado.
Uso de CRXDE Lite :
  • Seleccionar /apps/custom/components/comments nodo
  • Seleccione Crear nodo
    • Nombre : clientlibs
    • Tipo : cq:ClientLibraryFolder
    • Añadir a la ficha Propiedades :
      • Nombre categories Tipo ​de String valor cq.social.author.hbs.comments Multi
      • Nombre dependencies Tipo ​de String valor cq.social.scf Multi
  • Seleccione Guardar todo
  • Con /apps/custom/components/comments/clientlib el nodo s seleccionado, cree 3 archivos:
    • Nombre : css.txt
    • Nombre : js.txt
    • Nombre : custom comentsystem.js
  • Especifique 'customcomentsystem.js' como contenido de js.txt
  • Seleccione Guardar todo

Registrar el modelo y la Vista de SCF

Al ampliar (anular) un componente SCF, resourceType es diferente (al superponer se utiliza el mecanismo de búsqueda relativo que busca /apps antes /libs para que resourceType siga siendo el mismo). Por este motivo, es necesario escribir JavaScript (en la biblioteca del cliente) para registrar el modelo y la vista JS de SCF para resourceType personalizado.
Escriba el siguiente texto como contenido de customcommentsystem.js :

custom comentsystem.js

(function($CQ, _, Backbone, SCF) {
    "use strict";

    var CustomComment = SCF.Components["social/commons/components/hbs/comments/comment"].Model;
    var CustomCommentView = SCF.Components["social/commons/components/hbs/comments/comment"].View;

    var CustomCommentSystem = SCF.Components["social/commons/components/hbs/comments"].Model;
    var CustomCommentSystemView = SCF.Components["social/commons/components/hbs/comments"].View;

    SCF.registerComponent('/apps/custom/components/comments/comment', CustomComment, CustomCommentView);
    SCF.registerComponent('/apps/custom/components/comments', CustomCommentSystem, CustomCommentSystemView);

})($CQ, _, Backbone, SCF);

  • Seleccione Guardar todo

Publicar la aplicación

Para experimentar el componente extendido en el entorno de publicación, es necesario replicar el componente personalizado.
Una manera de hacerlo es
  • Desde la navegación global
    • Select Tools > Deployment > Replication
    • Seleccione Activar árbol
    • Establecer Start Path en /apps/custom
    • Desmarcar sólo modificado
    • Botón Seleccionar activar