Code Review
/
portal
/
ric-dashboard.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
review
|
tree
raw
|
inline
| side by side
Add container ready count before total count
[portal/ric-dashboard.git]
/
webapp-frontend
/
src
/
app
/
anr-xapp
/
anr-xapp.component.html
diff --git
a/webapp-frontend/src/app/anr-xapp/anr-xapp.component.html
b/webapp-frontend/src/app/anr-xapp/anr-xapp.component.html
index
a245b2d
..
9bf24a0
100644
(file)
--- a/
webapp-frontend/src/app/anr-xapp/anr-xapp.component.html
+++ b/
webapp-frontend/src/app/anr-xapp/anr-xapp.component.html
@@
-2,7
+2,7
@@
========================LICENSE_START=================================
O-RAN-SC
%%
========================LICENSE_START=================================
O-RAN-SC
%%
- Copyright (C) 2019 AT&T Intellectual Property
and Nokia
+ Copyright (C) 2019 AT&T Intellectual Property
%%
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
%%
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
@@
-17,57
+17,53
@@
limitations under the License.
========================LICENSE_END===================================
-->
limitations under the License.
========================LICENSE_END===================================
-->
-<div class="anr__section">
- <h3 class="
anr__header
">ANR xApp Neighbor Cell Relation Table</h3>
+<div class="anr__section"
>
+ <h3 class="
rd-global-page-title
">ANR xApp Neighbor Cell Relation Table</h3>
- <mat-form-field>
+ <mat-form-field
class="input-width"
>
<mat-label>GgNodeB</mat-label>
<!-- use a native selection widget -->
<mat-label>GgNodeB</mat-label>
<!-- use a native selection widget -->
- <select matNativeControl #ggNodeB (
selectionC
hange)="loadNcrtPage()">
+ <select matNativeControl #ggNodeB (
c
hange)="loadNcrtPage()">
<option value="" selected>Select..</option>
<option *ngFor="let g of gNodeBIds" [value]="g">{{g}}</option>
</select>
</mat-form-field>
<option value="" selected>Select..</option>
<option *ngFor="let g of gNodeBIds" [value]="g">{{g}}</option>
</select>
</mat-form-field>
- <mat-form-field class="input-pad-left">
+ <mat-form-field class="input-
width input-
pad-left">
<input matInput placeholder="Serving Cell NRCGI" #servingCellNrcgi>
</mat-form-field>
<input matInput placeholder="Serving Cell NRCGI" #servingCellNrcgi>
</mat-form-field>
- <mat-form-field class="input-pad-left">
- <input matInput placeholder="Neighbor
c
ell NRPCI" #neighborCellNrpci>
+ <mat-form-field class="input-
width input-
pad-left">
+ <input matInput placeholder="Neighbor
C
ell NRPCI" #neighborCellNrpci>
</mat-form-field>
</mat-form-field>
- <div class="spinner-container" *ngIf="dataSource.loading$ | async">
- <mat-spinner></mat-spinner>
- </div>
-
- <table mat-table class="ncr-table mat-elevation-z8" [dataSource]="dataSource">
+ <table mat-table class="ncr-table mat-elevation-z8" [dataSource]="dataSource" matSort>
<ng-container matColumnDef="cellIdentifierNrcgi">
<ng-container matColumnDef="cellIdentifierNrcgi">
- <mat-header-cell *matHeaderCellDef>Serving Cell NRCGI</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef
mat-sort-header
>Serving Cell NRCGI</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.servingCellNrcgi}}</mat-cell>
</ng-container>
<ng-container matColumnDef="neighborCellNrpci">
<mat-cell *matCellDef="let ncr">{{ncr.servingCellNrcgi}}</mat-cell>
</ng-container>
<ng-container matColumnDef="neighborCellNrpci">
- <mat-header-cell *matHeaderCellDef>Neighbor Cell NRPCI</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef
mat-sort-header
>Neighbor Cell NRPCI</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.neighborCellNrpci}}</mat-cell>
</ng-container>
<ng-container matColumnDef="neighborCellNrcgi">
<mat-cell *matCellDef="let ncr">{{ncr.neighborCellNrpci}}</mat-cell>
</ng-container>
<ng-container matColumnDef="neighborCellNrcgi">
- <mat-header-cell *matHeaderCellDef>Neighbor Cell NRCGI</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef
mat-sort-header
>Neighbor Cell NRCGI</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.neighborCellNrcgi}}</mat-cell>
</ng-container>
<ng-container matColumnDef="flagNoHo">
<mat-cell *matCellDef="let ncr">{{ncr.neighborCellNrcgi}}</mat-cell>
</ng-container>
<ng-container matColumnDef="flagNoHo">
- <mat-header-cell *matHeaderCellDef>Flag No Handover</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef
mat-sort-header
>Flag No Handover</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.flagNoHo}}</mat-cell>
</ng-container>
<ng-container matColumnDef="flagNoXn">
<mat-cell *matCellDef="let ncr">{{ncr.flagNoHo}}</mat-cell>
</ng-container>
<ng-container matColumnDef="flagNoXn">
- <mat-header-cell *matHeaderCellDef>Flag No Xn</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef
mat-sort-header
>Flag No Xn</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.flagNoXn}}</mat-cell>
</ng-container>
<ng-container matColumnDef="flagNoRemove">
<mat-cell *matCellDef="let ncr">{{ncr.flagNoXn}}</mat-cell>
</ng-container>
<ng-container matColumnDef="flagNoRemove">
- <mat-header-cell *matHeaderCellDef>Flag No Remove</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef
mat-sort-header
>Flag No Remove</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.flagNoRemove}}</mat-cell>
</ng-container>
<mat-cell *matCellDef="let ncr">{{ncr.flagNoRemove}}</mat-cell>
</ng-container>
@@
-83,13
+79,18
@@
</mat-cell>
</ng-container>
</mat-cell>
</ng-container>
- <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+ <ng-container matColumnDef="noRecordsFound">
+ <mat-footer-cell *matFooterCellDef>No records found.</mat-footer-cell>
+ </ng-container>
+ <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
+ <mat-footer-row *matFooterRowDef="['noRecordsFound']" [ngClass]="{'display-none': dataSource.rowCount > 0}"></mat-footer-row>
</table>
</table>
- <div class="
version__text
">
- ANR client version {{anrClientVersion}}
+ <div class="
spinner-container" *ngIf="dataSource.loading$ | async
">
+ <mat-spinner></mat-spinner>
</div>
</div>
+
</div>
</div>