henriquegc/library-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added all edit function

Browse Source
This commit is contained in:
sanchezvem
2025-11-23 12:03:14 +01:00
parent 448f43e3eb
commit 0f75d1768b
8 changed files with 205 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/components/update-loan/update-loan.html
View File

@@ -1,11 +1,15 @@
<form nz-form nzLayout="horizontal" [formGroup]="updateLoanForm">
<nz-form-item>
<nz-form-label nzSpan="10" nzRequired>
Nom / Prénom
Utilisateur
</nz-form-label>
<nz-form-control nzSpan="30" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="Non défini" formControlName="name">
<nz-form-control nzSpan="40" nzErrorTip="Ce champ est requis">
<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>
@@ -14,8 +18,12 @@
Livre
</nz-form-label>
<nz-form-control nzSpan="30" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="Prénom de l'auteur" formControlName="book">
<nz-form-control nzSpan="40" nzErrorTip="Ce champ est requis">
<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>
@@ -25,7 +33,7 @@
</nz-form-label>
<nz-form-control nzSpan="30" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="JJ/MM/AAAA" formControlName="plannedDate">
<nz-date-picker formControlName="plannedReturningDate"></nz-date-picker>
</nz-form-control>
</nz-form-item>
@@ -35,7 +43,7 @@
</nz-form-label>
<nz-form-control nzSpan="30" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="JJ/MM/AAAA" formControlName="effectiveDate">
<nz-date-picker formControlName="effectiveReturningDate"></nz-date-picker>
</nz-form-control>
</nz-form-item>
</form>