Personalização da página de detalhes da tarefa customizing-the-task-details-page

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Criado para:

User

CAUTION

AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.

A página de detalhes da tarefa contém informações sobre uma tarefa e seus processos. No entanto, é possível personalizar a página de detalhes da tarefa para adicionar ou excluir informações.

Você pode adicionar as seguintes informações à página de detalhes da tarefa:

Informações disponíveis no objeto JSON de uma tarefa (seção Tarefa em Descrição do objeto JSON do espaço de trabalho do AEM Forms)
Informações disponíveis no objeto JSON de uma instância do processo (seção Instância do processo em Descrição do objeto JSON do espaço de trabalho do AEM Forms)

Para personalizar a página de detalhes da tarefa:

Seguir Etapas genéricas para personalização do espaço de trabalho do AEM Forms.

Para mostrar qualquer informação adicional, adicione pares de valores chave correspondentes à variável translation.json arquivo em todobloco > detailsbloco > appbloco > [ requiredbloco].

O [ requiredbloco] refere-se aos blocos disponíveis, como o bloco de tarefas para informações de tarefas, o bloco de processos para informações de processos e o bloco de tarefas pendente atual para informações de tarefas pendentes.

Por exemplo, para adicionar informações sobre a Seleção de rota necessária na página de detalhes da tarefa, você pode adicionar o seguinte par de valores chave no bloco de tarefas:

code language-none
`"todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }`

note note
NOTE
Adicione pares de valores chave correspondentes para todos os idiomas suportados.

Copiar /libs/ws/js/runtime/templates/taskdetails.html para /apps/ws/js/runtime/templates/taskdetails.html.

Adicione as novas informações em /apps/ws/js/runtime/templates/taskdetails.html. Por exemplo:

code language-css

code language-css
`<div class="detailsContainer"> . . <ul> . . <li> <label for="routeSelectionRequired" title="<%= $.t('todo.details.task.RouteSelectionRequired')%>"><%= $.t('todo.details.task.RouteSelectionRequired')%></label> <div> <span id="routeSelectionRequired"><%= isRouteSelectionRequired != null ? isRouteSelectionRequired : ''%></span> </div> </li> . . </ul> </div>`

<div class="detailsContainer">
    .
    .
    <ul>
        .
        .
        <li>
            <label for="routeSelectionRequired" title="<%= $.t('todo.details.task.RouteSelectionRequired')%>"><%= $.t('todo.details.task.RouteSelectionRequired')%></label>
            <div>
                <span id="routeSelectionRequired"><%= isRouteSelectionRequired != null ? isRouteSelectionRequired : ''%></span>
            </div>
        </li>
        .
        .
    </ul>
</div>

Abra /apps/ws/js/registry.js para edição.

Pesquisar e substituir text!/lc/libs/ws/js/runtime/templates/taskdetails.html com text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTE

Para personalizar a página de detalhes da tarefa com tarefas criadas na guia Iniciar processo  do espaço de trabalho do AEM Forms, adicione as novas informações a /apps/ws/js/runtime/templates/startprocess.html.

Para adicionar novos estilos para as informações adicionadas na página de detalhes, modifique o arquivo CSS usando o Alterações na interface do usuário seção em Personalização do Workspace.

recommendation-more-help

a6ebf046-2b8b-4543-bd46-42a0d77792da