apply material design ; make whole dialog draggable

This commit is contained in:
GotPPay
2018-05-23 20:08:52 +02:00
parent 091055eab0
commit aaed238946
5 changed files with 31 additions and 18 deletions

View File

@@ -406,8 +406,7 @@ class VerticalNonLinear extends React.Component {
return_time: new Date(),
pickupTimeHide: false,
showValidationErrors:false,
validationErrors:[],
draggableDialog: false
validationErrors:[]
};
}
@@ -526,8 +525,7 @@ class VerticalNonLinear extends React.Component {
//Unprocessable Entity (validation failed)
self.setState(Object.assign(self.state, {
showValidationErrors:true,
validationErrors:error.response.data.data,
draggableDialog:true,
validationErrors:error.response.data.data
}));
}
});
@@ -898,7 +896,7 @@ class VerticalNonLinear extends React.Component {
<div className="box-body padding-xs">
<div style={{ maxWidth: 380, margin: 'auto' }}>
<ValidationErrorsInfoDialog title={'Errors'} open = {this.state.showValidationErrors} draggable={this.state.draggableDialog} errorMessages = {this.state.validationErrors} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)}/>
<ValidationErrorsInfoDialog title={'Errors'} open = {this.state.showValidationErrors} draggable={true} modal={false} errorMessages = {this.state.validationErrors} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)}/>
<Stepper
activeStep={this.state.stepIndex}

View File

@@ -37,8 +37,7 @@ class SignUp extends React.Component {
validated: false,
memberType:"S",
showValidationErrors: false,
validationErrors:[],
draggableDialog: false,
validationErrors:[]
}
componentDidMount = () => {
@@ -108,7 +107,7 @@ class SignUp extends React.Component {
}).catch(function (err) {
if (err.response.status === 422){
//Unprocessable Entity (validation failed)
state.setState(Object.assign(state.state, {showValidationErrors:true, validationErrors:err.response.data.data, draggableDialog:false}))
state.setState(Object.assign(state.state, {showValidationErrors:true, validationErrors:err.response.data.data}))
}else{
console.log('Error to get eligibility: ', err);
alert('NO benefits found for this member');
@@ -193,7 +192,7 @@ class SignUp extends React.Component {
return (
<form className="">
<fieldset>
<ValidationErrorsInfoDialog open = {this.state.showValidationErrors} errorMessages = {this.state.validationErrors} draggable={this.state.draggableDialog} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)}/>
<ValidationErrorsInfoDialog open = {this.state.showValidationErrors} errorMessages = {this.state.validationErrors} draggable={false} modal={true} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)}/>
<div className="form-group">
<TextField
floatingLabelText="First Name"