Personalizando a página de detalhes da tarefa

Última atualização em 2023-12-07

A página de detalhes da tarefa contém informações sobre uma tarefa e seus processos. No entanto, você pode 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:

Para personalizar a página de detalhes da tarefa:

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

  2. Para mostrar mais informações, adicione os pares de valores chave correspondentes à translation.json arquivo em todobloquear > detailsbloquear > appbloquear > [requiredbloco].

    A variável [requiredbloco] refere-se aos blocos disponíveis, como o bloco de tarefas para informações sobre tarefas, o bloco de processos para informações sobre processos e o bloco de tarefas pendentes atual para informações sobre tarefas pendentes.

    Por exemplo, para adicionar informações sobre 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:

    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    OBSERVAÇÃO

    Adicione pares de valores chave correspondentes para todos os idiomas compatíveis.

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

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

    <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>
    
  4. 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.

OBSERVAÇÃO

Para personalizar a página de detalhes da tarefa com tarefas criadas na 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 às 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.

Nesta página