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

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