summaryrefslogtreecommitdiffstats
path: root/sdc-workflow-designer-ui/src/app/components/parameter-tree/parameter-tree.component.html
blob: 0a12a6009cfe0ab82d803fd6d753e024a102cd12 (plain)
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
<!--
/**
 * 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
 */
 -->
<p-tree *ngIf="parameters.length > 0" [value]="parameters">
    <ng-template let-node  pTemplate="default">
        <b4t-parameter [param]="node.parameter" [canEditName]="node.keyEditable" [valueSource]= "valueSource"
            [planItems]="planItems" (paramChange)="paramChange($event, node)"></b4t-parameter>
    </ng-template>

    <ng-template let-node  pTemplate="array">
        <span *ngIf="!node.keyEditable">[Array]({{node.children.length}}) {{node.label}}:</span>
        <span *ngIf="node.keyEditable">[Array]({{node.children.length}})
            <b4t-editable-property [parameter]="getKeyParameter(node)"  [showLabel]="false"
                [planItems]="planItems" (parameterChange)="keyParameterChange(node, $event)"></b4t-editable-property>
        </span>
        <i class="fa fa-plus-square-o" (click)="addChildNode4ObjectArray(node)"></i>
    </ng-template>
    <ng-template let-node pTemplate="object">
        <span *ngIf="!node.keyEditable">[Object] {{node.label}}:</span>
        <span *ngIf="node.keyEditable">[Object]
            <b4t-editable-property [parameter]="getKeyParameter(node)"  [showLabel]="false"
                [planItems]="planItems" (parameterChange)="keyParameterChange(node, $event)"></b4t-editable-property>:
        </span>

        <span *ngIf="canEditValue(node)" class="dynamic-object-value">
            <textarea [ngModel]="getObjectValue(node)" (ngModelChange)="updateObjectValue(node, $event)"></textarea>
        </span>

        <i *ngIf="canDelete(node)" class="fa fa-minus-square-o" (click)="deleteTreeNode(node)"></i>
        <i *ngIf="canAdd(node)" class="fa fa-plus-square-o" (click)="addChildNode4DynamicObject(node)"></i>
    </ng-template>

    <ng-template let-node pTemplate="map">
        <span *ngIf="!node.keyEditable">[Map] {{node.label}}:</span>
        <span *ngIf="node.keyEditable">[Map]
            <b4t-editable-property [parameter]="getKeyParameter(node)" [showLabel]="false"
                [planItems]="planItems" (parameterChange)="keyParameterChange(node, $event)"></b4t-editable-property>:
        </span>

        <i *ngIf="canDelete(node)" class="fa fa-minus-square-o" (click)="deleteTreeNode(node)"></i>
        <i *ngIf="canAdd(node)" class="fa fa-plus-square-o" (click)="addChildNode4DynamicObject(node)"></i>
    </ng-template>
</p-tree>