Skip to content

Latest commit

 

History

History
119 lines (90 loc) · 4.07 KB

task-attachment-list.component.md

File metadata and controls

119 lines (90 loc) · 4.07 KB
Title Added Status Last reviewed
Task Attachment List Component
v2.0.0
Active
2019-01-14

Displays documents attached to a specified task.

task-attachment-list-sample

Contents

Basic Usage

<adf-task-attachment-list 
    [taskId]="YOUR_TASK_ID" 
    (attachmentClick)="YOUR_HANDLER">
</adf-task-attachment-list>

Any content inside the <adf-task-attachment-list> element will be displayed when the list is empty:

<adf-task-attachment-list ...>
    <div><!-- Custom empty list message goes here --></div>
</adf-task-attachment-list>

custom-no-content-drag-drop-template-sample

A default "no content" template is displayed if you don't supply one to override it:

default-no-content-template-sample

Class members

Properties

Name Type Default value Description
disabled boolean false Disable/Enable read only mode for attachment list.
taskId string (required) The ID of the task to display.

Events

Name Type Description
attachmentClick EventEmitter<any> Emitted when the attachment is double-clicked or a view option is selected from the context menu by the user from within the component. Returns a Blob representing the clicked object.
error EventEmitter<any> Emitted when an error occurs while fetching the attachments.
success EventEmitter<any> Emitted when the attachment list has fetched all the attachments. Returns a list of attachments.

Details

How to Add Drag and Drop Functionality

You can wrap the component with an Upload Drag Area component to enable the user to upload attachments for empty lists. When you do this, you can also pass a custom no content template as shown below. The component invites the user to drag files to upload whenever the list is empty.

<adf-upload-drag-area
    [rootFolderId]="YOUR_TASK_ID"
    [showNotificationBar]="BOOLEAN">
    <adf-task-attachment-list  
        [taskId]="YOUR_TASK_ID"
        (attachmentClick)="YOUR_HANDLER">
        <adf-empty-list>
            <div adf-empty-list-header>{{This List is empty}}</div>
            <div adf-empty-list-body>{{Drag and drop to upload}}</div>
            <div adf-empty-list-footer>
                <img [src]="Your custom image URL"></div> 
        </adf-empty-list>
    </adf-task-attachment-list>
</adf-upload-drag-area>
import { UploadService } from '@alfresco/adf-core';
import { TaskUploadService } from '@alfresco/adf-process-services';

Make sure you override the UploadService with the TaskUploadService

@Component({
    selector: 'my-custom-task-attachment',
    providers: [
        { provide: UploadService, useClass: TaskUploadService }
    ]
})
export class MyCustomTaskAttachmentComponent {
    constructor() {}
}

See also