Personalizar la página de detalles de la tarea customizing-the-task-details-page
La página de detalles de la tarea contiene información sobre una tarea y sus procesos. Puede personalizar la página de detalles de la tarea para agregar o eliminar información.
Puede agregar la siguiente información a la página de detalles de la tarea:
- Información disponible en el objeto JSON de una tarea (sección Tarea de la Descripción del objeto JSON de AEM Forms Workspace)
- Información disponible en el objeto JSON de una instancia de proceso (sección Instancia de proceso en la Descripción del objeto JSON de AEM Forms Workspace)
Para personalizar la página de detalles de la tarea, haga lo siguiente:
-
Siga los Pasos genéricos para personalizar AEM Forms Workspace.
-
Para mostrar información adicional, agregue los pares de clave-valor correspondientes al archivo
translation.json
entodo
bloque >details
bloque >app
bloque > [required
bloque].El [
required
bloque] hace referencia a bloques disponibles, como el bloque de tareas para la información de tareas, el bloque de procesos para la información de procesos y el bloque de tareas pendientes para la información de tareas pendientes.Por ejemplo, para agregar información sobre la selección de la ruta requerida en la página de detalles de la tarea, puede agregar el siguiente par clave-valor en el bloque de tareas:
code language-json "todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }
note note NOTE Agregue los pares de clave-valor correspondientes para todos los idiomas compatibles. -
Copie
/libs/ws/js/runtime/templates/taskdetails.html
en/apps/ws/js/runtime/templates/taskdetails.html
.Agregue la nueva información a
/apps/ws/js/runtime/templates/taskdetails.html
. Por ejemplo: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 editarlo.
Buscar y reemplazar
text!/lc/libs/ws/js/runtime/templates/taskdetails.html
context!/lc/apps/ws/js/runtime/templates/taskdetails.html
.
/apps/ws/js/runtime/templates/startprocess.html
.