memartel/GGMM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Couple of fixes and stuff

Browse Source
This commit is contained in:
Victor Turgeon
2022-10-18 16:02:55 -07:00
parent bd55393123
commit 93d4ab44be
8 changed files with 339 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
GrossesMitaines/grosses-mitaines-ui/src/components/Modify.js
View File

@@ -1,6 +1,6 @@
import { render } from "@testing-library/react";
import { useState } from "react"
import { Dropdown } from "react-bootstrap";
import {Button} from "react-bootstrap";
function renderStatus(statusCode) {
if (statusCode !== undefined) {
@@ -35,13 +35,15 @@ const Modify = ({ morceau, onModify }) => {
const [price, setPrice] = useState(morceau.price);
const [quantity, setQuantity] = useState(morceau.quantity);
const [imageName, setImageName] = useState(morceau.imageName);
const [statusValue, setStatusValue] = useState(morceau.status)
const [status, setStatusValue] = useState(morceau.status)
const id = morceau.id;
const handleSubmit = (e) => {
e.preventDefault(); // Empêcher de reloader la page au submit.
// Appeler le comportement onCreation
onModify({ title, description, category, price, quantity, imageName, statusValue })
onModify({ id, title, description, category, price, quantity, imageName, status })
}
@@ -91,52 +93,55 @@ const Modify = ({ morceau, onModify }) => {
value={imageName}
onChange={(e) => setImageName(e.target.value)} />
</div>
<Dropdown className='status-dropdown'>
<Dropdown.Toggle id="dropdown-status">
{currentStatus}
</Dropdown.Toggle>
<div className="form-group">
<label>Status: </label>
<Dropdown className='status-dropdown'>
<Dropdown.Toggle id="dropdown-status-add">
{currentStatus}
</Dropdown.Toggle>
<Dropdown.Menu className='sorting-menu'>
<Dropdown.Item key="0" onClick={() => {
setStatus("Disponible"); // Mets le nom afficher quand le dropdown est fermé
setStatusValue(0);
}}>
Disponible {/*Le nom de l'option*/}
</Dropdown.Item>
<Dropdown.Item key="1" onClick={() => {
setStatus("Indisponible");
setStatusValue(1);
}}>
Indisponible
</Dropdown.Item>
<Dropdown.Item key="2" onClick={() => {
setStatus("En Commande");
setStatusValue(2);
}}>
En Commande
</Dropdown.Item>
<Dropdown.Item key="3" onClick={() => {
setStatus("Liquidation");
setStatusValue(3);
}}>
Liquidation
</Dropdown.Item>
<Dropdown.Item key="4" onClick={() => {
setStatus("Promotion");
setStatusValue(4);
}}>
Promotion
</Dropdown.Item>
<Dropdown.Item key="5" onClick={() => {
setStatus("Discontinué");
setStatusValue(5);
}}>
Discontinué
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
<Dropdown.Menu className='sorting-menu'>
<Dropdown.Item key="0" onClick={() => {
setStatus("Disponible"); // Mets le nom afficher quand le dropdown est fermé
setStatusValue(0);
}}>
Disponible {/*Le nom de l'option*/}
</Dropdown.Item>
<Dropdown.Item key="1" onClick={() => {
setStatus("Indisponible");
setStatusValue(1);
}}>
Indisponible
</Dropdown.Item>
<Dropdown.Item key="2" onClick={() => {
setStatus("En Commande");
setStatusValue(2);
}}>
En Commande
</Dropdown.Item>
<Dropdown.Item key="3" onClick={() => {
setStatus("Liquidation");
setStatusValue(3);
}}>
Liquidation
</Dropdown.Item>
<Dropdown.Item key="4" onClick={() => {
setStatus("Promotion");
setStatusValue(4);
}}>
Promotion
</Dropdown.Item>
<Dropdown.Item key="5" onClick={() => {
setStatus("Discontinué");
setStatusValue(5);
}}>
Discontinué
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
</div>
<input className="btn-primary ajouter" type="submit" value="Modifier Morceau"></input>
<Button className="btn-primary btn-ajouter-morceau" type="submit" >Modifier Morceau</Button>
</form>
</div>
)