pbca26
8 years ago
4 changed files with 120 additions and 9 deletions
@ -0,0 +1,95 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../translate/translate'; |
|||
import { |
|||
toggleAddcoinModal, |
|||
iguanaWalletPassphrase, |
|||
iguanaActiveHandle |
|||
} from '../../actions/actionCreators'; |
|||
import Store from '../../store'; |
|||
|
|||
class LoginModal extends React.Component { |
|||
constructor(props) { |
|||
super(props); |
|||
this.state = { |
|||
display: false, |
|||
activeLoginSection: 'activateCoin', |
|||
loginPassphrase: null, |
|||
seedInputVisibility: false, |
|||
}; |
|||
/*this.toggleActivateCoinForm = this.toggleActivateCoinForm.bind(this); |
|||
this.updateInput = this.updateInput.bind(this); |
|||
this.loginSeed = this.loginSeed.bind(this); |
|||
this.toggleSeedInputVisibility = this.toggleSeedInputVisibility.bind(this); |
|||
this.handleRegisterWallet = this.handleRegisterWallet.bind(this);*/ |
|||
} |
|||
|
|||
toggleSeedInputVisibility() { |
|||
this.setState({ |
|||
seedInputVisibility: !this.state.seedInputVisibility, |
|||
}); |
|||
} |
|||
|
|||
toggleActivateCoinForm() { |
|||
Store.dispatch(toggleAddcoinModal(true, false)); |
|||
} |
|||
|
|||
updateInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
isSeedConfirmError: false, |
|||
}); |
|||
} |
|||
|
|||
loginSeed() { |
|||
Store.dispatch(iguanaWalletPassphrase(this.state.loginPassphrase)); |
|||
} |
|||
|
|||
render() { |
|||
if (this.props.Dashboard.activateLoginModal) { |
|||
return ( |
|||
<div> |
|||
<div className={'modal modal-3d-sign add-coin-modal ' + (this.state.display ? 'show in' : 'fade hide')} id="AddCoinDilogModel-login" aria-hidden="true" aria-labelledby="AddCoinDilogModel-login" role="dialog" tabIndex="-1"> |
|||
<div className="modal-dialog modal-center modal-lg"> |
|||
<div className="modal-content"> |
|||
<div className="modal-header bg-orange-a400 wallet-send-header"> |
|||
<button type="button" className="close white" data-dismiss="modal" aria-label="Close" onClick={this.dismiss}> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
<h4 className="modal-title white">{translate('INDEX.SELECT_A_COIN')}</h4> |
|||
</div> |
|||
<div className="modal-body"> |
|||
<div id="wallet-login"> |
|||
<div className="page animsition vertical-align text-center fade-in" data-animsition-in="fade-in" data-animsition-out="fade-out"> |
|||
<div className="page-content vertical-align-middle"> |
|||
<div className="brand"> |
|||
<img className="brand-img" src="assets/images/easydex-logo-big.png" alt="SuperNET Iguana" /> |
|||
</div> |
|||
|
|||
<div id="section-login" className={this.state.activeLoginSection === 'login' ? 'show' : 'hide'}> |
|||
<h4 style={{ color: '#fff' }} id="login-welcome">{translate('INDEX.WELCOME_LOGIN')}</h4> |
|||
<div className="login-form"> |
|||
<div className="form-group form-material floating"> |
|||
<input type={this.state.seedInputVisibility ? 'text' : 'password'} className="form-control" name="loginPassphrase" id="password" onChange={this.updateInput} /> |
|||
<i className={this.state.seedInputVisibility ? 'seed-toggle fa fa-eye-slash' : 'seed-toggle fa fa-eye'} onClick={this.toggleSeedInputVisibility}></i> |
|||
<label className="floating-label" htmlFor="inputPassword">{translate('INDEX.WALLET_SEED')}</label> |
|||
</div> |
|||
<button type="button" className="btn btn-primary btn-block" id="loginbtn" onClick={this.loginSeed} disabled={!this.state.loginPassphrase || !this.state.loginPassphrase.length}>{translate('INDEX.SIGN_IN')}</button> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
); |
|||
} else { |
|||
return null; |
|||
} |
|||
} |
|||
} |
|||
|
|||
export default LoginModal; |
|||
Loading…
Reference in new issue