veenm
9fbb61fef4
-manier van afspraken maken veranderd in de backend ivm meerdere bedrijven gebruiker -email is aangepast op bedrijf en gebruiker -dropdown voor instellingen toegevoegd
67 lines
1.4 KiB
HTML
67 lines
1.4 KiB
HTML
<form [formGroup]="customerForm">
|
|
<tui-input
|
|
formControlName="firstName"
|
|
tuiTextfieldSize="m"
|
|
id="voornaam-nieuwe-klant"
|
|
[tuiTextfieldCleaner]="true">
|
|
Voornaam
|
|
<input
|
|
tuiTextfieldLegacy
|
|
type="text"
|
|
formControlName="firstName"/>
|
|
</tui-input>
|
|
<br>
|
|
<tui-input
|
|
formControlName="lastName"
|
|
tuiTextfieldSize="m"
|
|
id="achternaam-nieuwe-klant"
|
|
[tuiTextfieldCleaner]="true">
|
|
Achternaam
|
|
<input
|
|
tuiTextfieldLegacy
|
|
type="text"
|
|
formControlName="lastName"/>
|
|
</tui-input>
|
|
<br>
|
|
<tui-input
|
|
formControlName="email"
|
|
tuiTextfieldSize="m"
|
|
id="email-nieuwe-klant"
|
|
[tuiTextfieldCleaner]="true">
|
|
Email
|
|
<input
|
|
tuiTextfieldLegacy
|
|
autocomplete="email"
|
|
type="email"
|
|
formControlName="email"/>
|
|
</tui-input>
|
|
<br>
|
|
<tui-input
|
|
formControlName="phone"
|
|
tuiTextfieldSize="m"
|
|
id="telefoon-nieuwe-klant"
|
|
[tuiTextfieldCleaner]="true">
|
|
Telefoonnummer
|
|
<input
|
|
tuiTextfieldLegacy
|
|
autocomplete=""
|
|
type="tel"
|
|
formControlName="phone"/>
|
|
</tui-input>
|
|
<br>
|
|
<button
|
|
appearance="secondary"
|
|
size="m"
|
|
tuiButton
|
|
id="klant-toevoegen"
|
|
[disabled]="customerForm.invalid"
|
|
[loading]=waiting
|
|
(click)="saveCustomer()"
|
|
type="button">
|
|
<tui-icon
|
|
icon="@tui.plus"
|
|
[style.height.rem]="1"/>
|
|
Klant toevoegen
|
|
</button>
|
|
</form>
|