X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Funinstall%2Funinstall.component.html;fp=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Funinstall%2Funinstall.component.html;h=7935530d0f0efd878f694226a7fd165a8bf918cd;hb=5c2048d4d3e672783eea4f306aa9a03f33a1a9f2;hp=0000000000000000000000000000000000000000;hpb=59f512662c02a16c1d5c45b090b185d2e773310f;p=eliot.git

diff --git a/blueprints/common/eliot-ui/frontend-src/src/app/uninstall/uninstall.component.html b/blueprints/common/eliot-ui/frontend-src/src/app/uninstall/uninstall.component.html
new file mode 100644
index 0000000..7935530
--- /dev/null
+++ b/blueprints/common/eliot-ui/frontend-src/src/app/uninstall/uninstall.component.html
@@ -0,0 +1,48 @@
+<div>
+    <app-toolbar></app-toolbar>
+</div>
+
+<div class="uninstall-header">
+    <h4>Application Removal / Uninstallation of Deployed Applications </h4>
+</div>
+
+<div class="mat-elevation-z8">
+<div class="uninstall-table">
+
+    <table mat-table [dataSource]="uninstallDataSource">
+
+        <ng-container matColumnDef="id">
+            <th mat-header-cell *matHeaderCellDef> ID </th>
+            <td mat-cell *matCellDef="let eliotUninstall"> {{eliotUninstall.id}} </td>
+        </ng-container>
+
+        <ng-container matColumnDef="appName">
+            <th mat-header-cell *matHeaderCellDef> App Name </th>
+            <td mat-cell *matCellDef="let eliotUninstall"> {{eliotUninstall.appName}} </td>
+        </ng-container>
+
+        <ng-container matColumnDef="nodeIp">
+            <th mat-header-cell *matHeaderCellDef> Node Ip </th>
+            <td mat-cell *matCellDef="let eliotUninstall"> {{eliotUninstall.nodeIp}} </td>
+        </ng-container>
+
+        <ng-container matColumnDef="date">
+            <th mat-header-cell *matHeaderCellDef> Date </th>
+            <td mat-cell *matCellDef="let eliotUninstall"> {{eliotUninstall.date}} </td>
+        </ng-container>
+
+        <ng-container matColumnDef="runningStatus">
+            <th mat-header-cell *matHeaderCellDef> Running Status </th>
+            <td mat-cell *matCellDef="let eliotUninstall"> {{eliotUninstall.runningStatus}} </td>
+        </ng-container>
+
+        
+
+        <tr mat-header-row *matHeaderRowDef="uninstallColumns"></tr>
+        <tr mat-row *matRowDef="let row; columns: uninstallColumns;"></tr>
+    </table>
+
+    <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
+
+</div>
+</div>
\ No newline at end of file