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
Split 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 {
FormControl,
FormControlLabel,
Checkbox,
TextField,
Typography,
Grid,
Fab,
Container
Container,
FormControl,
InputLabel,
MenuItem,
Select,
OutlinedInput
} from "@material-ui/core";
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 {
state = {
@ -37,34 +63,20 @@ class Aufnahmeantrag extends Component {
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() {
const classes = this.useStyles;
const classes = this.props.classes;
return (
<Container maxWidth="md">
<FormControl variant="outlined">
<div className={classes.form}>
<Grid container direction="row" justify="center" alignItems="center">
<Grid container spacing={1}>
<Grid item xs={12}>
<Typography align="center" variant="h4" gutterBottom>
<Typography align="center" variant="h4">
Aufnahmeantrag
</Typography>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -76,7 +88,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -88,7 +100,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -100,7 +112,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -112,7 +124,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -124,7 +136,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -136,7 +148,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -148,7 +160,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -160,7 +172,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -172,7 +184,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -184,7 +196,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -196,51 +208,81 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<TextField
fullWidth={true}
id="outlined-name"
label="Laufzeit"
className={classes.textField}
value={this.state.Laufzeit}
onChange={this.handleChange("Laufzeit")}
<Grid item sm={6} xs={12}>
<FormControl
margin="normal"
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<TextField
fullWidth={true}
id="outlined-name"
label="Typ"
variant="outlined"
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"
fullWidth={true}
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 item xs={6}>
<FormControlLabel
control={
<Checkbox
checked={this.state.Ermaessigt}
onChange={() => this.handleChange("Ermaessigt")}
value="Ermaessigt"
color="primary"
/>
}
label="Schüler/Student/Azubi"
/>
<Grid item sm={6} xs={12}>
<div className={classes.checkbox}>
<FormControlLabel
control={
<Checkbox
checked={this.state.Ermaessigt}
onChange={() => this.handleChange("Ermaessigt")}
value="Ermaessigt"
color="primary"
/>
}
label="Schüler/Student/Azubi"
/>
</div>
</Grid>
</Grid>
<Grid container spacing={1}>
<Grid item xs={12}>
<Typography align="center" variant="h4" gutterBottom>
<Typography align="center" variant="h4">
Bankverbindung
</Typography>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -252,7 +294,7 @@ class Aufnahmeantrag extends Component {
variant="outlined"
/>
</Grid>
<Grid item xs={6}>
<Grid item sm={6} xs={12}>
<TextField
fullWidth={true}
id="outlined-name"
@ -282,10 +324,10 @@ class Aufnahmeantrag extends Component {
<SendIcon />
</Fab>
</Grid>
</FormControl>
</div>
</Container>
);
}
}
export default Aufnahmeantrag;
export default withStyles(useStyles)(Aufnahmeantrag);

Write Preview
Loading…
Cancel
Save