alfresco-ng2-components/docs/process-services-cloud/edit-task-filter-cloud.component.md

Title, Added, Status, Last reviewed

Title	Added	Status	Last reviewed
Edit Task Filter Cloud component	v3.0.0	Experimental	2019-01-08

Edit Task Filter Cloud component

Edits Task Filter Details.

Basic Usage

<adf-cloud-edit-task-filter 
    [id]="taskFilterId"
    [appName]="applicationName">
</adf-cloud-edit-task-filter>

Class members

Properties

Name	Type	Default value	Description
appName	string		(required) Name of the app.
filterProperties	string[]		List of task filter properties to display.
id	string		(required) ID of the task filter.
showTitle	boolean	true	Toggles the title.
toggleFilterActions	boolean	true	Toggles the filter actions.

Events

Name	Type	Description
action	EventEmitter<FilterActionType>	Emitted when a filter action occurs (i.e Save, Save As, Delete).
filterChange	EventEmitter<TaskFilterCloudModel>	Emitted when an task filter property changes.

Details

Editing APS2 task filter

Use the appName and id properties to edit task filter properties:

<adf-cloud-edit-task-filter
    [id]="taskFilterId"
    [appName]="applicationName">
</adf-cloud-edit-task-filter>

By default these below properties are displayed:

state, assignment, sort, order.

However, you can also choose which properties to show using the filterProperties input property:

Populate the filterProperties in the component class:

import { UserProcessModel } from '@alfresco/adf-core';

export class SomeComponent implements OnInit {

    filterProperties: string[] = [
        "appName",
        "processInstanceId",
        "createdDateTo",
        "lastModifiedTo"];

    onFilterChange(filter: TaskFilterCloudModel) {
        console.log('On filter change: ', filter);
    }

    onAction($event: FilterActionType) {
        console.log('Clicked action: ', $event);
    }

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

<adf-cloud-edit-task-filter
    [id]="taskFilterId"
    [appName]="applicationName"
    [filterProperties]="filterProperties"
    (filterChange)="onFilterChange($event)"
    (action)="onAction($event)">
</adf-cloud-edit-task-filter>

The available properties are:

appName, state, assignment, sort, order, processDefinitionId, processInstanceId, dueAfter, dueBefore, claimedDateFrom, claimedDateTo, createdDateFrom, createdDateTo, taskName, parentTaskId, priority, standAlone, lastModifiedFrom, lastModifiedTo, owner, dueDateFrom, dueDateTo.