isa44.74/Admin-La-Belle-Plante
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

cette branche vient remplacer feature/modifier qui est corrompue

Browse source
This commit is contained in:
Sana EL HIRI 2022-03-21 20:51:17 +01:00
parent 2d808feb25
commit d9800d3ae5
10 changed files with 293 additions and 137 deletions
Download patch file Download diff file Expand all files Collapse all files

234
src/app/modules/admin/components/formulaire/formulaire.component.html
View file

@ -1,126 +1,108 @@
<form (ngSubmit)="onSubmit()" [formGroup]="plantForm">
<div class="form-floating">
<input
type="text"
class="form-control"
id="floatingInputName"
placeholder=""
name="name"
formControlName="nameFc"
[ngClass]="{
'is-valid':
plantForm.controls['nameFc'].touched &&
plantForm.controls['nameFc'].valid,
'is-invalid':
plantForm.controls['nameFc'].touched &&
!plantForm.controls['nameFc'].valid
}"
/>
<label for="floatingInputName">Nom</label>
</div>
<div class="form-floating">
<input
type="text"
class="form-control"
id="floatingInputPrice"
placeholder=""
name="price"
formControlName="priceFc"
[ngClass]="{
'is-valid':
plantForm.controls['priceFc'].touched &&
plantForm.controls['priceFc'].valid,
'is-invalid':
plantForm.controls['priceFc'].touched &&
!plantForm.controls['priceFc'].valid
}"
/>
<label for="floatingInputPrice">Prix</label>
</div>
<div class="form-floating">
<input
type="number"
class="form-control"
id="floatingInputQuantity"
placeholder=""
name="quantity"
formControlName="quantityFc"
[ngClass]="{
'is-valid':
plantForm.controls['quantityFc'].touched &&
plantForm.controls['quantityFc'].valid,
'is-invalid':
plantForm.controls['quantityFc'].touched &&
!plantForm.controls['quantityFc'].valid
}"
/>
<label for="floatingInputQuantity">Quantité</label>
</div>
<div class="form-floating">
<input
type="text"
class="form-control"
id="floatingCategory"
placeholder=""
name="category"
formControlName="categoryFc"
[ngClass]="{
'is-valid':
plantForm.controls['categoryFc'].touched &&
plantForm.controls['categoryFc'].valid,
'is-invalid':
plantForm.controls['categoryFc'].touched &&
!plantForm.controls['categoryFc'].valid
}"
/>
<label for="floatingInputCategory">Catégorie</label>
</div>
<div class="form-floating">
<input
type="number"
class="form-control"
id="floatingRating"
placeholder=""
name="rating"
formControlName="ratingFc"
[ngClass]="{
'is-valid':
plantForm.controls['ratingFc'].touched &&
plantForm.controls['ratingFc'].valid,
'is-invalid':
plantForm.controls['ratingFc'].touched &&
!plantForm.controls['ratingFc'].valid
}"
/>
<label for="floatingRating">Note</label>
</div>
<div class="form-floating select">
<select
class="form-control"
id="floatingInputInStock"
placeholder=""
name="inStock"
formControlName="inStockFc"
>
<option value="disponible">Disponible</option>
<option value="partiellement disponible">Partiellement disponible</option>
<option value="non disponible">Non disponible</option>
</select>
<label value="disponible">Sélectionnez disponibilité</label>
</div>
<button
class="w-100 btn btn-lg btn-outline-success"
type="submit"
[disabled]="plantForm.invalid"
>
Créer une plante
</button>
<button
class="w-100 btn btn-lg btn-outline-success"
type="submit"
[disabled]="plantForm.invalid"
>
Modifier une plante
</button>
</form>
<div class="form-plant">
<form (ngSubmit)="isAdd? addPlant() : updatePlant()" [formGroup]="plantForm">
<div class="form-floating">
<input
type="text"
class="form-control"
id="floatingInputName"
placeholder=""
name="name"
formControlName="nameFc"
[ngClass]="{
'is-valid':
plantForm.controls['nameFc'].valid,
'is-invalid':
!plantForm.controls['nameFc'].valid
}"
/>
<label for="floatingInputName">Nom</label>
</div>
<div class="form-floating">
<input
type="text"
class="form-control"
id="floatingInputPrice"
placeholder=""
name="price"
formControlName="priceFc"
[ngClass]="{
'is-valid':
plantForm.controls['priceFc'].valid,
'is-invalid':
!plantForm.controls['priceFc'].valid
}"
/>
<label for="floatingInputPrice">Prix</label>
</div>
<div class="form-floating">
<input
type="text"
class="form-control"
id="floatingInputQuantity"
placeholder=""
name="quantity"
formControlName="quantityFc"
[ngClass]="{
'is-valid':
plantForm.controls['quantityFc'].valid,
'is-invalid':
!plantForm.controls['quantityFc'].valid
}"
/>
<label for="floatingInputQuantity">Quantité</label>
</div>
<div class="form-floating">
<input
type="text"
class="form-control"
id="floatingCategory"
placeholder=""
name="category"
formControlName="categoryFc"
[ngClass]="{
'is-valid':
plantForm.controls['categoryFc'].valid,
'is-invalid':
!plantForm.controls['categoryFc'].valid
}"
/>
<label for="floatingInputCategory">Catégorie</label>
</div>
<div class="form-floating">
<input
type="text"
class="form-control"
id="floatingRating"
placeholder=""
name="rating"
formControlName="ratingFc"
[ngClass]="{
'is-valid':
plantForm.controls['ratingFc'].valid,
'is-invalid':
!plantForm.controls['ratingFc'].valid
}"
/>
<label for="floatingRating">Note</label>
</div>
<div class="form-floating select">
<select
class="form-control"
id="floatingInputInStock"
placeholder=""
name="inStock"
formControlName="inStockFc"
>
<option value="disponible">Disponible</option>
<option value="partiellement disponible">Partiellement disponible</option>
<option value="non disponible">Non disponible</option>
</select>
<label value="disponible">Sélectionnez disponibilité</label>
</div>
<button
class="w-100 btn btn-lg btn-outline-success"
type="submit"
[disabled]="plantForm.invalid"
>{{buttonLabel}}</button>
</form>
</div>