49 lines
1.3 KiB
HTML
49 lines
1.3 KiB
HTML
<div class="container">
|
|
<div class="heading">
|
|
<h1>Klanten</h1>
|
|
</div>
|
|
<div class="content">
|
|
<div class="toolbar">
|
|
<button
|
|
size="m"
|
|
tuiButton
|
|
appearance="secondary"
|
|
id="klantToevoegen"
|
|
type="button"
|
|
(click)="toggleCustomerModal()"
|
|
>
|
|
<tui-icon
|
|
icon="@tui.plus"
|
|
[style.height.rem]="1"
|
|
/>
|
|
Klant toevoegen
|
|
</button>
|
|
</div>
|
|
<div class="results">
|
|
<table class="styled-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Naam</th>
|
|
<th>Email</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let customer of customers" (click)="selectCustomer(customer)" [id]="customer.id">
|
|
<td>{{ customer.firstName }} {{ customer.lastName }}</td>
|
|
<td>{{ customer.email }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<app-modal title="Nieuwe klant toevoegen" *ngIf="showNewCustomer" (close)="toggleCustomerModal()">
|
|
<app-new-customer (customerAdded)="saveCustomer()"></app-new-customer>
|
|
</app-modal>
|
|
|
|
<app-modal title="Klant bekijken" *ngIf="selectedCustomer != undefined" (close)="selectedCustomer = undefined">
|
|
<app-customer-details [customer]="selectedCustomer"></app-customer-details>
|
|
</app-modal>
|
|
|