task-header.component.md

Title	Added	Status	Last reviewed
Task Header component	v2.0.0	Active	2024-05-21

Task Header Component

Shows all the information related to a task.

Basic Usage

<adf-task-header
    [taskDetails]="taskDetails">
</adf-task-header>

Class members

Properties

Name	Type	Default value	Description
formName	string	null	The name of the form.
showClaimRelease	boolean	true	Toggles display of the claim/release button.
taskDetails	TaskRepresentation		Details related to the task.

Events

Name	Type	Description
claim	EventEmitter<any>	Emitted when the task is claimed.
unclaim	EventEmitter<any>	Emitted when the task is unclaimed (ie, requeue).

Details

The component populates an internal array of CardViewModel with the information that we want to display.

By default all properties are displayed:

• assignee
• status
• priority
• dueDate
• category
• parentName
• created
• id
• description
• formName.

However, you can also choose which properties to show using a configuration in app.config.json:

{
    "adf-task-header": {
        "presets": {
            "properties": [
                "assignee",
                "status",
                "priority",
                "parentName"
            ]
        }
    }
}

With this configuration, only the four listed properties will be shown.