Personalizar a listagem de instâncias de processo

A lista da instância do processo é exibida na guia Rastreamento da área de trabalho do AEM Forms.

Na lista da instância do processo, para cada instância do processo, a área de trabalho do AEM Forms mostra algumas propriedades dessa instância. As seguintes propriedades estão disponíveis para cada instância do processo. Essas propriedades são armazenadas como atributos no modelo de componente da instância do processo e estão disponíveis para uso em sua visualização e modelo.

Propriedade Comentários
descrição Descrição da instância do processo.
iniciador Nome do iniciador da instância do processo.
initiatorId ID do iniciador da instância do processo.
processCompleteTime Carimbo de data e hora quando o processo foi concluído.
processInstanceId ID da instância do processo.
processInstanceStatus 0 = Iniciado
1 = Executando
2 = Concluído
3 = Concluindo
4 = Terminado
5 = Terminando
6 = Suspenso
7 = Suspendendo
8 = Não suspendendo
processName Nome do processo.
processStartTime Carimbo de data e hora quando o processo começou.
processVariables Matriz de objetos de variáveis de processo. Cada objeto de variável de processo contém name (o nome da variável de processo), value (o valor da variável de processo) e type (o tipo de variável de processo).

Exemplo:

Para exibir a propriedade description da instância do processo no cartão de instância do processo, execute as seguintes etapas.

  1. Siga as etapas genéricas para personalização do espaço de trabalho AEM Forms.

  2. Faça o seguinte:

    1. Copie /libs/ws/js/runtime/templates/processinstance.html para/apps/ws/js/runtime/models/, se ele não existir. Clique em Salvar tudo.
    2. Adicione div de descrição do processo com class = 'processDescription' inprocessinstance.html.
    <div class="processDescription" title="<%= description%>"><%= description%></div>

  3. Faça o seguinte:

    1. Abra /apps/ws/js/registry.js para edição.
    2. Pesquise e substitua text!/lc/libs/ws/js/runtime/templates/processinstance.htmlpor text!/lc/aplicativos/ws/js/runtime/templates/processinstance.html.

  4. As alterações acima podem exigir uma atualização do arquivo CSS, adicionando uma entrada na folha de estilos /apps/ws/css/newStyle.css da seguinte maneira:

    .processinstance .processDescription {
 <!--Dummy values, need to be configured by user as per requirement as well as user can add or delete any property depending upon requirement-->
    width : 250px;
    font-size : 11pt;
    padding : 2px;
}

Nesta página