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

member modify

Browse Source
This commit is contained in:
geek 2017-08-23 16:46:52 +09:00
parent db1d85e600
commit 653dcf6354
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/ts/@overflow/member/react/Modify.tsx
View File

@ -22,8 +22,8 @@ export function mapStateToProps(state: State, ownProps?:ModifyStateProps): Modif
export function mapDispatchToProps(dispatch: Dispatch<any>): ModifyDispatchProps {
return {
onModify: (member: Member) => {
dispatch(asyncRequestActions.request('MemberService', 'modify', modifyActions.REQUEST, JSON.stringify(member)));
onModify: (member: Member, pw: string) => {
dispatch(asyncRequestActions.request('MemberService', 'modify', modifyActions.REQUEST, JSON.stringify(member), pw));
},
onReadMember: (id: number) => {
dispatch(asyncRequestActions.request('MemberService', 'read', readActions.REQUEST, JSON.stringify(id)));

19
src/ts/@overflow/member/react/components/Modify.tsx
View File

@ -14,7 +14,7 @@ export interface StateProps {
}
export interface DispatchProps {
onModify?(member: Member): void;
onModify?(member: Member, pw: string): void;
onReadMember?(id: Number): void;
onRedirectHome():void;
}
@ -64,16 +64,15 @@ export class Modify extends React.Component<Props, State> {
}
public render(): JSX.Element {
console.log('dddddddddddddddddddddddd');
console.log(this.props.member);
let modifyElement = null;
if (this.props.member === null || this.props.member === undefined) {
return null;
}
modifyElement = <Form>
<Form.Input fluid value={this.props.member.email} placeholder='Email' disabled/>
<Form.Input fluid placeholder='Name' onChange= {
<Form.Input fluid defaultValue={this.props.member.email} placeholder='Email' disabled/>
<Form.Input fluid placeholder='Name' defaultValue={this.props.member.name} onChange= {
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
this.setState({ name: data.value });
}
@ -88,7 +87,7 @@ export class Modify extends React.Component<Props, State> {
this.setState({ passCon: data.value });
}
} />
<Form.Input fluid placeholder='Company' value={this.props.member.companyName} onChange={
<Form.Input fluid placeholder='Company' defaultValue={this.props.member.companyName} onChange={
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
this.setState({ company: data.value });
}
@ -98,7 +97,7 @@ export class Modify extends React.Component<Props, State> {
this.setState({ country: data.value });
}
} />
<Form.Input fluid placeholder='phone' value={this.props.member.phone} onChange={
<Form.Input fluid placeholder='phone' defaultValue={this.props.member.phone} onChange={
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
this.setState({ phone: data.value });
}
@ -126,13 +125,15 @@ export class Modify extends React.Component<Props, State> {
return;
}
member.email = this.state.email;
member.id = this.props.member.id;
member.email = this.props.member.email;
member.name = this.state.name;
member.companyName = this.state.company;
member.phone = this.state.phone;
member.status = this.props.member.status;
// member.status = MemberStatus.NOAUTH;
this.props.onModify(member);
this.props.onModify(member, this.state.pass);
}
}