Personalizando a 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, 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 em Descrição de 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 de 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 mais informações, adicione os pares de valores chave correspondentes à
translation.json
arquivo emtodo
bloquear >details
bloquear >app
bloquear > [required
bloco].A variável [
required
bloco] 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:
code language-json "todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }
note note NOTE Adicione pares de valores chave correspondentes para todos os idiomas compatíveis. -
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: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
.