grassrootseconomics/openethereum
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

sms verification: loading step

Browse Source
This commit is contained in:
Jannis R 2016-11-17 14:21:44 +01:00
parent fff8743ee6
commit 179078d31a
No known key found for this signature in database
GPG Key ID: 0FE83946296A88A5
1 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
js/src/modals/SMSVerification/SMSVerification.js
View File

@ -22,7 +22,8 @@ import ContentClear from 'material-ui/svg-icons/content/clear';
import { Button, IdentityIcon, Modal } from '../../ui'; import { Button, IdentityIcon, Modal } from '../../ui';
import { import {
GATHERING_DATA, GATHERED_DATA, LOADING,
QUERY_DATA,
POSTING_REQUEST, POSTED_REQUEST, POSTING_REQUEST, POSTED_REQUEST,
REQUESTING_SMS, REQUESTED_SMS, REQUESTING_SMS, REQUESTED_SMS,
POSTING_CONFIRMATION, POSTED_CONFIRMATION, POSTING_CONFIRMATION, POSTED_CONFIRMATION,
@ -44,15 +45,12 @@ export default class SMSVerification extends Component {
} }
static phases = { // mapping (store steps -> steps) static phases = { // mapping (store steps -> steps)
[GATHERING_DATA]: 0, [GATHERED_DATA]: 0, [LOADING]: 0,
[POSTING_REQUEST]: 1, [POSTED_REQUEST]: 1, [REQUESTING_SMS]: 1, [QUERY_DATA]: 1,
[REQUESTED_SMS]: 2, [POSTING_REQUEST]: 2, [POSTED_REQUEST]: 2, [REQUESTING_SMS]: 2,
[POSTING_CONFIRMATION]: 3, [POSTED_CONFIRMATION]: 3, [REQUESTED_SMS]: 3,
[DONE]: 4 [POSTING_CONFIRMATION]: 4, [POSTED_CONFIRMATION]: 4,
} [DONE]: 5
componentDidMount () {
this.props.store.gatherData();
} }
render () { render () {
@ -65,8 +63,8 @@ export default class SMSVerification extends Component {
title='verify your account via SMS' title='verify your account via SMS'
visible scroll visible scroll
current={ phase } current={ phase }
steps={ ['Enter Data', 'Request', 'Enter Code', 'Confirm', 'Done!'] } steps={ ['Prepare', 'Enter Data', 'Request', 'Enter Code', 'Confirm', 'Done!'] }
waiting={ error ? [] : [ 1, 3 ] } waiting={ error ? [] : [ 0, 2, 4 ] }
> >
{ this.renderStep(phase, error) } { this.renderStep(phase, error) }
</Modal> </Modal>
@ -87,7 +85,7 @@ export default class SMSVerification extends Component {
return (<div>{ cancel }</div>); return (<div>{ cancel }</div>);
} }
if (phase === 4) { if (phase === 5) {
return ( return (
<div> <div>
{ cancel } { cancel }
@ -101,18 +99,18 @@ export default class SMSVerification extends Component {
); );
} }
let action; let action = () => {};
switch (phase) { switch (phase) {
case 0: case 1:
action = store.sendRequest; action = store.sendRequest;
break; break;
case 1: case 2:
action = store.queryCode; action = store.queryCode;
break; break;
case 2: case 3:
action = store.sendConfirmation; action = store.sendConfirmation;
break; break;
case 3: case 4:
action = store.done; action = store.done;
break; break;
} }
@ -142,13 +140,13 @@ export default class SMSVerification extends Component {
setNumber, setConsentGiven, setCode setNumber, setConsentGiven, setCode
} = this.props.store; } = this.props.store;
if (phase === 4) { if (phase === 5) {
return (<Done />); return (<Done />);
} }
if (phase === 3) { if (phase === 4) {
return (<SendConfirmation step={ step } tx={ confirmationTx } />); return (<SendConfirmation step={ step } tx={ confirmationTx } />);
} }
if (phase === 2) { if (phase === 3) {
return ( return (
<QueryCode <QueryCode
number={ number } fee={ fee } isCodeValid={ isCodeValid } number={ number } fee={ fee } isCodeValid={ isCodeValid }
@ -156,10 +154,10 @@ export default class SMSVerification extends Component {
/> />
); );
} }
if (phase === 1) { if (phase === 2) {
return (<SendRequest step={ step } tx={ requestTx } />); return (<SendRequest step={ step } tx={ requestTx } />);
} }
if (phase === 0) { if (phase === 1) {
const { setNumber, setConsentGiven } = this.props.store; const { setNumber, setConsentGiven } = this.props.store;
return ( return (
<GatherData <GatherData
@ -169,6 +167,9 @@ export default class SMSVerification extends Component {
/> />
); );
} }
if (phase === 0) {
return (<p>Preparing awesomeness!</p>);
}
return null; return null;
} }