sdc-workflow-designer-ui/src/app/components/parameter-tree/parameter-tree.component.html

   1
   2 <!--
   3 /**
   4  * Copyright (c) 2017 ZTE Corporation.
   5  * All rights reserved. This program and the accompanying materials
   6  * are made available under the terms of the Eclipse Public License v1.0
   7  * and the Apache License 2.0 which both accompany this distribution,
   8  * and are available at http://www.eclipse.org/legal/epl-v10.html
   9  * and http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Contributors:
  12  *     ZTE - initial API and implementation and/or initial documentation
  13  */
  14  -->
  15 <p-tree *ngIf="parameters.length > 0" [value]="parameters">
  16     <ng-template let-node  pTemplate="default">
  17         <b4t-parameter [param]="node.parameter" [canEditName]="node.keyEditable" [valueSource]= "valueSource"
  18             (paramChange)="paramChange($event, node)"></b4t-parameter>
  19     </ng-template>
  20
  21     <ng-template let-node  pTemplate="array">
  22         <span *ngIf="!node.keyEditable">[Array]({{node.children.length}}) {{node.label}}:</span>
  23         <span *ngIf="node.keyEditable">[Array]({{node.children.length}})
  24             <b4t-editable-property [parameter]="getKeyParameter(node)"  [showLabel]="false"
  25                 (parameterChange)="keyParameterChange(node, $event)"></b4t-editable-property>
  26         </span>
  27         <i class="fa fa-plus-square-o" (click)="addChildNode4ObjectArray(node)"></i>
  28     </ng-template>
  29     <ng-template let-node pTemplate="object">
  30         <span *ngIf="!node.keyEditable">[Object] {{node.label}}:</span>
  31         <span *ngIf="node.keyEditable">[Object]
  32             <b4t-editable-property [parameter]="getKeyParameter(node)"  [showLabel]="false"
  33                 (parameterChange)="keyParameterChange(node, $event)"></b4t-editable-property>:
  34         </span>
  35
  36         <span *ngIf="canEditValue(node)" class="dynamic-object-value">
  37             <textarea [ngModel]="getObjectValue(node)" (ngModelChange)="updateObjectValue(node, $event)"></textarea>
  38         </span>
  39
  40         <i *ngIf="canDelete(node)" class="fa fa-minus-square-o" (click)="deleteTreeNode(node)"></i>
  41         <i *ngIf="canAdd(node)" class="fa fa-plus-square-o" (click)="addChildNode4DynamicObject(node)"></i>
  42     </ng-template>
  43
  44     <ng-template let-node pTemplate="map">
  45         <span *ngIf="!node.keyEditable">[Map] {{node.label}}:</span>
  46         <span *ngIf="node.keyEditable">[Map]
  47             <b4t-editable-property [parameter]="getKeyParameter(node)" [showLabel]="false"
  48                 (parameterChange)="keyParameterChange(node, $event)"></b4t-editable-property>:
  49         </span>
  50
  51         <i *ngIf="canDelete(node)" class="fa fa-minus-square-o" (click)="deleteTreeNode(node)"></i>
  52         <i *ngIf="canAdd(node)" class="fa fa-plus-square-o" (click)="addChildNode4DynamicObject(node)"></i>
  53     </ng-template>
  54 </p-tree>