gerrit.onap Code Review - sdc/sdc-workflow-designer.git/blob

   1 <!--
   2 /**
   3  * Copyright (c) 2017 ZTE Corporation.
   4  * All rights reserved. This program and the accompanying materials
   5  * are made available under the terms of the Eclipse Public License v1.0
   6  * and the Apache License 2.0 which both accompany this distribution,
   7  * and are available at http://www.eclipse.org/legal/epl-v10.html
   8  * and http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Contributors:
  11  *     ZTE - initial API and implementation and/or initial documentation
  12  */
  13 -->
  14
  15 <div class="form-group row">
  16     <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TOSCA_NODE' | translate}}</label>
  17     <div class="col-md-9">
  18         <select class="form-control" [ngModel]="node.template.id"
  19                 (ngModelChange)="node.template.id=$event; nodeTemplateChanged();">
  20             <option *ngFor="let template of nodeTemplates" value="{{template.id}}">{{template.name}}</option>
  21         </select>
  22     </div>
  23 </div>
  24
  25 <div class="form-group row">
  26     <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TOSCA_INTERFACE' | translate}}</label>
  27     <div class="col-md-9">
  28         <select class="form-control" [ngModel]="node.nodeInterface"
  29                 (ngModelChange)="nodeInterfaceChanged($event);">
  30             <option *ngFor="let interface of nodeInterfaces" value="{{interface}}">{{interface}}</option>
  31         </select>
  32     </div>
  33 </div>
  34
  35 <div class="form-group row">
  36     <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TOSCA_OPERATION' | translate}}</label>
  37     <div class="col-md-9">
  38         <select class="form-control" [ngModel]="node.operation"
  39                 (ngModelChange)="nodeOperationChanged($event)">
  40             <option *ngFor="let operation of nodeOperations" value="{{operation}}">{{operation}}</option>
  41         </select>
  42     </div>
  43 </div>
  44 <hr>
  45
  46 <wfm-parameter *ngFor="let input of node.input" [param]="input" [valueSource]= "inputSources" [planItems]="planItems"></wfm-parameter>
  47 <hr *ngIf="0 < node.input.length">
  48 <wfm-parameter *ngFor="let output of node.output" [param]="output" [valueSource]= "outputSources" [planItems]="planItems"></wfm-parameter>
  49