Personalização da página de detalhes da tarefa customizing-the-task-details-page
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 emtodo
bloco >details
bloco >app
bloco > [required
bloco].O [
required
bloco] 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 <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
comtext!/lc/apps/ws/js/runtime/templates/taskdetails.html
.
/apps/ws/js/runtime/templates/startprocess.html
.