--- /dev/null
+<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