mirror of
https://github.com/google/nomulus
synced 2026-08-15 11:46:08 +00:00
gbrodmanandGitHub
36a8908712
This does not include any styling for now, just wanted to make sure we're all good with regards to the basic approach. I'm open to suggestion on which columns to include. Note: filter searching is not implemented yet because the backend does not allow for it (yet)
55 lines
2.0 KiB
HTML
55 lines
2.0 KiB
HTML
<div class="console-domains">
|
|
<mat-form-field>
|
|
<mat-label>Filter</mat-label>
|
|
<input matInput (keyup)="applyFilter($event)" #input />
|
|
</mat-form-field>
|
|
|
|
<div *ngIf="isLoading; else domains_content" class="console-domains__loading">
|
|
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
|
|
</div>
|
|
<ng-template #domains_content>
|
|
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
|
|
<ng-container matColumnDef="domainName">
|
|
<th mat-header-cell *matHeaderCellDef>Domain Name</th>
|
|
<td mat-cell *matCellDef="let element">{{ element.domainName }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="creationTime">
|
|
<th mat-header-cell *matHeaderCellDef>Creation Time</th>
|
|
<td mat-cell *matCellDef="let element">
|
|
{{ element.creationTime.creationTime }}
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="registrationExpirationTime">
|
|
<th mat-header-cell *matHeaderCellDef>Expiration Time</th>
|
|
<td mat-cell *matCellDef="let element">
|
|
{{ element.registrationExpirationTime }}
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="statuses">
|
|
<th mat-header-cell *matHeaderCellDef>Statuses</th>
|
|
<td mat-cell *matCellDef="let element">{{ element.statuses }}</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
|
|
|
|
<!-- Row shown when there is no matching data. -->
|
|
<tr class="mat-row" *matNoDataRow>
|
|
<td class="mat-cell" colspan="4">No domains found</td>
|
|
</tr>
|
|
</table>
|
|
<mat-paginator
|
|
[length]="totalResults"
|
|
[pageIndex]="pageNumber"
|
|
[pageSize]="resultsPerPage"
|
|
[pageSizeOptions]="[10, 25, 50, 100, 500]"
|
|
(page)="onPageChange($event)"
|
|
aria-label="Select page of domain results"
|
|
showFirstLastButtons
|
|
></mat-paginator>
|
|
</ng-template>
|
|
</div>
|