Files
library-frontend/src/app/components/update-loan/update-loan.html

49 lines
1.8 KiB
HTML

<form nz-form nzLayout="horizontal" [formGroup]="updateLoanForm">
<nz-form-item>
<nz-form-label nzSpan="10" nzRequired>
Utilisateur
</nz-form-label>
<nz-form-control nzSpan="40" nzErrorTip="Ce champ est requis">
<nz-select formControlName="userId" [nzPlaceHolder]="'Choisir un utilisateur'" nzShowSearch [nzFilterOption]="filter">
@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="10" nzRequired>
Livre
</nz-form-label>
<nz-form-control nzSpan="40" nzErrorTip="Ce champ est requis">
<nz-select formControlName="bookId" [nzPlaceHolder]="'Choisir un livre'" nzShowSearch [nzFilterOption]="filter">
@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>
<nz-form-item>
<nz-form-label nzSpan="10" nzRequired>
Date de retour estimée
</nz-form-label>
<nz-form-control nzSpan="30" nzErrorTip="Ce champ est requis">
<nz-date-picker formControlName="plannedReturningDate"></nz-date-picker>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label nzSpan="10" nzRequired>
Date de retour finale
</nz-form-label>
<nz-form-control nzSpan="30" nzErrorTip="Ce champ est requis">
<nz-date-picker formControlName="effectiveReturningDate"></nz-date-picker>
</nz-form-control>
</nz-form-item>
</form>