1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
/**
* Copyright (c) 2017 ZTE Corporation.
* All rights reserved. This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v1.0
* and the Apache License 2.0 which both accompany this distribution,
* and are available at http://www.eclipse.org/legal/epl-v10.html
* and http://www.apache.org/licenses/LICENSE-2.0
*
* Contributors:
* ZTE - initial API and implementation and/or initial documentation
*/
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { ValueSource } from '../../model/value-source.enum';
import { Parameter } from '../../model/workflow/parameter';
import { DataAccessService } from "../../services/data-access/data-access.service";
import { PlanTreeviewItem } from "../../model/plan-treeview-item";
/**
* this component contains in property component if the corresponding node has parameter properties
* eg. task node have input and output params, start event node has input param
*/
@Component({
selector: 'b4t-parameter',
templateUrl: 'parameter.component.html',
})
export class ParameterComponent implements OnInit {
@Input() public param: Parameter;
@Input() public valueSource: ValueSource[];
@Input() public canEditName: boolean;
@Input() public showLabel = true;
@Input() public canDelete: boolean;
@Input() public planItems: PlanTreeviewItem[];
@Output() public paramChange = new EventEmitter<Parameter>();
@Output() delete: EventEmitter<Parameter> = new EventEmitter<Parameter>();
public sourceEnum = ValueSource;
public valueGroupClass;
public valueClass;
public showValueSource: boolean = true;
public planValue: any = {};
public planOptions = [];
constructor(private dataAccessService: DataAccessService) { }
public ngOnInit(): void {
console.log(this.planItems);
if (1 === this.valueSource.length) {
this.showValueSource = false;
}
this.valueClass = {
'col-md-9': this.showValueSource,
'col-md-12': !this.showValueSource
};
this.valueGroupClass = {
'col-md-7': this.canDelete,
'col-md-9': !this.canDelete
};
// trans plan options to tree view items.
this.initPlanTreeviewItems(this.planItems);
if (ValueSource[ValueSource.Plan] === this.param.valueSource) {
this.planValue = { id: this.param.value };
}
}
public deleteParam(): void {
this.delete.emit();
}
public valueSourceChange(valueSource: string) {
this.param.valueSource = valueSource;
this.valueChange(null);
}
public valueChange(value: any) {
if (ValueSource[ValueSource.Plan] === this.param.valueSource) {
if (value !== null && 'object' === typeof (value)) {
this.planValue = value;
} else {
this.planValue = {};
}
this.param.value = this.planValue.id;
} else {
this.param.value = value;
}
this.paramChange.emit(this.param);
}
private initPlanTreeviewItems(planTreeviewItems: PlanTreeviewItem[]): void {
this.planOptions = this.getTreeviewChild(planTreeviewItems);
}
private getTreeviewChild(planTreeviewItems: PlanTreeviewItem[]): any[] {
let treeviewItems = [];
if (undefined == planTreeviewItems || 0 === planTreeviewItems.length) {
// todo: debug check if it need [] or undefined.
return treeviewItems;
}
planTreeviewItems.forEach(item => {
const treeviewItem = {
id: item.value,
name: item.name,
disabled: false,
// !item.canSelect,
children: this.getTreeviewChild(item.children)
};
treeviewItems.push(treeviewItem);
});
return treeviewItems;
}
}
|