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

   1 <nz-modal [nzVisible]="showDetail" nzWidth="85%" [nzTitle]="moduleTitle" [nzFooter]="modalFooter">
   2   <nz-spin [nzSpinning]="isSpinning">
   3     <app-basic-info
   4       [checkDetail]="checkDetail"
   5       [businessRequirement]="businessRequirement"
   6       [NSTinfo]="NSTinfo"
   7     >
   8     </app-basic-info>
   9     <div>
  10       <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Matching Shared NSI: '" [nzFooter]="null" *ngIf="slicingInstances">
  11         <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
  12           <div nz-col nzSpan="12">
  13             NSI ID：
  14             <nz-select
  15               nzShowSearch
  16               [(ngModel)]="selectedServiceId"
  17               (nzOpenChange)="openSlicingInstance($event)"
  18               (nzScrollToBottom)="getNextPageData()"
  19               (ngModelChange)="slicingInstanceChange()"
  20             >
  21               <nz-option
  22                 nzCustomContent
  23                 *ngFor="let item of slicingInstances.list"
  24                 [nzValue]="item.service_instance_id"
  25                 [nzLabel]="item.service_instance_id"
  26               >
  27                 <span>{{item.service_instance_name + ' -- '}}</span> {{item.service_instance_id}}
  28               </nz-option>
  29               <nz-option *ngIf="slicingInstances.isLoading" nzDisabled nzCustomContent>
  30                 <i class="anticon anticon-loading anticon-spin loading-icon"></i>
  31                 Loading Data...
  32               </nz-option>
  33             </nz-select>
  34           </div>
  35           <div nz-col nzSpan="8">
  36             NSI Name：{{ selectedServiceName }}
  37           </div>
  38           <div nz-col nzSpan="4">
  39             <button nz-button nzType="primary" (click)="resetSlicingInstance()">
  40               <i nz-icon class="anticon anticon-delete"></i>
  41             </button>
  42           </div>
  43         </nz-list-item>
  44         <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
  45           <p class="listitem_subtitle" nz-col nzSpan="24">Matching Shared NSSI：</p>
  46           <nz-card *ngFor="let item of slicingSubnet" nzType="inner" nz-col nzSpan="24" [nzTitle]="item.title">
  47             <div nz-row [nzGutter]="8">
  48               <div nz-col nzSpan="12">
  49                 NSSI ID：
  50                 <nz-select
  51                   nzShowSearch
  52                   [nzDisabled]="isDisabled"
  53                   [(ngModel)]="item.slicingId"
  54                   (ngModelChange)="slicingSubnetChange(item)"
  55                   (nzOpenChange)="openSubnetInstances($event, item)"
  56                   (nzScrollToBottom)="getNextPageSubnet(item)"
  57                 >
  58                   <nz-option
  59                     nzCustomContent
  60                     *ngFor="let item of item.instances"
  61                     [nzValue]="item.service_instance_id"
  62                     [nzLabel]="item.service_instance_id"
  63                   >
  64                     <span>{{item.service_instance_name + ' -- '}}</span> {{item.service_instance_id}}
  65                   </nz-option>
  66                   <nz-option *ngIf="item.isLoading" nzDisabled nzCustomContent>
  67                     <i class="anticon anticon-loading anticon-spin loading-icon"></i>
  68                     Loading Data...
  69                   </nz-option>
  70                 </nz-select>
  71               </div>
  72               <div nz-col nzSpan="8">
  73                 NSSI Name：{{item.slicingName}}
  74               </div>
  75               <div nz-col nzSpan="4">
  76                 <button nz-button nzType="primary" (click)="restSubnetInstance(item)" [disabled]='isDisabled'
  77                   [attr.disabled]='isDisabled?true:undefined'>
  78                   <i nz-icon class="anticon anticon-delete"></i>
  79                 </button>
  80                 <button nz-button nzType="primary" (click)="showParamsModel(item)">
  81                   <i nz-icon class="anticon anticon-setting" nzTheme="outline"></i>
  82                 </button>
  83               </div>
  84             </div>
  85           </nz-card>
  86         </nz-list-item>
  87       </nz-list>
  88     </div>
  89   </nz-spin>
  90 </nz-modal>
  91 <ng-template #modalFooter>
  92   <button nz-button (click)="handleCancel()">Cancel</button>
  93   <button nz-button nzType="primary" [nzLoading]='loading' (click)="handleOk()">OK</button>
  94 </ng-template>
  95 <app-subnet-params-model
  96   [showModel]="isShowParams"
  97   [detailData]="params"
  98   [title]="paramsTitle"
  99   (cancel)="isShowParams=$event"
 100   (paramsDataChange)="changeParams($event)"
 101 >
 102 </app-subnet-params-model>
 103 <app-notification #notification [isServicesList]="false" [parentComponent]="'slicing'"></app-notification>