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 na Descrição do objeto JSON do espaço de trabalho do AEM Forms)
Para personalizar a página de detalhes da tarefa:
-
Siga 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 ao arquivo
translation.json
emtodo
bloco >details
bloco >app
bloco > [required
bloco].O [
required
bloco] se refere 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 pendentes atual para informações de 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
portext!/lc/apps/ws/js/runtime/templates/taskdetails.html
.
/apps/ws/js/runtime/templates/startprocess.html
.