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.
id	string	""	(required) The id of the Task filter.
filterProperties	string []	['state', 'assignment', 'sort', 'order']	List of task filter properties to display.
toggleFilterActions	boolean	true	Toggles edit task filter actions.
showTitle	boolean	true	Toggles edit task filter title.

Events

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

Details

Editing APS2 task filter

Use the application name and task filter id property 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 a input property filterProperties:

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>

All 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.