<div class="anr__section">
<h3 class="anr__header">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 -->
- <select matNativeControl #ggNodeB (selectionChange)="loadNcrtPage()">
+ <select matNativeControl #ggNodeB (change)="loadNcrtPage()">
<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>
- <mat-form-field class="input-pad-left">
- <input matInput placeholder="Neighbor cell NRPCI" #neighborCellNrpci>
+ <mat-form-field class="input-width input-pad-left">
+ <input matInput placeholder="Neighbor Cell NRPCI" #neighborCellNrpci>
</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" matSort>
<ng-container matColumnDef="cellIdentifierNrcgi">
</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-footer-row *matFooterRowDef="['noRecordsFound']" [ngClass]="{'display-none': dataSource.rowCount > 0}"></mat-footer-row>
</table>
- <div class="version__text">
- ANR client version {{anrClientVersion}}
+ <div class="spinner-container" *ngIf="dataSource.loading$ | async">
+ <mat-spinner></mat-spinner>
</div>
+
</div>