3 <button style="margin-right: 05px;" (click)="refreshPage()" mat-raised-button color="primary">Refresh</button>
10 <div class="appstable">
12 <table mat-table [dataSource]="appsDataSource">
14 <ng-container matColumnDef="namespace">
15 <th mat-header-cell *matHeaderCellDef> NAMESPACE </th>
16 <td mat-cell *matCellDef="let apps"> {{apps.namespace}} </td>
19 <ng-container matColumnDef="name">
20 <th mat-header-cell *matHeaderCellDef> NAME </th>
21 <td mat-cell *matCellDef="let apps"> {{apps.name}} </td>
24 <ng-container matColumnDef="ready">
25 <th mat-header-cell *matHeaderCellDef> READY </th>
26 <td mat-cell *matCellDef="let apps"> {{apps.ready}} </td>
29 <ng-container matColumnDef="status">
30 <th mat-header-cell *matHeaderCellDef> STATUS </th>
31 <td mat-cell *matCellDef="let apps"> {{apps.status}} </td>
34 <ng-container matColumnDef="restarts">
35 <th mat-header-cell *matHeaderCellDef> RESTARTS </th>
36 <td mat-cell *matCellDef="let apps"> {{apps.restarts}} </td>
39 <!-- <ng-container matColumnDef="age">
40 <th mat-header-cell *matHeaderCellDef> AGE </th>
41 <td mat-cell *matCellDef="let apps"> {{apps.age}} </td>
44 <ng-container matColumnDef="ip">
45 <th mat-header-cell *matHeaderCellDef> IP </th>
46 <td mat-cell *matCellDef="let apps"> {{apps.ip}} </td>
49 <ng-container matColumnDef="node">
50 <th mat-header-cell *matHeaderCellDef> NODE </th>
51 <td mat-cell *matCellDef="let apps"> {{apps.node}} </td>
54 <!-- <ng-container matColumnDef="nominatednode">
55 <th mat-header-cell *matHeaderCellDef> NOMINATED NODE </th>
56 <td mat-cell *matCellDef="let apps"> {{apps.nominatednode}} </td>
59 <!-- <ng-container matColumnDef="readinessgates">
60 <th mat-header-cell *matHeaderCellDef> READINESS GATES </th>
61 <td mat-cell *matCellDef="let apps"> {{apps.readinessgates}} </td>
64 <tr mat-header-row *matHeaderRowDef="appsColumns"></tr>
65 <tr mat-row *matRowDef="let row; columns: appsColumns;"></tr>
68 <mat-paginator [pageSizeOptions]="[5, 10, 20, 40]" showFirstLastButtons></mat-paginator>
74 <mat-tab label="PVCs">
76 <div class="pvstable">
78 <table mat-table [dataSource]="pvsDataSource">
80 <ng-container matColumnDef="namespace">
81 <th mat-header-cell *matHeaderCellDef> NAMESPACE </th>
82 <td mat-cell *matCellDef="let pvs"> {{pvs.namespace}} </td>
85 <ng-container matColumnDef="name">
86 <th mat-header-cell *matHeaderCellDef> NAME </th>
87 <td mat-cell *matCellDef="let pvs"> {{pvs.name}} </td>
90 <ng-container matColumnDef="status">
91 <th mat-header-cell *matHeaderCellDef> STATUS </th>
92 <td mat-cell *matCellDef="let pvs"> {{pvs.status}} </td>
95 <ng-container matColumnDef="volume">
96 <th mat-header-cell *matHeaderCellDef> VOLUME </th>
97 <td mat-cell *matCellDef="let pvs"> {{pvs.volume}} </td>
100 <!-- <ng-container matColumnDef="capacity">
101 <th mat-header-cell *matHeaderCellDef> CAPACITY </th>
102 <td mat-cell *matCellDef="let pvs"> {{pvs.capacity}} </td>
105 <!-- <ng-container matColumnDef="accessmodes">
106 <th mat-header-cell *matHeaderCellDef> ACCESS MODES </th>
107 <td mat-cell *matCellDef="let pvs"> {{pvs.accessmodes}} </td>
110 <ng-container matColumnDef="storageclass">
111 <th mat-header-cell *matHeaderCellDef> STORAGE CLASS </th>
112 <td mat-cell *matCellDef="let pvs"> {{pvs.storageclass}} </td>
115 <!-- <ng-container matColumnDef="age">
116 <th mat-header-cell *matHeaderCellDef> AGE </th>
117 <td mat-cell *matCellDef="let pvs"> {{pvs.age}} </td>
120 <ng-container matColumnDef="volumemode">
121 <th mat-header-cell *matHeaderCellDef> VOLUMEMODE </th>
122 <td mat-cell *matCellDef="let pvs"> {{pvs.volumemode}} </td>
125 <ng-container matColumnDef="readinessgates">
126 <th mat-header-cell *matHeaderCellDef> READINESS GATES </th>
127 <td mat-cell *matCellDef="let pvs"> {{pvs.readinessgates}} </td>
130 <tr mat-header-row *matHeaderRowDef="pvsColumns"></tr>
131 <tr mat-row *matRowDef="let row; columns: pvsColumns;"></tr>
134 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
138 <button style="margin-right: 05px;" (click)="simulateDisaster()" mat-raised-button color="primary">Disaster-Simulator</button>
141 <mat-tab label="Backups">
143 <div class="backupstable">
145 <table mat-table [dataSource]="backupsDataSource">
147 <ng-container matColumnDef="name">
148 <th mat-header-cell *matHeaderCellDef> NAME </th>
149 <td mat-cell *matCellDef="let backups"> {{backups.name}} </td>
152 <ng-container matColumnDef="status">
153 <th mat-header-cell *matHeaderCellDef> STATUS </th>
154 <td mat-cell *matCellDef="let backups"> {{backups.status}} </td>
157 <ng-container matColumnDef="errors">
158 <th mat-header-cell *matHeaderCellDef> ERRORS </th>
159 <td mat-cell *matCellDef="let backups"> {{backups.errors}} </td>
162 <ng-container matColumnDef="warnings">
163 <th mat-header-cell *matHeaderCellDef> WARNINGS </th>
164 <td mat-cell *matCellDef="let backups"> {{backups.warnings}} </td>
167 <ng-container matColumnDef="created">
168 <th mat-header-cell *matHeaderCellDef> CREATED </th>
169 <td mat-cell *matCellDef="let backups"> {{backups.created}} </td>
172 <tr mat-header-row *matHeaderRowDef="backupsColumns"></tr>
173 <tr mat-row *matRowDef="let row; columns: backupsColumns;"></tr>
176 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
179 <div class="backup-det">
181 <div style="padding-top:10px; padding-left: 20px">
182 <mat-label>Backup Name</mat-label>
183 <mat-form-field appearance="fill">
184 <mat-label>Backup Name</mat-label>
185 <input matInput [ngModelOptions]="{standalone: true}" [(ngModel)]="selectedBackupName">
188 <div style="padding-left: 20px">
189 <mat-label >Namespace.. </mat-label>
190 <mat-form-field appearance="fill">
191 <mat-label>Namespace</mat-label>
193 <input matInput [ngModelOptions]="{standalone: true}" [(ngModel)]="selectedNamespace">
198 <button style="margin-right: 05px;" (click)="postBackup()" mat-raised-button color="primary">Backup</button>
203 <mat-tab label="Restores">
205 <div class="restorestable">
207 <table mat-table [dataSource]="restoresDataSource">
209 <ng-container matColumnDef="name">
210 <th mat-header-cell *matHeaderCellDef> NAME </th>
211 <td mat-cell *matCellDef="let restores"> {{restores.name}} </td>
214 <ng-container matColumnDef="backup">
215 <th mat-header-cell *matHeaderCellDef> BACKUP </th>
216 <td mat-cell *matCellDef="let restores"> {{restores.backup}} </td>
219 <ng-container matColumnDef="status">
220 <th mat-header-cell *matHeaderCellDef> STATUS </th>
221 <td mat-cell *matCellDef="let restores"> {{restores.status}} </td>
224 <tr mat-header-row *matHeaderRowDef="restoresColumns"></tr>
225 <tr mat-row *matRowDef="let row; columns: restoresColumns;"></tr>
228 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
230 <div class="restore-det">
231 <div style="padding-left: 20px;">
232 <mat-label>Restore Name</mat-label>
233 <mat-form-field appearance="fill">
234 <mat-label>Restore Name</mat-label>
235 <input matInput [ngModelOptions]="{standalone: true}" [(ngModel)]="selectedRestoreName">
238 <div style="padding-left: 20px;">
239 <mat-label>Backup Name</mat-label>
240 <mat-form-field appearance="fill">
241 <mat-label>Backup Name</mat-label>
242 <input matInput [ngModelOptions]="{standalone: true}" [(ngModel)]="selectedBackupname">
246 <button style="margin-right: 05px;" (click)="restore()" mat-raised-button color="primary">Restore</button>