added select

This commit is contained in:
2025-11-26 14:12:01 +01:00
parent e79505a64f
commit 8aef9f628b
2 changed files with 13 additions and 4 deletions

View File

@@ -5,7 +5,7 @@
</nz-form-label>
<nz-form-control nzSpan="12" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="Alain" formControlName="name">
<input nz-input placeholder="Prénom" formControlName="name">
</nz-form-control>
</nz-form-item>
<nz-form-item nz-flex>
@@ -14,18 +14,24 @@
</nz-form-label>
<nz-form-control nzSpan="12" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="alain.terieur@pyrofetes.fr" formControlName="email">
<input nz-input placeholder="Email" formControlName="email">
</nz-form-control>
</nz-form-item>
<nz-form-item nz-flex>
<nz-form-label nzSpan="9" nzRequired>
Fonction
</nz-form-label>
<nz-form-control nzSpan="12" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="visiteur" formControlName="fonction">
<nz-select formControlName="fonction" [nzPlaceHolder]="'Choisir une fonction'">
<nz-option nzLabel="Admin" nzValue="Admin"></nz-option>
<nz-option nzLabel="Visiteur" nzValue="Visiteur"></nz-option>
<nz-option nzLabel="Partenaire" nzValue="Partenaire"></nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-item nz-flex>
<nz-form-label nzSpan="9" nzRequired>
Mot de passe

View File

@@ -4,6 +4,7 @@ import {NzColDirective} from "ng-zorro-antd/grid";
import {NzFlexDirective} from "ng-zorro-antd/flex";
import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
import {NzInputDirective} from "ng-zorro-antd/input";
import {NzOptionComponent, NzSelectComponent} from "ng-zorro-antd/select";
@Component({
selector: 'app-profil-form',
@@ -16,7 +17,9 @@ import {NzInputDirective} from "ng-zorro-antd/input";
NzFormItemComponent,
NzFormLabelComponent,
NzInputDirective,
ReactiveFormsModule
ReactiveFormsModule,
NzSelectComponent,
NzOptionComponent
],
templateUrl: './profil-form.html',
styleUrl: './profil-form.css',