Show Menu
TÓPICOS×

Personalização da página de detalhes da tarefa

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:
  • Informações disponíveis no objeto JSON de uma tarefa (seção Tarefa na área de trabalho do AEM Forms Descrição do objeto JSON)
  • Informações disponíveis no objeto JSON de uma instância de processo (seção de instância de processo na área de trabalho do AEM Forms Descrição de objeto JSON)
Para personalizar a página de detalhes da tarefa:
  1. Para mostrar quaisquer informações adicionais, adicione pares de valores chave correspondentes ao translation.json arquivo em todo bloco > details bloco > app bloco > #.
    O # se refere aos blocos disponíveis, como o bloco de tarefa para informações de tarefa, o bloco de processo para informações de processo e o bloco de tarefas atual para informações tarefas pendentes.
    Por exemplo, para adicionar informações sobre a Seleção de rota obrigatória na página de detalhes da tarefa, adicione o seguinte par de valores chave no bloco de tarefa:
    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    
    Adicione pares de valores chave correspondentes para todos os idiomas suportados.
  2. Copie /libs/ws/js/runtime/templates/taskdetails.html para /apps/ws/js/runtime/templates/taskdetails.html .
    Adicione as novas informações ao /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>
    
    
  3. Abra /apps/ws/js/registry.js para edição.
    Pesquise e substitua text!/lc/libs/ws/js/runtime/templates/taskdetails.html por text!/lc/apps/ws/js/runtime/templates/taskdetails.html .
Para personalizar a página de detalhes da tarefa com tarefas criadas na guia Processo de Start ​da área 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 a seção de alterações da interface do usuário em Personalização da Workspace.