Personnaliser les détails de la tâche customizing-the-task-details-page

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

User

CAUTION

AEM 6.4 a atteint la fin de la prise en charge étendue et cette documentation n’est plus mise à jour. Pour plus d’informations, voir notre période de support technique. Rechercher les versions prises en charge here.

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 suivantes à 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 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 bloc todo > bloc details > bloc app > [bloc required].

Le [ bloc required ] 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 des détails de la tâche, vous pouvez ajouter la paire clé-valeur suivante dans le bloc de tâche :

code language-none
`"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

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

<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 par text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTE

Pour personnaliser la page des détails de la tâche avec les tâches créées dans l’onglet Démarrer le processus de l’espace de travail AEM Forms, ajoutez les nouvelles informations à /apps/ws/js/runtime/templates/startprocess.html.

Pour ajouter de nouveaux styles pour les informations ajoutées dans la page Détails, modifiez le fichier CSS à l’aide de la section Modifications de l’interface utilisateur dans Personnalisation de l’espace de travail.

recommendation-more-help

a6ebf046-2b8b-4543-bd46-42a0d77792da