Alterar a aparência (HBS)

Agora que os componentes do sistema de comentários personalizado no diretório do aplicativo (/apps?lang=pt-BR) estão em vigor, com um resourceSuperType referenciando o sistema de comentários padrão e o Modelo/Visualização personalizado registrado, é possível modificar a implementação.

Para uma demonstração simples, um recurso visual, o avatar mostrado pelo usuário conectado que publica um comentário, é removido.

OBSERVAÇÃO

Para usar a extensão, a instância do sistema de comentários em um site a ser afetado (/content?lang=pt-BR) deve definir resourceType como o sistema de comentários personalizado.

Modificar os scripts HBS

Usando CRXDE Lite:

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

    • Comente a tag que inclui o avatar para uma postagem de comentário (~ linha 21):

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

    • Comente a tag que inclui o avatar para a próxima entrada de comentário (~ linha 44):

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

Replicar aplicativo personalizado

Após a modificação do aplicativo, é necessário rereplicar o componente personalizado.

Uma maneira de fazer isso é:

  • No menu principal

    • Selecione Ferramentas > Operações > Replicação.
    • Selecione Ativar árvore.
    • Defina Start Path como /apps/custom.
    • Desmarque Somente Modificado.
    • Selecione o botão Ativar.

Comentário modificado da visualização na página de amostra publicada

Continuando a experiência na instância de publicação, ainda conectado como o mesmo usuário, agora é possível atualizar a página no ambiente de publicação para visualização da modificação para remover o avatar:

visualização modificada-content

Pacote de extensão de comentário de amostra

Anexado é um pacote do aplicativo de comentários personalizado criado neste tutorial.

Obter arquivo

Nesta página