Raptor user interface code in Angular

Issue-ID: PORTAL-725

Signed-off-by: mravula <mr257h@att.com>
Change-Id: I0ceaf52026ba43b8f16e1e904643dccec74df09c

1 files changed, 31 insertions, 0 deletions

diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.html
new file mode 100644
index 00000000..172d76d3
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.html
@@ -0,0 +1,31 @@
+<div class="stdForm">
+  <div class="tab-content">
+          <h1>Report Run</h1>
+  </div>
+<br/>
+<br/>
+
+</div>
+<div class="app-data-table">
+  <table mat-table class="full-width-table" matSort aria-label="Elements">
+    <!-- Id Column -->
+    <!-- <div *ngFor="let b of "> -->
+      <div *ngFor="let keys of displayedColumns; let i = index">
+        <ng-container matColumnDef="{{keys}}">
+            <th mat-header-cell *matHeaderCellDef mat-sort-header >{{displayedColumnsArr[i].split(",")[0]}}</th>
+            <td mat-cell *matCellDef="let row">{{row[keys]}}</td>
+          </ng-container>
+        </div>
+       
+  <!-- </div> -->
+    <tr mat-header-row *matHeaderRowDef="displayedColumns" ></tr>
+    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+  </table>
+
+  <mat-paginator #paginator
+      [length]="dataSource?.data.length"
+      [pageIndex]="0"
+      [pageSize]="15"
+      [pageSizeOptions]="[15, 25, 50, 100, 250]">
+  </mat-paginator>
+</div>