Anpassen der Detailseite für die Aufgabe

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 der Datei translation.json entsprechende Schlüssel-Wert-Paare bei todoblock > detailsblock > appblock > [ requiredblock] hinzu.

    [ requiredblock] bezieht sich auf verfügbare Blöcke, wie z. B. den Aufgabe-Block für Informationen zur Aufgabe, den Prozessblock für Prozessinformationen und den currentpendingtask-Block 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.

    hinzufügen Sie die neuen Informationen auf /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 Sie text!/lc/libs/ws/js/runtime/templates/taskdetails.html durch text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

HINWEIS

Um die Detailseite der Aufgabe mit Aufgaben anzupassen, die im Register Beginn-Prozess von AEM Forms Workspace erstellt wurden, fügen Sie die neuen Informationen zu /apps/ws/js/runtime/templates/startprocess.html hinzu.

Um neue Stile für die auf der Detailseite hinzugefügten Informationen hinzuzufügen, ändern Sie die CSS-Datei mithilfe des Abschnitts Änderungen der Benutzeroberfläche in Anpassung des Arbeitsbereichs.

Auf dieser Seite