mirror of
https://github.com/google/nomulus
synced 2026-02-09 22:40:55 +00:00
61 lines
2.0 KiB
HTML
61 lines
2.0 KiB
HTML
<div class="console-domains">
|
|
<mat-form-field>
|
|
<mat-label>Filter</mat-label>
|
|
<input
|
|
type="search"
|
|
matInput
|
|
[(ngModel)]="searchTerm"
|
|
(ngModelChange)="sendInput()"
|
|
#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>
|