import TextField from "material-ui/TextField";
import Checkbox from "material-ui/Checkbox";
import RaisedButton from "material-ui/RaisedButton";
import Snackbar from "material-ui/Snackbar";
import Preloader from '../Preloader/Preloader'
class Login extends Component {
constructor(props) {
super();
this.state = ({
});
}
render() {
return (
<div>
<div style={mainDiv}>
<img src="./img/da-systems.png" alt="" style={imageWidthHeight}/>
<TextField
floatingLabelText="Inlognaam" fullWidth={true}
onChange={this.validationLogin.bind(this)}
value={this.state.loginValue}
errorText={this.state.loginErr}
/>
<TextField
floatingLabelText="Wachtwoord" fullWidth={true} type="password"
onChange={this.validationPass.bind(this)}
value={this.state.passValue}
errorText={this.state.passErr}
/>
<TextField
floatingLabelText="Organisatie" fullWidth={true}
onChange={this.validationOrganization.bind(this)}
value={this.state.organizationValue}
errorText={this.state.organizationErr}
/>
<div style={styles.myWidth}>
<Checkbox
label="Gegevens onthouden"
style={styles.checkbox}
onCheck={this.rememberMe.bind(this)}
checked={this.state.rememberMe}
/>
</div>
<RaisedButton label="LOG IN" primary={true} fullWidth={true} onClick={this.logIn.bind(this)}/>
</div>
</div>
)
}
}
const styles = {
block: {
maxWidth: 250,
},
checkbox: {
marginBottom: 16,
width: '100%',
},
div: {
display: 'flex',
flexDirection: 'column',
padding: 20,
width: '100%',
},
paperLeft: {
flex: 1,
height: '100%',
margin: 10,
textAlign: 'center',
padding: 10
},
paperRight: {
height: 600,
flex: 4,
margin: 10,
textAlign: 'center',
},
myWidth: {
width: '100%',
display: 'flex',
marginTop: '15px',
marginBottom: '15px',
}
};
const imageWidthHeight = {
marginTop:'25px',
maxWidth: '130px',
}
const mainDiv = {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
marginLeft: '25px',
marginRight: '25px',
}
export default Loginthis.state = {
todoName: ''
};