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

updated book's forms

Browse Source
This commit is contained in:
sanchezvem
2025-11-11 12:48:13 +01:00
parent c381a1c5e5
commit 61e04511cf
12 changed files with 71 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/components/create-book/create-book.html
View File

@@ -1,37 +1,41 @@
<form nz-form nzLayout="horizontal" [formGroup]="createBookForm" (ngSubmit)="submitForm()">
<nz-form-item>
<nz-form-label nzSpan="4" nzRequired>
<nz-form-label nzSpan="8" nzRequired>
Titre
</nz-form-label>
<nz-form-control nzSpan="20" nzErrorTip="Ce champ est requis">
<nz-form-control nzSpan="40" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="Titre du livre" formControlName="title">
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label nzSpan="4" nzRequired>
Date de publication
<nz-form-label nzSpan="8" nzRequired>
ISBN
</nz-form-label>
<nz-form-control nzSpan="20" nzErrorTip="Ce champ est requis">
<input nz-input type="number" placeholder="2005" formControlName="releaseYear">
<nz-form-control nzSpan="40" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="ISBN" formControlName="title">
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label nzSpan="4" nzRequired>
<nz-form-label nzSpan="8" nzRequired>
Auteur
</nz-form-label>
<nz-form-control nzSpan="20" nzErrorTip="Ce champ est requis">
<nz-form-control nzSpan="40" nzErrorTip="Ce champ est requis">
<input nz-input placeholder="Auteur" formControlName="author">
</nz-form-control>
</nz-form-item>
<nz-flex nzJustify="end">
<button nz-button nzType="primary" (click)="submitForm()">
Valider
</button>
</nz-flex>
<nz-form-item>
<nz-form-label nzSpan="8" nzRequired>
Date de publication
</nz-form-label>
<nz-form-control nzSpan="40" nzErrorTip="Ce champ est requis">
<input nz-input type="number" placeholder="2005" formControlName="releaseYear">
</nz-form-control>
</nz-form-item>
</form>