Anpassen der Aufgabendetailseite customizing-the-task-details-page
Die Aufgabendetailseite enthält Informationen zu einer Aufgabe und ihren Prozessen. Sie können jedoch die Aufgabendetailseite anpassen, um Informationen hinzuzufügen oder zu löschen.
Sie können der Aufgabendetailseite die folgenden Informationen hinzufügen:
- Im JSON-Objekt einer Aufgabe verfügbare Informationen (Abschnitt "Aufgabe"unter AEM Forms Workspace JSON-Objektbeschreibung)
- Informationen, die im JSON-Objekt einer Prozessinstanz verfügbar sind (Abschnitt "Prozessinstanz"unter AEM Forms Workspace JSON-Objektbeschreibung)
So passen Sie die Aufgabendetailseite an:
-
Folgen Generische Schritte zur Anpassung von AEM Forms Workspace.
-
Um weitere Informationen anzuzeigen, fügen Sie der
translation.json
Datei untertodo
block >details
block >app
block > [required
block].Die [
required
block] bezieht sich auf verfügbare Bausteine, wie z. B. den Aufgabenblock für Aufgabeninformationen, den Prozessblock für Prozessinformationen und den derzeit ausstehenden Aufgabenblock für Informationen zu ausstehenden Aufgaben.Um beispielsweise Informationen zur Routenauswahl erforderlich auf der Aufgabendetailseite hinzuzufügen, können Sie das folgende Schlüssel-Wert-Paar zum Aufgabenblock hinzufügen:
code language-json "todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }
note note NOTE Fügen Sie entsprechende Schlüssel-Wert-Paare für alle unterstützten Sprachen hinzu. -
Kopieren Sie
/libs/ws/js/runtime/templates/taskdetails.html
nach/apps/ws/js/runtime/templates/taskdetails.html
.Fügen Sie die neuen Informationen zu
/apps/ws/js/runtime/templates/taskdetails.html
hinzu. Beispiel: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>
-
Öffnen Sie /apps/ws/js/registry.js zur Bearbeitung.
Suchen und ersetzen Sie
text!/lc/libs/ws/js/runtime/templates/taskdetails.html
durchtext!/lc/apps/ws/js/runtime/templates/taskdetails.html
.
/apps/ws/js/runtime/templates/startprocess.html
hinzu.