gerrit.onap Code Review - usecase-ui.git/blob

   1 <div class="main">
   2   <div class="divCls">
   3     <table>
   4       <tr>
   5         <td>
   6             <nz-form-label class= "colm-s-1 lblCls" [nzSm]="6" [nzXs]="24" nzRequired nzFor="capacity">{{"i18nTextDefine_subscriptionType" | translate}}</nz-form-label>
   7         </td>
   8         <td>
   9             <nz-select id="subscriptionType" class= "colm-s-2" [(ngModel)]="selectedSubscriptionType" (ngModelChange)="getServiceInstanceList($event)" nzAllowClear
  10             nzPlaceHolder="Choose">
  11             <nz-option *ngFor="let option of serviceSubscriptionList" [nzValue]="option.serviceType" [nzLabel]="option.serviceType"></nz-option>
  12
  13         </nz-select>
  14         </td>
  15         <td style="width: 5%"></td>
  16         <td>
  17             <nz-form-label class ="colm-s-1 lblCls" [nzSm]="6" [nzXs]="24" nzRequired nzFor="capacity">{{"i18nTextDefine_serviceInstance" | translate}}</nz-form-label>
  18         </td>
  19         <td>
  20             <nz-select id="serviceInstance" class= "colm-s-2 " [(ngModel)]="selectedServiceInstance" (ngModelChange)="getSelectedsubscriptionInfo()"
  21             nzAllowClear nzPlaceHolder="Choose">
  22             <nz-option *ngFor="let option of serviceInstanceList" [nzValue]="option.serviceInstance" [nzLabel]="option.serviceInstancename"></nz-option>
  23         </nz-select>
  24         </td>
  25         <td style="width: 5%"></td>
  26         <td>
  27             <nz-form-label class ="colm-s-1 lblCls" [nzSm]="6" [nzXs]="24" nzRequired nzFor="capacity">{{"i18nTextDefine_topology" | translate}}</nz-form-label>
  28         </td>
  29         <td>
  30             <nz-select id="serviceInstance" class= "colm-s-2 " [(ngModel)]="selectedTopology" (ngModelChange)="getTopologyInfo($event)"
  31             nzAllowClear nzPlaceHolder="Choose">
  32             <nz-option *ngFor="let option of serviceTopologyList" [nzValue]="option.topologyType" [nzLabel]="option.topologyType | translate"></nz-option>
  33         </nz-select>
  34         </td>
  35       </tr>
  36     </table>
  37   </div>
  38
  39   <div class="flexDiv">
  40     <div id="mynetwork"  class="colm-s-3"></div>
  41     <div class="colm-s-4"><div id="nodeDetails"></div></div>
  42   </div>
  43 </div>