Anpassen der Aufgabendetailseite customizing-the-task-details-page

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

Erstellt für:

User

CAUTION

AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

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.

Wenn Sie zusätzliche Informationen anzeigen möchten, fügen Sie der Datei translation.json entsprechende Schlüssel-Wert-Paare an der Stelle todo-Block > details-Block > app-Block > [ required-Block] hinzu.

Der [ required-Block] verweist auf verfügbare Blöcke, wie den task-Block für Aufgabeninformationen, den process-Block für Prozessinformationen und den currentpendingtask-Block 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-none
`"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

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>

Öffnen Sie /apps/ws/js/registry.js zur Bearbeitung.

Suchen und ersetzen Sie text!/lc/libs/ws/js/runtime/templates/taskdetails.html durch text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTE

Um die Aufgabendetailseite mit Aufgaben anzupassen, die auf der Registerkarte "Startprozess"in AEM Forms Workspace erstellt wurden, fügen Sie die neuen Informationen zu /apps/ws/js/runtime/templates/startprocess.html.

Um neue Stile für die auf der Detailseite hinzugefügten Informationen hinzuzufügen, ändern Sie die CSS-Datei entsprechend dem Abschnitt Änderungen der Benutzeroberfläche in Anpassung von Workspace.

recommendation-more-help

a6ebf046-2b8b-4543-bd46-42a0d77792da