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="status">
25 <th mat-header-cell *matHeaderCellDef> STATUS </th>
26 <td mat-cell *matCellDef="let apps"> {{apps.status}} </td>
29 <ng-container matColumnDef="ip">
30 <th mat-header-cell *matHeaderCellDef> IP </th>
31 <td mat-cell *matCellDef="let apps"> {{apps.ip}} </td>
34 <ng-container matColumnDef="node">
35 <th mat-header-cell *matHeaderCellDef> NODE </th>
36 <td mat-cell *matCellDef="let apps"> {{apps.node}} </td>
39 <tr mat-header-row *matHeaderRowDef="appsColumns"></tr>
40 <tr mat-row *matRowDef="let row; columns: appsColumns;"></tr>
43 <mat-paginator [pageSizeOptions]="[5, 10, 20, 40]" showFirstLastButtons></mat-paginator>
49 <mat-tab label="PVCs">
51 <div class="pvstable">
53 <table mat-table [dataSource]="pvsDataSource">
55 <ng-container matColumnDef="namespace">
56 <th mat-header-cell *matHeaderCellDef> NAMESPACE </th>
57 <td mat-cell *matCellDef="let pvs"> {{pvs.namespace}} </td>
60 <ng-container matColumnDef="name">
61 <th mat-header-cell *matHeaderCellDef> NAME </th>
62 <td mat-cell *matCellDef="let pvs"> {{pvs.name}} </td>
65 <ng-container matColumnDef="status">
66 <th mat-header-cell *matHeaderCellDef> STATUS </th>
67 <td mat-cell *matCellDef="let pvs"> {{pvs.status}} </td>
70 <ng-container matColumnDef="volume">
71 <th mat-header-cell *matHeaderCellDef> VOLUME </th>
72 <td mat-cell *matCellDef="let pvs"> {{pvs.volume}} </td>
76 <ng-container matColumnDef="storageclass">
77 <th mat-header-cell *matHeaderCellDef> STORAGE CLASS </th>
78 <td mat-cell *matCellDef="let pvs"> {{pvs.storageclass}} </td>
81 <ng-container matColumnDef="volumemode">
82 <th mat-header-cell *matHeaderCellDef> VOLUMEMODE </th>
83 <td mat-cell *matCellDef="let pvs"> {{pvs.volumemode}} </td>
86 <ng-container matColumnDef="readinessgates">
87 <th mat-header-cell *matHeaderCellDef> READINESS GATES </th>
88 <td mat-cell *matCellDef="let pvs"> {{pvs.readinessgates}} </td>
91 <tr mat-header-row *matHeaderRowDef="pvsColumns"></tr>
92 <tr mat-row *matRowDef="let row; columns: pvsColumns;"></tr>
95 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
99 <button style="margin-right: 05px;" (click)="simulateDisaster()" mat-raised-button color="primary">Disaster</button>
102 <mat-tab label="Backups">
104 <div class="backupstable">
106 <table mat-table [dataSource]="backupsDataSource">
108 <ng-container matColumnDef="name">
109 <th mat-header-cell *matHeaderCellDef> NAME </th>
110 <td mat-cell *matCellDef="let backups"> {{backups.name}} </td>
113 <ng-container matColumnDef="status">
114 <th mat-header-cell *matHeaderCellDef> STATUS </th>
115 <td mat-cell *matCellDef="let backups"> {{backups.status}} </td>
118 <ng-container matColumnDef="errors">
119 <th mat-header-cell *matHeaderCellDef> ERRORS </th>
120 <td mat-cell *matCellDef="let backups"> {{backups.errors}} </td>
123 <ng-container matColumnDef="warnings">
124 <th mat-header-cell *matHeaderCellDef> WARNINGS </th>
125 <td mat-cell *matCellDef="let backups"> {{backups.warnings}} </td>
128 <ng-container matColumnDef="created">
129 <th mat-header-cell *matHeaderCellDef> CREATED </th>
130 <td mat-cell *matCellDef="let backups"> {{backups.created}} </td>
133 <tr mat-header-row *matHeaderRowDef="backupsColumns"></tr>
134 <tr mat-row *matRowDef="let row; columns: backupsColumns;"></tr>
137 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
140 <div class="backup-det">
142 <div style="padding-top:10px; padding-left: 20px">
143 <mat-label>Backup Name</mat-label>
144 <mat-form-field appearance="fill">
145 <mat-label>Backup Name</mat-label>
146 <input matInput [ngModelOptions]="{standalone: true}" [(ngModel)]="selectedBackupName">
149 <div style="padding-left: 20px">
150 <mat-label >Namespace.. </mat-label>
151 <mat-form-field appearance="fill">
152 <mat-label>Namespace</mat-label>
154 <input matInput [ngModelOptions]="{standalone: true}" [(ngModel)]="selectedNamespace">
159 <button style="margin-right: 05px;" (click)="postBackup()" mat-raised-button color="primary">Backup</button>
164 <mat-tab label="Restores">
166 <div class="restorestable">
168 <table mat-table [dataSource]="restoresDataSource">
170 <ng-container matColumnDef="name">
171 <th mat-header-cell *matHeaderCellDef> NAME </th>
172 <td mat-cell *matCellDef="let restores"> {{restores.name}} </td>
175 <ng-container matColumnDef="backup">
176 <th mat-header-cell *matHeaderCellDef> BACKUP </th>
177 <td mat-cell *matCellDef="let restores"> {{restores.backup}} </td>
180 <ng-container matColumnDef="status">
181 <th mat-header-cell *matHeaderCellDef> STATUS </th>
182 <td mat-cell *matCellDef="let restores"> {{restores.status}} </td>
185 <tr mat-header-row *matHeaderRowDef="restoresColumns"></tr>
186 <tr mat-row *matRowDef="let row; columns: restoresColumns;"></tr>
189 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
191 <div class="restore-det">
192 <div style="padding-left: 20px;">
193 <mat-label>Restore Name</mat-label>
194 <mat-form-field appearance="fill">
195 <mat-label>Restore Name</mat-label>
196 <input matInput [ngModelOptions]="{standalone: true}" [(ngModel)]="selectedRestoreName">
199 <div style="padding-left: 20px;">
200 <mat-label>Backup Name</mat-label>
201 <mat-form-field appearance="fill">
202 <mat-label>Backup Name</mat-label>
203 <input matInput [ngModelOptions]="{standalone: true}" [(ngModel)]="selectedBackupname">
207 <button style="margin-right: 05px;" (click)="restore()" mat-raised-button color="primary">Restore</button>