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

parseFloat

Browse Source
This commit is contained in:
Julian30520 2022-01-11 15:58:12 +01:00
parent 9d1507846b
commit 08d05a41d4
4 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,12 +22,12 @@
<div class="p-3"> <div class="p-3">
<p class="mb-1 fs-5 fw-semibold">Prix</p> <p class="mb-1 fs-5 fw-semibold">Prix</p>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<input id="number" type="number" placeholder="min" min=0 value="" class="me-2" style="width: 45%;"> <input #minNum id="numberMin" 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%;"> <input #maxNum id="numberMax" type="number" placeholder="max" value="" class="me-2" style="width: 45%;">
</div> </div>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<a href="#" class="btn btn-success m-3">Valider</a> <button class="btn btn-success m-3" (click)="onSendValues(minNum, maxNum)">Valider</button>
</div> </div>
</div> </div>
</ul> </ul>

7
src/app/components/filter-side-bar/filter-side-bar.component.ts
View File

@ -8,6 +8,7 @@ import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
export class FilterSideBarComponent implements OnInit { export class FilterSideBarComponent implements OnInit {
@Input() listCategories: string[]; @Input() listCategories: string[];
@Output() stateNumber = new EventEmitter(); @Output() stateNumber = new EventEmitter();
@Output() rangeNumber = new EventEmitter();
filterStateNumber: number = 0; filterStateNumber: number = 0;
constructor() { constructor() {
@ -25,4 +26,10 @@ export class FilterSideBarComponent implements OnInit {
this.stateNumber.emit(this.filterStateNumber); this.stateNumber.emit(this.filterStateNumber);
} }
onSendValues(minNum: any, maxNum: any): void {
let rangeArray: number[] = [parseFloat(minNum.value), parseFloat(maxNum.value)];
console.log(typeof(rangeArray[0]));
this.rangeNumber.emit(rangeArray);
}
} }

2
src/app/pages/page-accueil/page-accueil.component.html
View File

@ -1,5 +1,5 @@
<div class="d-flex align-items-stretch"> <div class="d-flex align-items-stretch">
<app-filter-side-bar [listCategories]="listCategoriesFilter" (stateNumber)="onRatingFilter($event)"></app-filter-side-bar> <app-filter-side-bar [listCategories]="listCategoriesFilter" (stateNumber)="onRatingFilter($event)" (rangeNumber)="onPriceFilter($event)"></app-filter-side-bar>
<div class="custom-main container p-3"> <div class="custom-main container p-3">
<input class="form-control" <input class="form-control"

22
src/app/pages/page-accueil/page-accueil.component.ts
View File

@ -10,13 +10,11 @@ import * as _ from 'underscore';
export class PageAccueilComponent implements OnInit { export class PageAccueilComponent implements OnInit {
public listData: any[]; public listData: any[];
public listDataGlobal: any[]; public listDataGlobal: any[];
public listRate: any[];
public listCategoriesFilter: string[]; public listCategoriesFilter: string[];
constructor(private plantouneService: PlantouneService) { constructor(private plantouneService: PlantouneService) {
this.listData = []; this.listData = [];
this.listDataGlobal = []; this.listDataGlobal = [];
this.listRate = [];
this.listCategoriesFilter = []; this.listCategoriesFilter = [];
} }
@ -70,15 +68,25 @@ export class PageAccueilComponent implements OnInit {
} }
onRatingFilter(stateNumber: number): void { onRatingFilter(stateNumber: number): void {
console.log(stateNumber); let listRate: any[] = [];
this.listRate = [];
this.listDataGlobal.forEach(product => { this.listDataGlobal.forEach(product => {
if(product.product_rating >= stateNumber) { if(product.product_rating >= stateNumber) {
this.listRate.push(product); listRate.push(product);
} }
}); });
console.log(this.listRate); this.listData = [...listRate];
this.listData = [...this.listRate]; if(this.listData.length >= 9) this.listData.length = 9;
}
onPriceFilter(rangeNumber: number[]) {
console.log(rangeNumber);
let listRangedProduct: any[] = [];
this.listDataGlobal.forEach(product => {
if(parseFloat(product.product_unitprice_ati) >= rangeNumber[0] && parseFloat(product.product_unitprice_ati) <= rangeNumber[1]) {
listRangedProduct.push(product);
}
});
this.listData = [...listRangedProduct];
if(this.listData.length >= 9) this.listData.length = 9; if(this.listData.length >= 9) this.listData.length = 9;
} }