mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
* [ADF-2211] added configuration filter for task header properties * [ADF-2211] removed added configuration * [ADF-2211] updated schema.json with the new attribute * [ADF-2211] added schema check on build step of demo shell
284 lines
9.1 KiB
TypeScript
284 lines
9.1 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright 2016 Alfresco Software, Ltd.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
|
|
import { BpmUserService,
|
|
CardViewDateItemModel,
|
|
CardViewItem,
|
|
CardViewMapItemModel,
|
|
CardViewTextItemModel,
|
|
CardViewBaseItemModel,
|
|
LogService,
|
|
TranslationService,
|
|
AppConfigService } from '@alfresco/adf-core';
|
|
import { TaskDetailsModel } from '../models/task-details.model';
|
|
import { TaskListService } from './../services/tasklist.service';
|
|
|
|
@Component({
|
|
selector: 'adf-task-header',
|
|
templateUrl: './task-header.component.html',
|
|
styleUrls: ['./task-header.component.scss']
|
|
})
|
|
export class TaskHeaderComponent implements OnChanges, OnInit {
|
|
|
|
/** The name of the form. */
|
|
@Input()
|
|
formName: string = null;
|
|
|
|
/** (required) Details related to the task. */
|
|
@Input()
|
|
taskDetails: TaskDetailsModel;
|
|
|
|
/** Emitted when the task is claimed. */
|
|
@Output()
|
|
claim: EventEmitter<any> = new EventEmitter<any>();
|
|
|
|
/** Emitted when the task is unclaimed (ie, requeued). */
|
|
@Output()
|
|
unclaim: EventEmitter<any> = new EventEmitter<any>();
|
|
|
|
private currentUserId: number;
|
|
|
|
properties: CardViewItem [];
|
|
inEdit: boolean = false;
|
|
|
|
constructor(private activitiTaskService: TaskListService,
|
|
private bpmUserService: BpmUserService,
|
|
private translationService: TranslationService,
|
|
private logService: LogService,
|
|
private appConfig: AppConfigService) {
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.loadCurrentBpmUserId();
|
|
}
|
|
|
|
ngOnChanges(changes: SimpleChanges) {
|
|
this.refreshData();
|
|
}
|
|
|
|
private initDefaultProperties(parentInfoMap) {
|
|
return [
|
|
new CardViewTextItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.ASSIGNEE',
|
|
value: this.taskDetails.getFullName(),
|
|
key: 'assignee',
|
|
default: this.translationService.instant('ADF_TASK_LIST.PROPERTIES.ASSIGNEE_DEFAULT'),
|
|
clickable: !this.isCompleted()
|
|
}
|
|
),
|
|
new CardViewTextItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.STATUS',
|
|
value: this.getTaskStatus(),
|
|
key: 'status'
|
|
}
|
|
),
|
|
new CardViewTextItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.PRIORITY',
|
|
value: this.taskDetails.priority,
|
|
key: 'priority',
|
|
editable: true
|
|
}
|
|
),
|
|
new CardViewDateItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.DUE_DATE',
|
|
value: this.taskDetails.dueDate,
|
|
key: 'dueDate',
|
|
default: this.translationService.instant('ADF_TASK_LIST.PROPERTIES.DUE_DATE_DEFAULT'),
|
|
editable: true
|
|
}
|
|
),
|
|
new CardViewTextItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.CATEGORY',
|
|
value: this.taskDetails.category,
|
|
key: 'category',
|
|
default: this.translationService.instant('ADF_TASK_LIST.PROPERTIES.CATEGORY_DEFAULT')
|
|
}
|
|
),
|
|
new CardViewMapItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.PARENT_NAME',
|
|
value: parentInfoMap,
|
|
key: 'parentName',
|
|
default: this.translationService.instant('ADF_TASK_LIST.PROPERTIES.PARENT_NAME_DEFAULT'),
|
|
clickable: true
|
|
}
|
|
),
|
|
new CardViewTextItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.CREATED_BY',
|
|
value: this.taskDetails.getFullName(),
|
|
key: 'created-by'
|
|
}
|
|
),
|
|
new CardViewDateItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.CREATED',
|
|
value: this.taskDetails.created,
|
|
key: 'created'
|
|
}
|
|
),
|
|
new CardViewTextItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.ID',
|
|
value: this.taskDetails.id,
|
|
key: 'id'
|
|
}
|
|
),
|
|
new CardViewTextItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.DESCRIPTION',
|
|
value: this.taskDetails.description,
|
|
key: 'description',
|
|
default: this.translationService.instant('ADF_TASK_LIST.PROPERTIES.DESCRIPTION_DEFAULT'),
|
|
multiline: true,
|
|
editable: true
|
|
}
|
|
),
|
|
new CardViewTextItemModel(
|
|
{
|
|
label: 'ADF_TASK_LIST.PROPERTIES.FORM_NAME',
|
|
value: this.formName,
|
|
key: 'formName',
|
|
default: this.translationService.instant('ADF_TASK_LIST.PROPERTIES.FORM_NAME_DEFAULT')
|
|
}
|
|
)
|
|
];
|
|
}
|
|
|
|
/**
|
|
* Refresh the card data
|
|
*/
|
|
refreshData() {
|
|
if (this.taskDetails) {
|
|
const parentInfoMap = this.getParentInfo();
|
|
const defaultProperties = this.initDefaultProperties(parentInfoMap);
|
|
const filteredProperties: string[] = this.appConfig.get('adf-task-header.presets.properties');
|
|
this.properties = defaultProperties.filter((cardItem) => this.isValidSelection(filteredProperties, cardItem));
|
|
}
|
|
}
|
|
|
|
private isValidSelection(filteredProperties: string[], cardItem: CardViewBaseItemModel): boolean {
|
|
return filteredProperties ? filteredProperties.indexOf(cardItem.key) >= 0 : true;
|
|
}
|
|
|
|
/**
|
|
* Loads current bpm userId
|
|
*/
|
|
private loadCurrentBpmUserId(): void {
|
|
this.bpmUserService.getCurrentUserInfo().subscribe((res) => {
|
|
this.currentUserId = res ? +res.id : null;
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Return the process parent information
|
|
*/
|
|
getParentInfo() {
|
|
if (this.taskDetails.processInstanceId && this.taskDetails.processDefinitionName) {
|
|
return new Map([[this.taskDetails.processInstanceId, this.taskDetails.processDefinitionName]]);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Does the task have an assignee
|
|
*/
|
|
public hasAssignee(): boolean {
|
|
return !!this.taskDetails.assignee ? true : false;
|
|
}
|
|
|
|
/**
|
|
* Returns true if the task is assigne to logged in user
|
|
*/
|
|
public isAssignedTo(userId): boolean {
|
|
return this.hasAssignee() ? this.taskDetails.assignee.id === userId : false;
|
|
}
|
|
|
|
/**
|
|
* Return true if the task assigned
|
|
*/
|
|
public isAssignedToCurrentUser(): boolean {
|
|
return this.hasAssignee() && this.isAssignedTo(this.currentUserId);
|
|
}
|
|
|
|
/**
|
|
* Return true if the user is a candidate member
|
|
*/
|
|
isCandidateMember() {
|
|
return this.taskDetails.managerOfCandidateGroup || this.taskDetails.memberOfCandidateGroup || this.taskDetails.memberOfCandidateUsers;
|
|
}
|
|
|
|
/**
|
|
* Return true if the task claimable
|
|
*/
|
|
public isTaskClaimable(): boolean {
|
|
return !this.hasAssignee() && this.isCandidateMember();
|
|
}
|
|
|
|
/**
|
|
* Return true if the task claimed by candidate member.
|
|
*/
|
|
public isTaskClaimedByCandidateMember(): boolean {
|
|
return this.isCandidateMember() && this.isAssignedToCurrentUser() && !this.isCompleted();
|
|
}
|
|
|
|
/**
|
|
* Returns task's status
|
|
*/
|
|
getTaskStatus(): string {
|
|
return (this.taskDetails && this.taskDetails.isCompleted()) ? 'Completed' : 'Running';
|
|
}
|
|
|
|
/**
|
|
* Claim task
|
|
*
|
|
* @param taskId
|
|
*/
|
|
claimTask(taskId: string) {
|
|
this.activitiTaskService.claimTask(taskId).subscribe(
|
|
(res: any) => {
|
|
this.logService.info('Task claimed');
|
|
this.claim.emit(taskId);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Unclaim task
|
|
*
|
|
* @param taskId
|
|
*/
|
|
unclaimTask(taskId: string) {
|
|
this.activitiTaskService.unclaimTask(taskId).subscribe(
|
|
(res: any) => {
|
|
this.logService.info('Task unclaimed');
|
|
this.unclaim.emit(taskId);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Returns true if the task is completed
|
|
*/
|
|
isCompleted(): boolean {
|
|
return this.taskDetails && !!this.taskDetails.endDate;
|
|
}
|
|
}
|