Personalizar a 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 em Descrição de objeto JSON do espaço de trabalho AEM Forms)
• Informações disponíveis no objeto JSON de uma instância do processo (seção da instância do processo em Descrição do objeto JSON do espaço de trabalho AEM Forms)

Para personalizar a página de detalhes da tarefa:

1. Siga Etapas genéricas para personalização do espaço de trabalho AEM Forms.

2. Para mostrar quaisquer informações adicionais, adicione pares de valores chave correspondentes ao arquivo translation.json em todoblock > detailsblock > appblock > [ requiredblock].

   O [ requiredblock] refere-se 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"
           }
       }
   }
   

   OBSERVAÇÃO

   Adicione pares de valores chave correspondentes para todos os idiomas suportados.

3. Copie /libs/ws/js/runtime/templates/taskdetails.html para /apps/ws/js/runtime/templates/taskdetails.html.

   Adicione 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>
   

4. 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.