+ <h3 class="anr__header">ANR xApp Neighbor Cell Relation Table</h3>
+
+ <mat-form-field>
+ <mat-label>GgNodeB</mat-label>
+ <!-- use a native selection widget -->
+ <select matNativeControl #ggNodeB (selectionChange)="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">
+ <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>
+
+ <div class="spinner-container" *ngIf="dataSource.loading$ | async">
+ <mat-spinner></mat-spinner>
+ </div>
+
+ <table mat-table class="ncr-table mat-elevation-z8" [dataSource]="dataSource">
+
+ <ng-container matColumnDef="cellIdentifierNrcgi">
+ <mat-header-cell *matHeaderCellDef>Serving Cell NRCGI</mat-header-cell>
+ <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-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-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-cell *matCellDef="let ncr">{{ncr.flagNoHo}}</mat-cell>
+ </ng-container>