isa44.74
/
brief-la-belle-plante2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

filtres ensemble

This commit is contained in:
HarmandI 2022-01-10 14:09:42 +01:00
parent a2da0b8600
commit 36c613007d
3 changed files with 57 additions and 12705 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12720
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
package.json
View File

@ -7,7 +7,7 @@
"build": "ng build", "build": "ng build",
"watch": "ng build --watch --configuration development", "watch": "ng build --watch --configuration development",
"test": "ng test", "test": "ng test",
"api": "json-server db.json" "api": "json-server db.json"
}, },
"private": true, "private": true,
"dependencies": { "dependencies": {

40
src/app/components/filter-side-bar/filter-side-bar.component.html
View File

@ -5,23 +5,41 @@
<ul class="list-unstyled ps-0 border-top"> <ul class="list-unstyled ps-0 border-top">
<div class="p-3"> <div class="p-3">
<p class="mb-1 fs-5 fw-semibold">Catégories</p> <p class="mb-1 fs-5 fw-semibold">Catégories</p>
<div <div *ngFor="let category of listCategories; let indexCat = index" class="form-check">
*ngFor="let category of listCategories; let indexCat = index"
class="form-check"> <input class="form-check-input" type="checkbox" value="testcategory" id="checkBoxCategory{{indexCat}}">
<input
class="form-check-input"
type="checkbox"
value="testcategory"
id="checkBoxCategory{{indexCat}}">
<label class="form-check-label" for="checkBoxCategory{{indexCat}}"> <label class="form-check-label" for="checkBoxCategory{{indexCat}}">
{{ category }} {{ category }}
</label> </label>
</div> </div>
<div *ngIf="listCategories.length == 0 "> <div *ngIf="listCategories.length == 0 ">S
Aucune catégorie disponible Aucune catégorie disponible
</div> </div>
</div> </div>
</ul> </ul>
</div> <ul class="list-unstyled ps-0 border-top">
<div class="p-3">
<p class="mb-1 fs-5 fw-semibold">Prix</p>
<div class="d-flex justify-content-center">
<input id="number" type="number" placeholder="min" min=0 value="" class="me-2" style="width:45%;">
<input id="number" type="number" placeholder="max" value="" class="me-2" style="width:45%;">
</div>
<div class="d-flex justify-content-center">
<a href="" class="btn btn-success m-3"> Valider</a>
</div>
</div>
</ul>
<ul class="list-unstyled ps-0 border-top">
<div class="p-3">
<p class="mb-1 fs-5 fw-semibold">Avis</p>
<div class="flex-column justify-content-start">
<app-avis-bar></app-avis-bar>
<a href="" class="btn btn-success me-2"> Valider</a>
</div>
</div>
</ul>