overflow_backup_2018_0455/test_web
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

move container

Browse Source
This commit is contained in:
snoop 2017-05-25 17:57:10 +09:00
parent d39bfa9e85
commit cda14bb92e
1 changed files with 99 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

194
src/ts/containers/member/regist.tsx
View File

@ -54,7 +54,7 @@ const muiTheme = getMuiTheme({
}, },
}); });
export class MemberRegist extends React.Component<any, any> { export class MemberRegist extends React.Component<any, any> {
constructor(props: any, context: any) { constructor(props: any, context: any) {
super(props, context); super(props, context);
@ -64,15 +64,15 @@ export class MemberRegist extends React.Component<any, any> {
open: false, open: false,
value: 1, value: 1,
email:"", email: "",
name:"", name: "",
company:"", company: "",
phone:"", phone: "",
pw:"", pw: "",
}; };
} }
handleChange = () => this.setState({ }); handleChange = () => this.setState({});
private emailInput: any; private emailInput: any;
@ -89,48 +89,52 @@ export class MemberRegist extends React.Component<any, any> {
} }
handleSignUp = () => { handleSignUp = () => {
let output: string; let output: string;
let obj: any; //new object declaration let obj: any; //new object declaration
obj = {"email":this.state.email, obj = {
"pwSalt":this.state.pw, "email": this.state.email,
"name":this.state.name, "pwSalt": this.state.pw,
"company":this.state.company, "name": this.state.name,
"phone":this.state.phone}; "company": this.state.company,
"phone": this.state.phone
};
output = JSON.stringify(obj); output = JSON.stringify(obj);
obj = {"value":output}; obj = { "value": output };
fetch('http://192.168.1.209:8080/v1/example/echo', { fetch('http://192.168.1.209:8080/v1/example/echo', {
method: 'POST', method: 'POST',
headers: { headers: {
'Accept': 'application/json', 'Accept': 'application/json',
// mode: 'no-cors' // mode: 'no-cors'
}, },
body: JSON.stringify(obj) body: JSON.stringify(obj)
}).then(function (response) { }).then(function (response) {
return response.json(); return response.json();
}).then(function (json) { }).then(function (json) {
console.log(json); console.log(json);
}).catch((err) => { ReactDOM.render(<MemberRegistResult />, document.getElementById('example')
);
}).catch((err) => {
console.log(err); console.log(err);
}); });
} }
handleResultContainer = () => {
ReactDOM.render( handleResultContainer = () => {
<MemberRegistResult />, ReactDOM.render(
document.getElementById('example') <MemberRegistResult />,
); document.getElementById('example')
} );
}
btnTouchTap = () => { btnTouchTap = () => {
@ -141,70 +145,70 @@ handleResultContainer = () => {
return ( return (
<MuiThemeProvider muiTheme={muiTheme}> <MuiThemeProvider muiTheme={muiTheme}>
<div style={styles.container}>
Get started with Overflow
<br/>
<TextField
ref="email"
hintText="smith@gmail.com"
floatingLabelText="Email address*"
errorText=""
style={styles.textfield}
underlineShow={true}
value={this.state.email}
onChange={(e, newValue) => this.setState({ email: newValue})}
/>
<br/>
<TextField
ref="name"
hintText="Snoop"
floatingLabelText="Full Name*"
style={styles.textfield}
underlineShow={true}
value={this.state.name}
onChange={(e, newValue) => this.setState({ name: newValue})}
/>
<br/>
<TextField <div style={styles.container}>
Get started with Overflow
<br />
<TextField
ref="email"
hintText="smith@gmail.com"
floatingLabelText="Email address*"
errorText=""
style={styles.textfield}
underlineShow={true}
value={this.state.email}
onChange={(e, newValue) => this.setState({ email: newValue })}
/>
<br />
<TextField
ref="name"
hintText="Snoop"
floatingLabelText="Full Name*"
style={styles.textfield}
underlineShow={true}
value={this.state.name}
onChange={(e, newValue) => this.setState({ name: newValue })}
/>
<br />
<TextField
ref="company" ref="company"
hintText="Loafle" hintText="Loafle"
floatingLabelText="Company*" floatingLabelText="Company*"
style={styles.textfield} style={styles.textfield}
underlineShow={true} underlineShow={true}
value={this.state.company} value={this.state.company}
onChange={(e, newValue) => this.setState({ company: newValue})} onChange={(e, newValue) => this.setState({ company: newValue })}
/> />
<br/> <br />
<TextField <TextField
ref="phone" ref="phone"
hintText="Loafle" hintText="Loafle"
floatingLabelText="Phone*" floatingLabelText="Phone*"
style={styles.textfield} style={styles.textfield}
underlineShow={true} underlineShow={true}
value={this.state.phone} value={this.state.phone}
onChange={(e, newValue) => this.setState({ phone: newValue})} onChange={(e, newValue) => this.setState({ phone: newValue })}
/> />
<br/> <br />
<TextField <TextField
hintText="Password" hintText="Password"
floatingLabelText="Password" floatingLabelText="Password"
type="password" type="password"
style={styles.textfield} style={styles.textfield}
value={this.state.pw} value={this.state.pw}
onChange={(e, newValue) => this.setState({ pw: newValue})} onChange={(e, newValue) => this.setState({ pw: newValue })}
/> />
<br/> <br />
<RaisedButton label="Sign Up" primary={true} style={styles.button} onClick={this.handleSignUp.bind(this)} />
</div>
<RaisedButton label="Sign Up" primary={true} style={styles.button} onClick={this.handleSignUp.bind(this)}/>
</div>
</MuiThemeProvider> </MuiThemeProvider>
); );
} }