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

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

Le [requiredbloc] 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 :

"todo" : {
    .
    .
    .
    "details" : {
        .
        .
        "task" : {
            .
            .
            "RouteSelectionRequired" : "Route Selection Required"
        }
    }
}

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 :

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