Personnaliser les détails de la tâche customizing-the-task-details-page
La page Détails de la tâche contient des informations relatives à une tâche et à ses processus. Cependant, vous pouvez personnaliser la page Détails de la tâche pour ajouter ou supprimer des informations.
Vous pouvez ajouter les informations ci-dessous à la page Détails de la tâche :
- Informations disponibles dans l’objet JSON d’une tâche (section Tâche dans Description de l’objet JSON de l’espace de travail AEM Forms)
- Informations disponibles dans l’objet JSON d’une instance de processus (section Instance de processus dans Description de l’objet JSON de l’espace de travail AEM Forms)
Pour personnaliser la page Détails de la tâche :
-
Suivez la Procédure générique de personnalisation de l’espace de travail AEM Forms.
-
Pour afficher des informations supplémentaires, ajoutez les paires clé-valeur correspondantes au fichier
translation.json
dans le bloctodo
> blocdetails
> blocapp
> bloc [required
].Le [
required
bloc] fait référence aux blocs disponibles tels que le bloc de tâche pour les informations de tâche, le bloc de processus pour le traitement des informations et le bloc de tâches en attente pour les informations de tâches en attente.Par exemple, pour ajouter des informations sur la sélection d’itinéraire requise dans la page Détails de la tâche, vous pouvez ajouter la paire clé-valeur suivante dans le bloc de tâche :
code language-json "todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }
note note NOTE Ajoutez les paires clé-valeur correspondantes pour toutes les langues prises en charge. -
Copiez
/libs/ws/js/runtime/templates/taskdetails.html
dans/apps/ws/js/runtime/templates/taskdetails.html
.Ajoutez les nouvelles informations à
/apps/ws/js/runtime/templates/taskdetails.html
. Par exemple :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>
-
Ouvrez /apps/ws/js/registry.js pour le modifier.
Recherchez et remplacez
text!/lc/libs/ws/js/runtime/templates/taskdetails.html
partext!/lc/apps/ws/js/runtime/templates/taskdetails.html
.
/apps/ws/js/runtime/templates/startprocess.html
.