Modif filtres
This commit is contained in:
Romain Verger
parent
0d9546fff0
commit
f7e123b159
|
|
@ -4,52 +4,6 @@
|
||||||
|
|
||||||
<div class="accordion">
|
<div class="accordion">
|
||||||
|
|
||||||
<<<<<<< HEAD
|
|
||||||
<!-------------------------------------------------------------------------- Accordéon Distance -------------------------------------------------------------------------->
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
|
||||||
<h2 class="accordion-header" id="panelsStayOpen-headingOne">
|
|
||||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne">
|
|
||||||
<p style="font-size: 20px;">Distance</p>
|
|
||||||
</button>
|
|
||||||
</h2>
|
|
||||||
<div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingOne">
|
|
||||||
<div class="accordion-body">
|
|
||||||
<div class="distance p-3">
|
|
||||||
<span>Veuillez sélectionner la distance souhaitée</span>
|
|
||||||
</div>
|
|
||||||
<input type="range" class="form-range" min="{{minDistance}}" max="{{maxDistance}}" (change)="OnChangeValueDistance($event)" >
|
|
||||||
<div class="valuesDistance d-flex d-flex justify-content-between">
|
|
||||||
<span>0 KM</span>
|
|
||||||
<span>2 KM</span>
|
|
||||||
<span>4 KM</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-------------------------------------------------------------------------- Accordéon Prix -------------------------------------------------------------------------->
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
|
||||||
<h2 class="accordion-header" id="panelsStayOpen-headingTwo">
|
|
||||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo">
|
|
||||||
<p style="font-size: 20px;">Prix</p>
|
|
||||||
</button>
|
|
||||||
</h2>
|
|
||||||
<div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingTwo">
|
|
||||||
<div class="accordion-body">
|
|
||||||
|
|
||||||
<div class="minMax p-3">
|
|
||||||
<span>Veuillez sélectionner le prix souhaité</span>
|
|
||||||
</div>
|
|
||||||
<input type="range" class="form-range" ng-model="valuePrix" min="{{minPrice}}" max="{{maxPrice}}" (change)="OnChangeValuePrice($event)">
|
|
||||||
<div class="valuesPrix d-flex d-flex justify-content-between">
|
|
||||||
<span>0€</span>
|
|
||||||
<span>10€</span>
|
|
||||||
<span>20€</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
=======
|
|
||||||
<!-------------------------------------------------------------------------- Accordéon Distance -------------------------------------------------------------------------->
|
<!-------------------------------------------------------------------------- Accordéon Distance -------------------------------------------------------------------------->
|
||||||
|
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
|
|
@ -91,7 +45,6 @@
|
||||||
|
|
||||||
<div class="minMax p-3">
|
<div class="minMax p-3">
|
||||||
<span>Veuillez sélectionner le prix souhaité</span>
|
<span>Veuillez sélectionner le prix souhaité</span>
|
||||||
>>>>>>> dev
|
|
||||||
</div>
|
</div>
|
||||||
<input type="range" class="form-range" ng-model="valuePrix" min="{{minPrice}}" max="{{maxPrice}}"
|
<input type="range" class="form-range" ng-model="valuePrix" min="{{minPrice}}" max="{{maxPrice}}"
|
||||||
(change)="OnChangeValuePrice($event)">
|
(change)="OnChangeValuePrice($event)">
|
||||||
|
|
@ -103,67 +56,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<<<<<<< HEAD
|
|
||||||
|
|
||||||
<!-------------------------------------------------------------------------- Accordéon Place/Emporter -------------------------------------------------------------------------->
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
|
||||||
<h2 class="accordion-header" id="panelsStayOpen-headingThree">
|
|
||||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree">
|
|
||||||
<p style="font-size: 20px;">Sur Place / A Emporter</p>
|
|
||||||
</button>
|
|
||||||
</h2>
|
|
||||||
<div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingThree">
|
|
||||||
<div class="accordion-body">
|
|
||||||
|
|
||||||
<div class="Titles m-3 d-flex justify-content-around">
|
|
||||||
<span>Sur Place</span>
|
|
||||||
<span>A Emporter</span>
|
|
||||||
</div>
|
|
||||||
<div class="PlaceEmporterCheck m-3 d-flex justify-content-around">
|
|
||||||
<input class="surPlace-check-input" type="checkbox" value="surPlaceOption" style="width: 25px; height: 25px; border-radius: 300px;" (change) = "OnChangeValueSurPlace($event)">
|
|
||||||
<input class="Emporter-check-input" type="checkbox" value="aEmporterOption" style="width: 25px; height: 25px;" (change) = "OnChangeValueEmporter($event)">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-------------------------------------------------------------------------- Accordéon AccesPMR -------------------------------------------------------------------------->
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
|
||||||
<h2 class="accordion-header" id="panelsStayOpen-headingFour">
|
|
||||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour">
|
|
||||||
<p style="font-size: 20px;">Accès PMR</p>
|
|
||||||
</button>
|
|
||||||
</h2>
|
|
||||||
<div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingFour">
|
|
||||||
<div class="accordion-body">
|
|
||||||
|
|
||||||
<div class="titrePmr m-3 d-flex justify-content-around">
|
|
||||||
<span>Accès PMR</span>
|
|
||||||
</div>
|
|
||||||
<div class="pmr-check d-flex justify-content-center p-2">
|
|
||||||
<input class="pmr-check-input mx-auto" type="checkbox" value="AccesPMR" style="width: 25px; height: 25px;" (change) = "OnChangeValuePMR($event)">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-------------------------------------------------------------------------- Accordéon Avis -------------------------------------------------------------------------->
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
|
||||||
<h2 class="accordion-header" id="panelsStayOpen-headingFive">
|
|
||||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFive">
|
|
||||||
<p style="font-size: 20px;">Avis</p>
|
|
||||||
</button>
|
|
||||||
</h2>
|
|
||||||
<div id="panelsStayOpen-collapseFive" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingFive">
|
|
||||||
<div class="accordion-body">
|
|
||||||
<div class="titreAvis m-3 d-flex justify-content-around">
|
|
||||||
<span>Choisissez parmi les avis déjà donnés</span>
|
|
||||||
</div>
|
|
||||||
<app-avis-bar (stateNumber)="onStateNumberChange($event)"></app-avis-bar>
|
|
||||||
=======
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-------------------------------------------------------------------------- Accordéon Place/Emporter -------------------------------------------------------------------------->
|
<!-------------------------------------------------------------------------- Accordéon Place/Emporter -------------------------------------------------------------------------->
|
||||||
|
|
@ -231,7 +123,6 @@
|
||||||
<div class="accordion-body">
|
<div class="accordion-body">
|
||||||
<div class="titreAvis m-3 d-flex justify-content-around">
|
<div class="titreAvis m-3 d-flex justify-content-around">
|
||||||
<span>Choisissez parmi les avis déjà donnés</span>
|
<span>Choisissez parmi les avis déjà donnés</span>
|
||||||
>>>>>>> dev
|
|
||||||
</div>
|
</div>
|
||||||
<app-avis-bar (stateNumber)="onStateNumberChange($event)"></app-avis-bar>
|
<app-avis-bar (stateNumber)="onStateNumberChange($event)"></app-avis-bar>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -241,12 +132,5 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<<<<<<< HEAD
|
|
||||||
<button class="btn-search btn-primary" type="button"
|
|
||||||
(click) = "onSendFilters($event, null, null, null, null, null)"
|
|
||||||
(click) ="onSendRating()">LANCER LA RECHERCHE</button>
|
|
||||||
|
|
||||||
=======
|
|
||||||
<button class="btn-search btn-primary" type="button" (click)="onSendFilters()" (click)="onSendRating()">LANCER LA
|
<button class="btn-search btn-primary" type="button" (click)="onSendFilters()" (click)="onSendRating()">LANCER LA
|
||||||
RECHERCHE</button>
|
RECHERCHE</button>
|
||||||
>>>>>>> dev
|
|
||||||
|
|
|
||||||
|
|
@ -92,12 +92,11 @@ onSendFilters() : void{
|
||||||
|
|
||||||
restaus = restaus.filter((restau)=>
|
restaus = restaus.filter((restau)=>
|
||||||
|
|
||||||
this.selectPrice == restau.prix
|
this.selectPrice <= restau.prix
|
||||||
|
|
||||||
),
|
),
|
||||||
console.log( this.activatedRoute.snapshot.routeConfig?.path);
|
console.log( this.activatedRoute.snapshot.routeConfig?.path);
|
||||||
|
|
||||||
|
|
||||||
this.apiBackService.setListRestau(restaus, this.activatedRoute.snapshot.routeConfig?.path);
|
this.apiBackService.setListRestau(restaus, this.activatedRoute.snapshot.routeConfig?.path);
|
||||||
// on fait passer en second parametre le path de la route c'est a dire "filtres"
|
// on fait passer en second parametre le path de la route c'est a dire "filtres"
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue