Added and marked up wallet decrypt component.
Still needs lots of work at this point, but all the visuals are done, it's been renamed to what Taylor said it should be called, and all the Aria labels have been properly updated.
This commit is contained in:
Daniel Kaspo
parent
227abd5ff6
commit
f8e9906b37
|
|
@ -1,126 +0,0 @@
|
|||
import React, {Component} from 'react';
|
||||
|
||||
export default class ViewWallet extends Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<section className="container" style={{minHeight: '50%'}}>
|
||||
<div className="tab-content">
|
||||
<article className="tab-pane active ng-scope"
|
||||
// ng-if="globalService.currentTab==globalService.tabs.viewWalletInfo.id"
|
||||
// ng-controller="viewWalletCtrl"
|
||||
>
|
||||
|
||||
<article className="collapse-container">
|
||||
<div
|
||||
// ng-click="wd = !wd"
|
||||
>
|
||||
{/*<a className="collapse-button"><span ng-show="wd" className="ng-hide">+</span><span*/}
|
||||
{/*ng-show="!wd">-</span></a>*/}
|
||||
|
||||
<h1 className="ng-scope">View Wallet Info</h1>
|
||||
|
||||
</div>
|
||||
<div
|
||||
// ng-show="!wd"
|
||||
>
|
||||
<p className="ng-scope">This allows you to download different versions
|
||||
of
|
||||
private keys and re-print your paper wallet. You may want to do this in order to
|
||||
<a
|
||||
target="_blank"
|
||||
href="http://ethereum.stackexchange.com/questions/465/how-to-import-a-plain-private-key-into-geth/">
|
||||
import
|
||||
your account into Geth/Mist</a>. If you want to check your balance, we
|
||||
recommend
|
||||
using a blockchain explorer like <a target="_blank" href="http://etherscan.io/">etherscan.io</a>.
|
||||
</p>
|
||||
{/*<wallet-decrypt-drtv/><article className="well decrypt-drtv row ng-scope" ng-controller="decryptWalletCtrl as $crtl">*/}
|
||||
<article className="well decrypt-drtv row ng-scope"
|
||||
// ng-controller="decryptWalletCtrl as $crtl"
|
||||
>
|
||||
<section className="col-md-4 col-sm-6">
|
||||
<h4 className="ng-scope">How would you like to access your
|
||||
wallet?</h4>
|
||||
<label className="radio">
|
||||
<input aria-flowto="aria1"
|
||||
aria-label="Keystore JSON file"
|
||||
type="radio"
|
||||
// ng-model="walletType"
|
||||
value="fileupload"
|
||||
className="ng-pristine ng-untouched ng-valid ng-empty"
|
||||
name="133"/>
|
||||
<span
|
||||
|
||||
// translate=""
|
||||
className="ng-scope">Keystore File (UTC / JSON)</span></label>
|
||||
<label className="radio"><input aria-flowto="aria2" aria-label="private key"
|
||||
type="radio"
|
||||
// ng-model="walletType"
|
||||
value="pasteprivkey"
|
||||
className="ng-pristine ng-untouched ng-valid ng-empty"
|
||||
name="135"/><span
|
||||
// translate=""
|
||||
className="ng-scope">Private Key</span></label>
|
||||
<label className="radio">
|
||||
<input aria-flowto="aria3" aria-label="mnemonic phrase"
|
||||
type="radio"
|
||||
// ng-model="walletType"
|
||||
value="pastemnemonic"
|
||||
className="ng-pristine ng-untouched ng-valid ng-empty"
|
||||
name="137"/><span
|
||||
|
||||
// translate=""
|
||||
className="ng-scope">Mnemonic Phrase</span></label>
|
||||
<label className="radio">
|
||||
<input aria-flowto="aria4" aria-label="parity phrase"
|
||||
type="radio"
|
||||
// ng-model="walletType"
|
||||
value="parityBWallet"
|
||||
className="ng-pristine ng-untouched ng-valid ng-empty"
|
||||
name="139"/><span
|
||||
// translate=""
|
||||
className="ng-scope">Parity Phrase</span></label>
|
||||
<label className="radio"
|
||||
// ng-hide="globalService.currentTab==globalService.tabs.signMsg.id"
|
||||
>
|
||||
<input
|
||||
aria-flowto="aria5" type="radio"
|
||||
aria-label="Ledger Nano S hardware wallet"
|
||||
// ng-model="walletType"
|
||||
|
||||
value="ledger"
|
||||
className="ng-pristine ng-untouched ng-valid ng-empty" name="141"/>Ledger
|
||||
Nano S</label>
|
||||
<label className="radio"
|
||||
// ng-hide="globalService.currentTab==globalService.tabs.signMsg.id"
|
||||
>
|
||||
<input
|
||||
aria-flowto="aria6" type="radio" aria-label="Trezor hardware wallet"
|
||||
// ng-model="walletType"
|
||||
value="trezor"
|
||||
className="ng-pristine ng-untouched ng-valid ng-empty"
|
||||
name="142"/>TREZOR</label>
|
||||
<label className="radio"
|
||||
// ng-hide="globalService.currentTab!==globalService.tabs.viewWalletInfo.id"
|
||||
|
||||
>
|
||||
<input
|
||||
aria-label="address" type="radio"
|
||||
// ng-model="walletType"
|
||||
value="addressOnly"
|
||||
className="ng-pristine ng-untouched ng-valid ng-empty"
|
||||
name="143"/><span>View with Address Only</span></label>
|
||||
</section>
|
||||
</article>
|
||||
</div>
|
||||
</article>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
import React, {Component} from 'react';
|
||||
import translate from 'translations';
|
||||
|
||||
|
||||
export default class WalletDecrypt extends Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<section className="container">
|
||||
<div className="tab-content">
|
||||
<article className="tab-pane active">
|
||||
<article className="collapse-container">
|
||||
<div>
|
||||
<h1>View Wallet Info</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>{translate('VIEWWALLET_Subtitle')}</p>
|
||||
<article className="well decrypt-drtv row">
|
||||
<section className="col-md-4 col-sm-6">
|
||||
<h4>{translate('decrypt_Access')}</h4>
|
||||
<label className="radio">
|
||||
<input
|
||||
aria-flowto="aria1"
|
||||
aria-labelledby="keystore-file-label"
|
||||
type="radio"
|
||||
value="fileupload"
|
||||
name="133"
|
||||
/>
|
||||
<span id="keystore-file-label">
|
||||
{translate('x_Keystore2')}
|
||||
</span>
|
||||
</label>
|
||||
<label className="radio">
|
||||
<input
|
||||
aria-flowto="aria2"
|
||||
aria-labelledby="private-key-label"
|
||||
type="radio"
|
||||
value="pasteprivkey"
|
||||
name="135"
|
||||
/>
|
||||
<span id="private-key-label">
|
||||
{translate('x_PrivKey2')}
|
||||
</span>
|
||||
</label>
|
||||
<label className="radio">
|
||||
<input
|
||||
aria-flowto="aria3"
|
||||
aria-labelledby="mnemonic-phrase-label"
|
||||
type="radio"
|
||||
value="pastemnemonic"
|
||||
name="137"
|
||||
/>
|
||||
<span id="mnemonic-phrase-label">
|
||||
{translate('x_Mnemonic')}
|
||||
</span>
|
||||
</label>
|
||||
<label className="radio">
|
||||
<input
|
||||
aria-flowto="aria4"
|
||||
aria-labelledby="parity-phrase-label"
|
||||
type="radio"
|
||||
value="parityBWallet"
|
||||
name="139"
|
||||
/>
|
||||
<span id="parity-phrase-label">
|
||||
{translate('x_ParityPhrase')}
|
||||
</span>
|
||||
</label>
|
||||
<label className="radio">
|
||||
<input
|
||||
aria-flowto="aria5"
|
||||
aria-labelledby="ledger-nano-s-label"
|
||||
type="radio"
|
||||
value="ledger"
|
||||
name="141"
|
||||
/>
|
||||
<span id="ledger-nano-s-label">
|
||||
{translate('x_Ledger')}
|
||||
</span>
|
||||
</label>
|
||||
<label className="radio">
|
||||
<input
|
||||
aria-flowto="aria6"
|
||||
aria-labelledby="trezor-label"
|
||||
type="radio"
|
||||
value="trezor"
|
||||
name="142"
|
||||
/>
|
||||
<span id="trezor-label">
|
||||
{translate('x_Trezor')}
|
||||
</span>
|
||||
</label>
|
||||
<label className="radio">
|
||||
<input
|
||||
aria-flowto="aria7"
|
||||
aria-labelledby="view-only-label"
|
||||
type="radio"
|
||||
value="addressOnly"
|
||||
name="143"
|
||||
/>
|
||||
<span id="view-only-label">
|
||||
View with Address Only
|
||||
</span>
|
||||
</label>
|
||||
</section>
|
||||
</article>
|
||||
</div>
|
||||
</article>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
export ViewWallet from './ViewWallet'
|
||||
export WalletDecrypt from './WalletDecrypt'
|
||||
export GenerateWallet from './GenerateWallet'
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import {browserHistory, Redirect, Route} from 'react-router';
|
|||
import {useBasename} from 'history';
|
||||
import {App} from 'containers';
|
||||
import GenerateWallet from 'containers/Tabs/GenerateWallet'
|
||||
import ViewWallet from 'containers/Tabs/ViewWallet'
|
||||
import WalletDecrypt from 'containers/Tabs/WalletDecrypt'
|
||||
import Help from 'containers/Tabs/Help'
|
||||
import Swap from 'containers/Tabs/Swap'
|
||||
|
||||
|
|
@ -12,7 +12,7 @@ export const history = getHistory()
|
|||
export const Routing = () => (
|
||||
<Route name="App" path='' component={App}>
|
||||
<Route name="GenerateWallet" path="/" component={GenerateWallet}/>
|
||||
<Route name="ViewWallet" path="/view-wallet" component={ViewWallet}/>
|
||||
<Route name="WalletDecrypt" path="/view-wallet" component={WalletDecrypt}/>
|
||||
<Route name="Help" path="/help" component={Help}/>
|
||||
<Route name="Swap" path="/swap" component={Swap}/>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue