mirror of
https://github.com/google/nomulus
synced 2026-07-08 17:16:54 +00:00
Pavlo Tkach
43 lines
1.2 KiB
HTML
43 lines
1.2 KiB
HTML
@if(contactService.isContactDetailsView || contactService.isContactNewView) {
|
|
<app-contact-details></app-contact-details>
|
|
} @else {
|
|
<div class="console-app__contacts-controls">
|
|
<button
|
|
mat-flat-button
|
|
color="primary"
|
|
(click)="openNewContact()"
|
|
aria-label="Add new contact"
|
|
>
|
|
<mat-icon>add</mat-icon>
|
|
Add new contact
|
|
</button>
|
|
</div>
|
|
<div class="console-app__contacts">
|
|
@if (contactService.contacts().length === 0) {
|
|
<div class="console-app__empty-contacts">
|
|
<mat-icon class="console-app__empty-contacts-icon secondary-text"
|
|
>apps_outage</mat-icon
|
|
>
|
|
<h1>No contacts found</h1>
|
|
</div>
|
|
} @else {
|
|
<mat-table [dataSource]="dataSource" class="mat-elevation-z0">
|
|
<ng-container
|
|
*ngFor="let column of columns"
|
|
[matColumnDef]="column.columnDef"
|
|
>
|
|
<mat-header-cell *matHeaderCellDef> {{ column.header }} </mat-header-cell>
|
|
<mat-cell *matCellDef="let row" [innerHTML]="column.cell(row)"></mat-cell>
|
|
</ng-container>
|
|
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
|
<mat-row
|
|
*matRowDef="let row; columns: displayedColumns"
|
|
tabindex="0"
|
|
(click)="openDetails(row)"
|
|
(keyup.enter)="openDetails(row)"
|
|
></mat-row>
|
|
</mat-table>
|
|
}
|
|
</div>
|
|
}
|