diff options
Diffstat (limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html')
-rw-r--r-- | usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html | 81 |
1 files changed, 34 insertions, 47 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html index 535ee012..804fd65b 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html @@ -9,19 +9,9 @@ </div> </div> <div class="slicing-resource-table-list"> - <nz-table - #basicTable - [nzData]="listOfData" - [nzFrontPagination]="false" - nzShowSizeChanger - [nzPageSizeOptions]="[5,10,15,20]" - [nzTotal]='total' - [(nzPageSize)]="pageSize" - [(nzPageIndex)]='pageIndex' - [nzLoading]="loading" - (nzPageIndexChange)="searchData()" - (nzPageSizeChange)="searchData(true)" - > + <nz-table #basicTable [nzData]="listOfData" [nzFrontPagination]="false" nzShowSizeChanger + [nzPageSizeOptions]="[5,10,15,20]" [nzTotal]='total' [(nzPageSize)]="pageSize" [(nzPageIndex)]='pageIndex' + [nzLoading]="loading" (nzPageIndexChange)="searchData()" (nzPageSizeChange)="searchData(true)"> <thead> <tr> <th>Service Instance Id</th> @@ -29,7 +19,7 @@ <th>Service Type</th> <th width="90px">S-NSSAI</th> <th width="110px">Status</th> - <th width="140px">Aciton</th> + <th width="140px">Aciton</th> <th width="110px">Detail</th> </tr> </thead> @@ -41,42 +31,39 @@ <td>{{ data.service_type }}</td> <td>{{ data.service_snssai }}</td> <td> - - <span class="marginLeft10"> - <span *ngIf="data.last_operation_progress !== 100"> - {{data.last_operation_progress+'%'}} + <span class="marginLeft10"> + <span *ngIf="data.last_operation_progress && data.last_operation_progress !== 100"> + {{data.last_operation_progress+'%'}} + </span> + <br> + {{data.orchestration_status}} </span> <br> - {{data.orchestration_status}} - </span> - <br> - </td> - <td> - <div class="action-icon"> - <nz-switch [ngModel]="data.orchestration_status==='activated'?true:false" - [nzDisabled]="data.last_operation_progress !== 100" - (ngModelChange)="switchChange(data,i)" - ></nz-switch> - <nz-progress *ngIf="data.last_operation_progress !== 100 && data.last_operation_type !== 'delete'" - [nzPercent]="data.last_operation_progress" - [nzShowInfo]="false" nzStatus="active"></nz-progress> - </div> - <div class="action-icon"> - <i [ngClass]="{'cannotclick':(data.last_operation_progress !== 100 && data.last_operation_type !== 'delete') || data.orchestration_status==='activated'}" - nz-icon - nzType="poweroff" - nzTheme="outline" - class="anticon anticon-poweroff" - (click)="terminate(data)" - ></i> - <nz-progress *ngIf="data.last_operation_progress !== 100 && terminateStart" - [nzPercent]="data.last_operation_progress" - [nzShowInfo]="false" nzStatus="active"></nz-progress> - </div> - </td> - <td> + </td> + <td> + <div class="action-icon"> + <nz-switch [ngModel]="data.orchestration_status==='activated'?true:false" + [nzDisabled]="data.last_operation_type && data.last_operation_progress && data.last_operation_progress !== 100" + (ngModelChange)="switchChange(data,i)"></nz-switch> + <nz-progress + *ngIf="data.last_operation_type && data.last_operation_progress && data.last_operation_progress !== 100 && data.last_operation_type !== 'delete'" + [nzPercent]="data.last_operation_progress" [nzShowInfo]="false" nzStatus="active"> + </nz-progress> + </div> + <div class="action-icon"> + <i [ngClass]="{'cannotclick': data.last_operation_type && data.last_operation_progress && data.last_operation_progress !== 100 && (data.last_operation_type !== 'delete' || data.orchestration_status==='activated')}" + nz-icon nzType="poweroff" nzTheme="outline" class="anticon anticon-poweroff" + (click)="terminate(data)"></i> + <nz-progress + *ngIf="data.last_operation_type && data.last_operation_progress && data.last_operation_progress !== 100 && terminateStart" + [nzPercent]="data.last_operation_progress" [nzShowInfo]="false" nzStatus="active"> + </nz-progress> + </div> + </td> + <td> <a (click)="showdetail(data)" - [ngClass]="{'cannotclick':data.last_operation_progress !== 100}">View Detail</a> + [ngClass]="{'cannotclick':data.last_operation_type && data.last_operation_progress && data.last_operation_progress !== 100}">View + Detail</a> </td> </tr> </ng-template> |