Skip to content

F
Form Generator
Commit 588043b9 authored by Théophile BORNON's avatar Théophile BORNON
Browse files
Options

udpate

parent 3aab3e6d
Hide whitespace changes
Inline Side-by-side
Showing with 63 additions and 49 deletions
src/App.js
View file @ 588043b9
...@@ -70,7 +70,7 @@ function App() { ...@@ -70,7 +70,7 @@ function App() {
} }
const addSection = () => { const addSection = () => {
setState({ sections: [...state.sections, { name: "Nouvelle section", categories: [] }] }); setState({ ...state, sections: [...state.sections, { name: "Nouvelle section", categories: [] }] });
} }
const deleteSection = i => () => { const deleteSection = i => () => {
...@@ -82,6 +82,7 @@ function App() { ...@@ -82,6 +82,7 @@ function App() {
let sections = Object.assign(state.sections); let sections = Object.assign(state.sections);
sections[i] = update; sections[i] = update;
setState({ setState({
...state,
sections: sections sections: sections
}); });
} }
......
src/Category.jsx
View file @ 588043b9
...@@ -66,8 +66,8 @@ export default function Category(props) { ...@@ -66,8 +66,8 @@ export default function Category(props) {
<Typography className={classes.heading}>{category.name}</Typography> <Typography className={classes.heading}>{category.name}</Typography>
</ExpansionPanelSummary> </ExpansionPanelSummary>
<ExpansionPanelDetails> <ExpansionPanelDetails>
<Grid container> <Grid container spacing={2}>
<Grid item xs={12} md={10}> <Grid item xs={12} md={8}>
<TextField <TextField
id="name" id="name"
label="Nom de la categorie" label="Nom de la categorie"
...@@ -79,6 +79,20 @@ export default function Category(props) { ...@@ -79,6 +79,20 @@ export default function Category(props) {
fullWidth fullWidth
/> />
</Grid> </Grid>
<Grid item xs={12} md={4}>
<TextField
id="coeff"
label="Coefficient"
value={category.coeff}
onChange={handleChange}
type="number"
InputLabelProps={{
shrink: true,
}}
margin="normal"
variant="outlined"
/>
</Grid>
<Grid item xs={12} md={10}> <Grid item xs={12} md={10}>
{category.subCategories.map((sc, i) => {category.subCategories.map((sc, i) =>
......
src/Section.jsx
View file @ 588043b9
...@@ -36,7 +36,7 @@ export default function SimpleExpansionPanel(props) { ...@@ -36,7 +36,7 @@ export default function SimpleExpansionPanel(props) {
} }
const addCategory = () => { const addCategory = () => {
setSection({ ...section, categories: [...section.categories, { name: "Nouvelle catégorie", subCategories: [] }] }) setSection({ ...section, categories: [...section.categories, { name: "Nouvelle catégorie", coeff: 1, subCategories: [] }] })
} }
const deleteCategory = i => () => { const deleteCategory = i => () => {
......
src/SubCategory.jsx
View file @ 588043b9
...@@ -54,12 +54,6 @@ export default function SubCategory(props) { ...@@ -54,12 +54,6 @@ export default function SubCategory(props) {
</ExpansionPanelSummary> </ExpansionPanelSummary>
<ExpansionPanelDetails> <ExpansionPanelDetails>
<Grid container justify="flex-end" alignItems="center" className={classes.root} spacing={2}> <Grid container justify="flex-end" alignItems="center" className={classes.root} spacing={2}>
<Grid item xs={12} md={10}>
<Divider />
<Typography variant="h6" component="h5">
{subCategory.name}
</Typography>
</Grid>
<Grid item xs={12} md={10}> <Grid item xs={12} md={10}>
<TextField <TextField
id="name" id="name"
...@@ -72,20 +66,22 @@ export default function SubCategory(props) { ...@@ -72,20 +66,22 @@ export default function SubCategory(props) {
fullWidth fullWidth
/> />
</Grid> </Grid>
<Grid item xs={12} md={4}> {subCategory.type === "" &&
<TextField <Grid item xs={12} md={4}>
id="coeff" <TextField
label="Coefficient" id="coeff"
value={subCategory.coeff} label="Coefficient"
onChange={handleChange} value={subCategory.coeff}
type="number" onChange={handleChange}
InputLabelProps={{ type="number"
shrink: true, InputLabelProps={{
}} shrink: true,
margin="normal" }}
variant="outlined" margin="normal"
/> variant="outlined"
</Grid> />
</Grid>
}
<Grid item xs={12} md={3}> <Grid item xs={12} md={3}>
<FormControlLabel <FormControlLabel
value="top" value="top"
...@@ -116,31 +112,34 @@ export default function SubCategory(props) { ...@@ -116,31 +112,34 @@ export default function SubCategory(props) {
labelPlacement="top" labelPlacement="top"
/> />
</Grid> </Grid>
<Grid item xs={12} md={5}> {subCategory.type === "" &&
<TextField <>
id="upper" <Grid item xs={12} md={5}>
label="Label valeur haute" <TextField
value={subCategory.upper} id="upper"
onChange={handleChange} label="Label valeur haute"
className={classes.textField} value={subCategory.upper}
margin="normal" onChange={handleChange}
variant="outlined" className={classes.textField}
fullWidth margin="normal"
/> variant="outlined"
</Grid> fullWidth
<Grid item xs={12} md={5}> />
<TextField </Grid>
id="lower" <Grid item xs={12} md={5}>
label="Label valeur basse" <TextField
value={subCategory.lower} id="lower"
onChange={handleChange} label="Label valeur basse"
className={classes.textField} value={subCategory.lower}
margin="normal" onChange={handleChange}
variant="outlined" className={classes.textField}
fullWidth margin="normal"
/> variant="outlined"
</Grid> fullWidth
/>
</Grid>
</>
}
<Grid item xs={12} md={10}> <Grid item xs={12} md={10}>
<Danger <Danger
size="small" size="small"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment