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:
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 em todo
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:
"todo" : {
.
.
.
"details" : {
.
.
"task" : {
.
.
"RouteSelectionRequired" : "Route Selection Required"
}
}
}
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:
<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
com text!/lc/apps/ws/js/runtime/templates/taskdetails.html
.
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.