gitlab
/
EVA_Lernsituation
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

laufzeit und typ zu selects

f/formular-aufnahmeantrag
Kai Senkowski 7 years ago
parent
63e55b8b1f
commit
74c2ee475b
1 changed files with 108 additions and 66 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 174
      Frontend/src/components/Aufnahmeantrag.js

174
Frontend/src/components/Aufnahmeantrag.js
Unescape View File

@ -1,16 +1,42 @@
import React, { Component } from "react"; import React, { Component } from "react";
import { import {
FormControl,
FormControlLabel, FormControlLabel,
Checkbox, Checkbox,
TextField, TextField,
Typography, Typography,
Grid, Grid,
Fab, Fab,
Container Container,
FormControl,
InputLabel,
MenuItem,
Select,
OutlinedInput
} from "@material-ui/core"; } from "@material-ui/core";
import SendIcon from "@material-ui/icons/Send"; import SendIcon from "@material-ui/icons/Send";
import { makeStyles } from "@material-ui/core/styles"; import { withStyles, createStyles } from "@material-ui/core/styles";
const useStyles = createStyles(theme => ({
textField: {
margingLeft: theme.spacing(1),
marginRight: theme.spacing(1)
},
fab: {
margin: theme.spacing(1)
},
form: {
backgroundColor: "#f5f5f5",
borderRadius: "5px",
margin: "20px",
padding: "20px"
},
checkbox: {
display: "flex",
alignItems: "center",
height: "100%",
marginLeft: "7px"
}
}));
class Aufnahmeantrag extends Component { class Aufnahmeantrag extends Component {
state = { state = {
@ -37,34 +63,20 @@ class Aufnahmeantrag extends Component {
this.setState({ [name]: event.target.value }); this.setState({ [name]: event.target.value });
}; };
useStyles = makeStyles(theme => ({
textField: {
marginLeft: theme.spacing(1),
marginRight: theme.spacing(1),
width: 200
},
header: {
textAlign: "center"
},
fab: {
margin: theme.spacing(1)
}
}));
render() { render() {
const classes = this.useStyles; const classes = this.props.classes;
return ( return (
<Container maxWidth="md"> <Container maxWidth="md">
<FormControl variant="outlined"> <div className={classes.form}>
<Grid container direction="row" justify="center" alignItems="center"> <Grid container direction="row" justify="center" alignItems="center">
<Grid container spacing={1}> <Grid container spacing={1}>
<Grid item xs={12}> <Grid item xs={12}>
<Typography align="center" variant="h4" gutterBottom> <Typography align="center" variant="h4">
Aufnahmeantrag Aufnahmeantrag
</Typography> </Typography>
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -76,7 +88,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -88,7 +100,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -100,7 +112,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -112,7 +124,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -124,7 +136,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -136,7 +148,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -148,7 +160,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -160,7 +172,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -172,7 +184,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -184,7 +196,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -196,51 +208,81 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <FormControl
fullWidth={true}
id="outlined-name"
label="Laufzeit"
className={classes.textField}
value={this.state.Laufzeit}
onChange={this.handleChange("Laufzeit")}
margin="normal" margin="normal"
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<TextField
fullWidth={true} fullWidth={true}
id="outlined-name" variant="outlined"
label="Typ"
className={classes.textField} className={classes.textField}
value={this.state.Typ} >
onChange={this.handleChange("Typ")} <InputLabel htmlFor="outlined-laufzeit-simple">
Laufzeit
</InputLabel>
<Select
value={this.state.Laufzeit}
onChange={this.handleChange("Laufzeit")}
input={
<OutlinedInput
labelWidth={60}
name="laufzeit"
id="outlined-laufzeit-simple"
/>
}
>
<MenuItem value={6}>6 Monate</MenuItem>
<MenuItem value={12}>12 Monate</MenuItem>
</Select>
</FormControl>
</Grid>
<Grid item sm={6} xs={12}>
<FormControl
margin="normal" margin="normal"
fullWidth={true}
variant="outlined" variant="outlined"
/> className={classes.textField}
>
<InputLabel htmlFor="outlined-laufzeit-simple">
Unterichtstyp
</InputLabel>
<Select
value={this.state.Typ}
onChange={this.handleChange("Typ")}
input={
<OutlinedInput
labelWidth={95}
name="laufzeit"
id="outlined-laufzeit-simple"
/>
}
>
<MenuItem value={"einzel"}>Einzelunterricht</MenuItem>
<MenuItem value={"band"}>Gruppenunterricht / Band</MenuItem>
</Select>
</FormControl>
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<FormControlLabel <div className={classes.checkbox}>
control={ <FormControlLabel
<Checkbox control={
checked={this.state.Ermaessigt} <Checkbox
onChange={() => this.handleChange("Ermaessigt")} checked={this.state.Ermaessigt}
value="Ermaessigt" onChange={() => this.handleChange("Ermaessigt")}
color="primary" value="Ermaessigt"
/> color="primary"
} />
label="Schüler/Student/Azubi" }
/> label="Schüler/Student/Azubi"
/>
</div>
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={1}> <Grid container spacing={1}>
<Grid item xs={12}> <Grid item xs={12}>
<Typography align="center" variant="h4" gutterBottom> <Typography align="center" variant="h4">
Bankverbindung Bankverbindung
</Typography> </Typography>
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -252,7 +294,7 @@ class Aufnahmeantrag extends Component {
variant="outlined" variant="outlined"
/> />
</Grid> </Grid>
<Grid item xs={6}> <Grid item sm={6} xs={12}>
<TextField <TextField
fullWidth={true} fullWidth={true}
id="outlined-name" id="outlined-name"
@ -282,10 +324,10 @@ class Aufnahmeantrag extends Component {
<SendIcon /> <SendIcon />
</Fab> </Fab>
</Grid> </Grid>
</FormControl> </div>
</Container> </Container>
); );
} }
} }
export default Aufnahmeantrag; export default withStyles(useStyles)(Aufnahmeantrag);

Write Preview
Loading…
Cancel
Save