Show Menu
TÓPICOS×

Personalização dos consoles

Este documento descreve como personalizar consoles na interface de usuário moderna e habilitada para toque e não se aplica à interface de usuário clássica.
O AEM fornece vários mecanismos para permitir que você personalize os consoles (e a funcionalidade de criação de página) da sua instância de criação.
  • ClientlibsClientlibs permitem estender a implementação padrão para obter novas funcionalidades, reutilizando funções, objetos e métodos padrão. Ao personalizar, você pode criar sua própria clientlib em /apps. Por exemplo, ele pode manter o código necessário para seu componente personalizado.
  • OverlaysOverlays são baseadas em definições de nó e permitem que você sobreponha a funcionalidade padrão (in /libs ) com sua própria funcionalidade personalizada (in /apps ). Ao criar uma sobreposição, uma cópia 1:1 do original não é necessária, já que a fusão de recursos sling permite herança.
Eles podem ser usados de várias maneiras para estender seus consoles do AEM. Uma pequena seleção é coberta abaixo (em um nível alto).
Para obter mais informações, consulte:
Este tópico também é abordado na sessão do AEM Gems - personalização da interface do usuário para o AEM 6.0 .
Você não deve alterar nada no /libs caminho.
Isso ocorre porque o conteúdo do é substituído na próxima vez que você atualizar sua instância (e pode muito bem ser substituído quando você aplicar uma correção ou um pacote de recursos). /libs
O método recomendado para configuração e outras alterações é:
  1. Recriar o item desejado (isto é, como ele existe em /libs ) em /apps
  2. Faça quaisquer alterações em /apps
Por exemplo, o seguinte local dentro da /libs estrutura pode ser sobreposto:
  • consoles (quaisquer consoles com base nas páginas da interface do usuário Granite); por exemplo:
    • /libs/wcm/core/content
Consulte o artigo da Base de conhecimento, Solução de problemas do AEM TouchUI, para obter mais dicas e ferramentas.

Personalização da exibição padrão para um console

Você pode personalizar a exibição padrão (coluna, cartão, lista) para um console:
  1. É possível reordenar as exibições sobrepondo a entrada necessária de abaixo:
    /libs/wcm/core/content/sites/jcr:content/views
    A primeira entrada será o padrão.
    Os nós disponíveis estão correlacionados às opções de exibição disponíveis:
    • column
    • card
    • list
  2. Por exemplo, em uma sobreposição para lista:
    /apps/wcm/core/content/sites/jcr:content/views/list
    Defina a seguinte propriedade:
    • Nome : sling:orderBefore
    • Tipo : String
    • Valor : column

Adicionar nova ação à barra de ferramentas

  1. Você pode criar seus próprios componentes e incluir as bibliotecas do cliente correspondentes para ações personalizadas. Por exemplo, uma ação Promover ao Twitter em:
    /apps/wcm/core/clientlibs/sites/js/twitter.js
    Isso pode ser conectado a um item da barra de ferramentas no console:
    /apps/<yourProject>/admin/ext/launches
    Por exemplo, no modo de seleção:
    content/jcr:content/body/content/header/items/selection/items/twitter

Restringir uma ação da barra de ferramentas a um grupo específico

  1. É possível usar uma condição de renderização personalizada para sobrepor a ação padrão e impor condições específicas que devem ser cumpridas antes de ser renderizada.
    Por exemplo, crie um componente para controlar as condições de renderização de acordo com o grupo:
    /apps/myapp/components/renderconditions/group
  2. Para aplicá-los à ação Criar site no console Sites:
    /libs/wcm/core/content/sites
    Crie a sobreposição:
    /apps/wcm/core/content/sites
  3. Em seguida, adicione a condição de renderização para a ação:
    jcr:content/body/content/header/items/default/items/create/items/createsite/rendercondition
    Usando as propriedades neste nó, é possível definir o groups permitido para executar a ação específica;por exemplo, administrators

Personalização de colunas na exibição de lista

Esse recurso é otimizado para colunas de campos de texto; para outros tipos de dados é possível sobrepor cq/gui/components/siteadmin/admin/listview/columns/analyticscolumnrenderer em /apps .
Para personalizar as colunas na exibição de lista:
  1. Sobreponha a lista de colunas disponíveis.
    • No nó:
             /apps/wcm/core/content/common/availablecolumns
      
      
    • Adicione suas novas colunas ou remova as existentes.
    Consulte Usando sobreposições (e a Fusão de recursos Sling) para obter mais informações.
  2. Opcionalmente:
    • Se desejar plugar dados adicionais, é necessário gravar um PageInforProvider com um
      pageInfoProviderType propriedade. Por exemplo, consulte a classe/grupo anexado (do GitHub) abaixo.
  3. Agora é possível selecionar a coluna no configurador de colunas da exibição de lista.

Filtrar recursos

Ao usar um console, um caso de uso comum é quando o usuário deve selecionar entre os recursos (por exemplo, páginas, componentes, ativos etc.). Isso pode assumir a forma de uma lista, por exemplo, da qual o autor deve escolher um item.
Para manter a lista em um tamanho razoável e também relevante para o caso de uso, um filtro pode ser implementado na forma de um predicado personalizado. Consulte este artigo para obter detalhes.