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

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