updated create-form of loan and book

This commit is contained in:
2025-11-23 12:14:45 +01:00
parent 0f75d1768b
commit 6b1f3ece94
4 changed files with 77 additions and 33 deletions

View File

@@ -1,21 +1,29 @@
<form nz-form nzLayout="horizontal" [formGroup]="createLoanForm" (ngSubmit)="submitForm()">
<form nz-form nzLayout="horizontal" [formGroup]="createLoanForm">
<nz-form-item>
<nz-form-label nzSpan="8" nzRequired>
Nom / Prénom
<nz-form-label nzSpan="10" nzRequired>
Utilisateur
</nz-form-label>
<nz-form-control nzSpan="40" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="Non défini" formControlName="name">
<nz-select formControlName="userId" [nzPlaceHolder]="'Choisir un utilisateur'">
@for (user of users(); track user.id) {
<nz-option [nzValue]="user.id" [nzLabel]="user.firstName + ' ' + user.name"></nz-option>
}
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label nzSpan="8" nzRequired>
<nz-form-label nzSpan="10" nzRequired>
Livre
</nz-form-label>
<nz-form-control nzSpan="40" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="Prénom de l'auteur" formControlName="book">
<nz-select formControlName="bookId" [nzPlaceHolder]="'Choisir un livre'">
@for (book of books(); track book.id) {
<nz-option [nzValue]="book.id" [nzLabel]="book.title"></nz-option>
}
</nz-select>
</nz-form-control>
</nz-form-item>
</form>