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

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