Anpassen der Aufgabendetailseite

Die Aufgabendetailseite enthält Informationen über eine Aufgabe und die zugehörigen Prozesse. Sie können jedoch die Aufgabendetailseite anpassen, um Informationen hinzuzufügen oder zu löschen.

Sie können die folgenden Informationen der Aufgabendetailseite hinzufügen:

So passen Sie die Aufgabendetailseite an:

  1. Folgen Sie den Anweisungen unter Generische Schritte zur Anpassung von AEM Forms Workspace.

  2. Um weitere Informationen anzuzeigen, fügen Sie entsprechende Schlüssel-Wert-Paare zum translation.json Datei unter todoblock > detailsblock > appblock > [ requiredblock].

    Die [ requiredblock] 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 über „Routenauswahl erforderlich“ auf der Aufgabendetailseite hinzuzufügen, können Sie das folgende Schlüssel-Wert-Paar im Aufgabenblock hinzufügen:

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

    Fügen Sie entsprechende Schlüssel-Wert-Paare für alle unterstützten Sprachen hinzu.

  3. 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. Beispiel:

    <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>
    
  4. Öffnen Sie /apps/ws/js/registry.js zur Bearbeitung.

    Suchen und Ersetzen text!/lc/libs/ws/js/runtime/templates/taskdetails.html mit text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

HINWEIS

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 mithilfe der Änderungen an der Benutzeroberfläche Abschnitt in Workspace-Anpassung.

Auf dieser Seite