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.

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 o fazer é

• No menu principal

  • Selecione Ferramentas > Operações > Replicação
  • Selecionar Activate Tree
  • Definir Start Path: para /apps/custom
  • Desmarcar Only Modified
  • Botão Selecionar Activate

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:

Pacote de extensão de comentário de amostra

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

Obter arquivo