X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=example-apps%2FROBO%2FRoboUI%2Fsrc%2Fapp%2Fdata-monitor%2Fdata-monitor.component.html;fp=example-apps%2FROBO%2FRoboUI%2Fsrc%2Fapp%2Fdata-monitor%2Fdata-monitor.component.html;h=9ac8d51ec0c51f7a63965abb23d7babd90096e12;hb=85ef2c5c9325797279cdcaf5cc7e58b0eacfcaaa;hp=0000000000000000000000000000000000000000;hpb=94d2caddb626e61a06ddeda9573386aa97d137c9;p=ealt-edge.git

diff --git a/example-apps/ROBO/RoboUI/src/app/data-monitor/data-monitor.component.html b/example-apps/ROBO/RoboUI/src/app/data-monitor/data-monitor.component.html
new file mode 100644
index 0000000..9ac8d51
--- /dev/null
+++ b/example-apps/ROBO/RoboUI/src/app/data-monitor/data-monitor.component.html
@@ -0,0 +1,47 @@
+<div class="maindiv">
+    <div class="tablepage">
+        <div class="monitortable">
+
+            <table mat-table [dataSource]="monitorDataSource">
+
+                <ng-container matColumnDef="shelfName">
+                    <th mat-header-cell *matHeaderCellDef> Shelf Name </th>
+                    <td mat-cell *matCellDef="let monitor"> {{monitor.shelfName}} </td>
+                </ng-container>
+
+                <ng-container matColumnDef="objType">
+                    <th mat-header-cell *matHeaderCellDef> Object Type </th>
+                    <td mat-cell *matCellDef="let monitor"> {{monitor.ObjType}} </td>
+                </ng-container>
+
+                <ng-container matColumnDef="currentCount">
+                    <th mat-header-cell *matHeaderCellDef> Current Count </th>
+                    <td mat-cell *matCellDef="let monitor"> {{monitor.currentCount}} </td>
+                </ng-container>
+
+                <ng-container matColumnDef="totalCount">
+                    <th mat-header-cell *matHeaderCellDef> Total Count </th>
+                    <td mat-cell *matCellDef="let monitor"> {{monitor.totalCount}} </td>
+                </ng-container>
+
+                <ng-container matColumnDef="time">
+                    <th mat-header-cell *matHeaderCellDef> Time </th>
+                    <td mat-cell *matCellDef="let monitor"> {{monitor.time}} </td>
+                </ng-container>
+
+                <tr mat-header-row *matHeaderRowDef="monitorColumns"></tr>
+                <tr mat-row *matRowDef="let row; columns: monitorColumns;"></tr>
+            </table>
+
+            <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
+
+        </div>
+    </div>
+    <div class="image-card">
+        <mat-card>
+            <img id="myimage" [src]='thumbnail' />
+            <!-- <p>Backend image</p> -->
+        </mat-card>
+    </div>
+
+</div>
\ No newline at end of file