Anzeigen zusätzlicher Daten in der Aufgabenliste displaying-additional-data-in-todo-list

Standardmäßig zeigt die Aufgabenliste von AEM Forms Workspace den Anzeigenamen und die Beschreibung der Aufgabe an. Sie können jedoch weitere Informationen wie Erstellungsdatum und Termin hinzufügen. Sie können auch Symbole hinzufügen und den Stil der Anzeige ändern.

Abbildung der Registerkarte „Aufgaben“ von HTML Workspace mit der Standardkonfiguration

In diesem Artikel werden die Schritte zum Hinzufügen von Informationen beschrieben, die für jede Aufgabe in der ToDo-Liste angezeigt werden sollen.

Was kann hinzugefügt werden? what-can-be-added

Sie können die verfügbaren Informationen der Datei in task.json hinzufügen, die vom Server gesendet wurde. Die Informationen können als normaler Text hinzugefügt werden oder Sie können Stile verwenden, um die Informationen zu formatieren.

Weitere Informationen zur JSON-Objektbeschreibung finden Sie unter this Artikel.

Anzeigen von Informationen zu einer Aufgabe displaying-information-on-a-task

  1. Befolgen Sie die generischen Schritte zur Anpassung von AEM Forms Workspace.

  2. Um zusätzliche Information für eine Aufgabe anzuzeigen, müssen die entsprechenden Schlüssel-Wert-Paare innerhalb des Aufgabenblocks von translation.json hinzugefügt werden.

    Ändern Sie beispielsweise /apps/ws/locales/en-US/translation.json für Englisch:

    code language-json
    "task" : {
            "reminder" : {
                "value" : "Reminder",
                "tooltip" : "This is reminder __reminderCount__, for this task."
            },
            "deadlined" : {
                "value" : "Deadlined",
                "tooltip" : "This task has deadlined"
            },
            "save" : {
                "message" : "Task has been saved successfully"
            },
            "status" : {
                "deadlined" : "Deadlined",
                "created" : "Created",
                "assignedsaved" : "Draft from assigned task",
                "terminated" : "Terminated",
                "assigned" : "Assigned",
                "unknown" : "Unknown",
                "createdsaved" : "Draft from created task",
                "completed" : "Completed"
            },
            "draft" : {
                "value" : "Saved",
                "tooltip" : "This task is marked as a draft"
            },
            "escalated" : {
                "value" : "Escalated",
                "tooltip" : "This task has been escalated"
            },
            "forward" : {
                "value" : "Forwarded",
                "tooltip" : "This task was forwarded"
            },
            "priority" : {
                "highest" : "Highest priority",
                "normal" : "Normal priority",
                "high" : "High priority",
                "low" : "Low priority",
                "lowest" : "Lowest priority"
            },
            "claimed" : {
                "value" : "Claimed",
                "tooltip" : "This task has been claimed"
            },
            "locked" : {
                "value" : "Locked",
                "tooltip" : "This task is locked"
            },
            "consulted" : {
                "value" : "Consulted",
                "tooltip" : "This task has been consulted"
            },
            "returned" : {
                "value" : "Returned",
                "tooltip" : "This task was returned back"
            },
            "multiplesubmitbuttons" : {
                "message" : "The form associated with this task has multiple submit buttons so the Workspace Complete button will be disabled. Click the appropriate button on the form to submit it."
            },
            "nosubmitbutton" : {
                "message" : "The form associated with this task does not appear to have submit buttons. You may need to upgrade your Adobe Reader version to 9.1 or greater and enable the Reader Submit option in your process."
            },
            "icon" : {
                "tooltip" : "open the task __taskName__"
            }
        }
    
    note note
    NOTE
    Fügen Sie entsprechende Schlüssel-Wert-Paare für alle unterstützten Sprachen hinzu.
  3. Fügen Sie beispielsweise Informationen innerhalb des Aufgabenblocks hinzu:

    code language-json
    "stepname" : {
                "value" : "Step Name",
                "tooltip" : "This task belongs to __stepName__ step"
    }
    

Definieren von CSS für die neue Eigenschaft defining-css-for-the-new-property

  1. Sie können einen Stil auf die Informationen (Eigenschaft) anwenden, die einer Aufgabe hinzugefügt werden. Dazu müssen Sie Stilinformationen für die neue Eigenschaft hinzufügen, die /apps/ws/css/newStyle.css hinzugefügt wurde.

    Fügen Sie beispielsweise hinzu:

    code language-css
    .task .taskProperties .stepname{
        width: 25px;
        background: url(../images/stepname.png) no-repeat; /*-------- Or just reuse background image / image-sprite defined .task .taskProperties span of style.css---------------------*/
        background-position: 0px 0px; /*-------- Dummy values, need to be configured as per user background image / image-sprite ---------------------*/
    }
    

Eintrag in der HTML-Vorlage hinzufügen adding-entry-in-the-html-template

Schließlich müssen Sie für jede Eigenschaft, die Sie der Aufgabe hinzufügen möchten, einen Eintrag in das Dev-Paket aufnehmen. Informationen zum Erstellen eines Workflows finden Sie unter Erstellen von AEM Forms Workspace-Code .

  1. Kopieren task.html:

    • von: /libs/ws/js/runtime/templates/
    • in: /apps/ws/js/runtime/templates/
  2. Fügen Sie /apps/ws/js/runtime/templates/task.html die neuen Informationen hinzu.

    Fügen Sie beispielsweise Folgendes unter div class="taskProperties" hinzu:

    code language-jsp
    <span class="stepname" alt="<%= $.t('task.stepname.value')%>" title = '<%= $.t("task.stepname.tooltip",{stepName:stepName})%>'/>
    
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2