bamarty/Site-Proximo
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

choix d'ordre fonctionne pour tous les tris qui en demandent, changement des value dans les options à valider

Browse source
This commit is contained in:
Florian Ehr 2021-02-06 11:07:46 +01:00
parent 1de84726e0
commit cdf43438cc
2 changed files with 26 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/js/Components/Sort.js
View file

@ -20,10 +20,10 @@ class Sort extends Component {
<div id="selectBlock">
<div id="selectBox">
<select id="sortSelect" onChange={this.props.handleChangeSortType}>
<option className="optionSort" value="Ordre Alphabétique">Ordre Alphabétique</option>
<option className="optionSort" value="Catégorie">Catégorie</option>
<option className="optionSort" value="Quantité">Quantité</option>
<option className="optionSort" value="Prix">Prix</option>
<option className="optionSort" value="name">Ordre Alphabétique</option>
<option className="optionSort" value="category_id">Catégorie</option>
<option className="optionSort" value="quantity">Quantité</option>
<option className="optionSort" value="price">Prix</option>
</select>
</div>
</div>

36
src/js/Views/Stock.js
View file

@ -68,7 +68,7 @@ export default class Stock extends React.Component {
let sorted;
//TRI PAR ORDRE ALPHABETIQUE OU PRIX
if (sortType === "name"){
this.setState({orderIsHidden: false})
this.setState({orderIsHidden: false}) //choix d'ordre possible
if (this.state.lowToHigh) {
//ordre alphabétique croissant
sorted = [...this.state.articles].sort((a, b) => a.name.localeCompare(b.name))
@ -78,7 +78,7 @@ export default class Stock extends React.Component {
}
} else if (sortType === "price") {
console.log('tri pix')
this.setState({orderIsHidden: false})
this.setState({orderIsHidden: false}) //choix d'ordre possible
if (this.state.lowToHigh) {
//ordre croissant
sorted = [...this.state.articles].sort((a, b) => a.price - b.price)
@ -167,26 +167,34 @@ export default class Stock extends React.Component {
this.setState({onEditCategory:false})
}
// handleChangeSortType = (e) => {
// console.log(e.target.value)
// this.setState({sortType:e.target.value},()=>{
// if (this.state.sortType === "Ordre Alphabétique"){
// this.sortArticles("name")
// } else if(this.state.sortType === "Catégorie"){
// this.sortArticles("category_id")
// } else if(this.state.sortType === "Quantité"){
// this.sortArticles("quantity")
// } else if(this.state.sortType === "Prix"){
// this.sortArticles("price");
// }
// })
// }
handleChangeSortType = (e) => {
console.log(e.target.value)
this.setState({sortType:e.target.value},()=>{
if (this.state.sortType === "Ordre Alphabétique"){
this.sortArticles("name")
} else if(this.state.sortType === "Catégorie"){
this.sortArticles("category_id")
} else if(this.state.sortType === "Quantité"){
this.sortArticles("quantity")
} else if(this.state.sortType === "Prix"){
this.sortArticles("price");
}
this.setState({sortType: e.target.value}, () => {
this.sortArticles(this.state.sortType)
})
}
//Gère le choix de tri par ordre croissant ou décroissant quand c'est possible avec le tri actuel
handleChangeSortOrder = e => {
this.setState({lowToHigh: (this.state.lowToHigh + 1) % 2},() => {
this.sortArticles("name");
console.log(this.state.sortType)
this.sortArticles(this.state.sortType);
});
}