mirror of
https://github.com/google/nomulus
synced 2026-02-08 22:10:28 +00:00
b319eff7cd
* Header initialized * Added settings page * switch history mode to hash * Add eslint * Add prettier and reformat * Contact details in a bottom sheet for mobile devices * Add contact details events abstraction * Fix formatting issue and update deps versions
36 lines
1.3 KiB
HTML
36 lines
1.3 KiB
HTML
<div *ngIf="loading" class="contact__loading">
|
|
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
|
|
</div>
|
|
<div *ngIf="!loading">
|
|
<div *ngFor="let group of groupedData">
|
|
<div class="contact__cards-wrapper" *ngIf="group.contacts.length">
|
|
<h3>{{ group.label }}s</h3>
|
|
<mat-divider></mat-divider>
|
|
<div class="contact__cards">
|
|
<mat-card class="contact__card" *ngFor="let contact of group.contacts">
|
|
<mat-card-title>{{ contact.name }}</mat-card-title>
|
|
<p *ngIf="contact.phoneNumber">{{ contact.phoneNumber }}</p>
|
|
<p *ngIf="contact.emailAddress">{{ contact.emailAddress }}</p>
|
|
<mat-card-actions class="contact__card-actions">
|
|
<button
|
|
mat-button
|
|
color="primary"
|
|
(click)="openDetails($event, contact)"
|
|
>
|
|
<mat-icon>edit</mat-icon>Edit
|
|
</button>
|
|
<button mat-button color="accent" (click)="deleteContact(contact)">
|
|
<mat-icon>delete</mat-icon>Delete
|
|
</button>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="contact__actions">
|
|
<button mat-raised-button color="primary" (click)="openCreateNew($event)">
|
|
<mat-icon>add</mat-icon>Create a Contact
|
|
</button>
|
|
</div>
|
|
</div>
|