pbca26
8 years ago
committed by
GitHub
GitHub
29 changed files with 2023 additions and 183 deletions
@ -0,0 +1,29 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../translate/translate'; |
|||
|
|||
class AddCoinOptionsAC extends React.Component { |
|||
render() { |
|||
return ( |
|||
<optgroup label="Assetchains"> |
|||
<option value="BET|basilisk|native">BET (BET)</option> |
|||
<option value="BOTS|basilisk|native">BOTS (BOTS)</option> |
|||
<option value="CEAL|basilisk|native">CEAL NET (CEAL)</option> |
|||
<option value="CRYPTO|basilisk|native">CRYPTO (CRYPTO)</option> |
|||
<option value="HOD|basilisk|native">HODL (HODL)</option> |
|||
<option value="DEX|basilisk|native">InstantDEX (DEX)</option> |
|||
<option value="JUMBLR|basilisk|native">JUMBLR (JUMBLR)</option> |
|||
<option value="KV|basilisk|native">KV (KV)</option> |
|||
<option value="MGW|basilisk|native">MultiGateway (MGW)</option> |
|||
<option value="MVP|basilisk|native">MVP Lineup (MVP)</option> |
|||
<option value="PANGEA|basilisk|native">PANGEA (PANGEA)</option> |
|||
<option value="REVS|basilisk|native">REVS (REVS)</option> |
|||
<option value="SHARK|basilisk|native">SHARK (SHARK)</option> |
|||
<option value="MESH|basilisk|native">SpaceMesh (MESH)</option> |
|||
<option value="SUPERNET|basilisk|native">SUPERNET (SUPERNET)</option> |
|||
<option value="WIRELESS|basilisk|native">WIRELESS (WIRELESS)</option> |
|||
</optgroup> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default AddCoinOptionsAC; |
|||
@ -0,0 +1,45 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../translate/translate'; |
|||
|
|||
class AddCoinOptionsACFiat extends React.Component { |
|||
render() { |
|||
return ( |
|||
<optgroup label="Fiat Currencies"> |
|||
<option value="AUD|basilisk|native">Australian Dollar (AUD)</option> |
|||
<option value="BRL|basilisk|native">Brazilian Real (BRL)</option> |
|||
<option value="GBP|basilisk|native">British Pound (GBP)</option> |
|||
<option value="BGN|basilisk|native">Bulgarian Lev (BGN)</option> |
|||
<option value="CAD|basilisk|native">Canadian Dollar (CAD)</option> |
|||
<option value="HRK|basilisk|native">Croatian Kuna (HRK)</option> |
|||
<option value="CZK|basilisk|native">Czech Koruna (CZK)</option> |
|||
<option value="CNY|basilisk|native">Chinese Yuan (CNY)</option> |
|||
<option value="DKK|basilisk|native">Danish Krone (DKK)</option> |
|||
<option value="EUR|basilisk|native">Euro (EUR)</option> |
|||
<option value="HKD|basilisk|native">Hong Kong Dollar (HKD)</option> |
|||
<option value="HUF|basilisk|native">Hungarian Forint (HUF)</option> |
|||
<option value="INR|basilisk|native">Indian Rupee (INR)</option> |
|||
<option value="IDR|basilisk|native">Indonesian Rupiah (IDR)</option> |
|||
<option value="ILS|basilisk|native">Israeli Shekel (ILS)</option> |
|||
<option value="JPY|basilisk|native">Japanese Yen (JPY)</option> |
|||
<option value="KRW|basilisk|native">Korean Won (KRW)</option> |
|||
<option value="MYR|basilisk|native">Malaysian Ringgit (MYR)</option> |
|||
<option value="MXN|basilisk|native">Mexican peso (MXN)</option> |
|||
<option value="NZD|basilisk|native">New Zealand Dollar (NZD)</option> |
|||
<option value="NOK|basilisk|native">Norwegian Krone (NOK)</option> |
|||
<option value="PHP|basilisk|native">Philippine Peso (PHP)</option> |
|||
<option value="PLN|basilisk|native">Polish Zloty (PLN)</option> |
|||
<option value="RON|basilisk|native">Romanian Leu (RON)</option> |
|||
<option value="RUB|basilisk|native">Russian Ruble (RUB)</option> |
|||
<option value="SGD|basilisk|native">Singapore Dollar (SGD)</option> |
|||
<option value="ZAR|basilisk|native">South African Rand (ZAR)</option> |
|||
<option value="SEK|basilisk|native">Swedish Krona (SEK)</option> |
|||
<option value="CHF|basilisk|native">Swiss Franc (CHF)</option> |
|||
<option value="THB|basilisk|native">Thai Baht (THB)</option> |
|||
<option value="TRY|basilisk|native">Turkish Lira (TRY)</option> |
|||
<option value="USD|basilisk|native">US Dollar (USD)</option> |
|||
</optgroup> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default AddCoinOptionsACFiat; |
|||
@ -0,0 +1,29 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../translate/translate'; |
|||
|
|||
class AddCoinOptionsCrypto extends React.Component { |
|||
render() { |
|||
return ( |
|||
<optgroup label="Crypto Currencies"> |
|||
<option value="ANC|full" data-full-mode="true">AnonCoin (ANC)</option> |
|||
<option value="BTC|full|basilisk">Bitcoin (BTC)</option> |
|||
<option value="BTCD|full">BitcoinDark (BTCD)</option> |
|||
<option value="BTM|full">Bitmark (BTM)</option> |
|||
<option value="CARB|full">Carboncoin (CARB)</option> |
|||
<option value="DGB|full">Digibyte (DGB)</option> |
|||
<option value="DOGE|full">Dogecoin (DOGE)</option> |
|||
<option value="FRK|full">Franko (FRK)</option> |
|||
<option value="GMC|full">Gamerscoin (GMC)</option> |
|||
<option value="KMD|basilisk|native">Komodo (KMD)</option> |
|||
<option value="LTC|full">Litecoin (LTC)</option> |
|||
<option value="MZC|full">MazaCoin (MZC)</option> |
|||
<option value="SYS|full">SysCoin (SYS)</option> |
|||
<option value="UNO|full">Unobtanium (UNO)</option> |
|||
<option value="ZEC|full">Zcash (ZEC)</option> |
|||
<option value="ZET|full">Zetacoin (ZET)</option> |
|||
</optgroup> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default AddCoinOptionsCrypto; |
|||
@ -0,0 +1,17 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../translate/translate'; |
|||
|
|||
class About extends React.Component { |
|||
render() { |
|||
return( |
|||
<div className="page" data-animsition-in="fade-in" data-animsition-out="fade-out" style={{marginLeft: '0'}}> |
|||
<div className="page-content" id="section-about-iguana"> |
|||
<h2>About Iguana</h2> |
|||
<p>Page content goes here</p> |
|||
</div> |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
export default About; |
|||
@ -0,0 +1,238 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../translate/translate'; |
|||
/*import { dashboardChangeSection, toggleAddcoinModal, logout } from '../../actions/actionCreators'; |
|||
import Store from '../../store';*/ |
|||
|
|||
class Jumblr extends React.Component { |
|||
constructor(props) { |
|||
super(props); |
|||
this.state = { |
|||
activeTab: 0, |
|||
}; |
|||
} |
|||
|
|||
openTab(tab) { |
|||
this.setState(Object.assign({}, this.state, { |
|||
activeTab: tab, |
|||
})); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div className="page" data-animsition-in="fade-in" data-animsition-out="fade-out" style={{marginLeft: '0'}}> |
|||
<div className="page-content" id="section-jumblr"> |
|||
<div className="row" id="jumblr_dashboard" data-plugin="masonry"> |
|||
<div className="col-xs-12" id="jumblr_testing_alert"> |
|||
<div className="alert alert-danger" role="alert"> |
|||
<button type="button" className="close" data-dismiss="alert" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
<span style={{fontSize: '24px', textAlign: 'center'}}> |
|||
<i className="icon fa-paw" aria-hidden="true"></i> {translate('JUMBLR.NOTICE')} |
|||
</span> |
|||
<br /> |
|||
{translate('JUMBLR.DESCRIPTION')} |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="col-xs-12" id="jumblr_no_native_kmd_alert"> |
|||
<div className="alert alert-info alert-dismissible" role="alert"> |
|||
<button type="button" className="close" data-dismiss="alert" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
<span style={{fontSize: '24px', textAlign: 'center'}}> |
|||
<i className="icon fa-paw" aria-hidden="true"></i> {translate('JUMBLR.NEED_NATIVE')} |
|||
</span> |
|||
<br /> |
|||
{translate('JUMBLR.TO_USE_JUMBLR')} |
|||
<br /> |
|||
{translate('JUMBLR.IF_YOU_ALREADY_RUNNING')} |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="col-xlg-12 col-md-12"> |
|||
<p>{translate('JUMBLR.THIS_SCREEN_DOESNT_REFRESH')}</p> |
|||
</div> |
|||
|
|||
<div className="col-xs-12"> |
|||
<div className="panel-group" id="jumber_quick_info" aria-multiselectable="true" role="tablist"> |
|||
<div className="panel"> |
|||
<div className="panel-heading" id="jumblr_security_notes" role="tab" onClick={() => this.openTab(0)}> |
|||
<a className={this.state.activeTab === 0 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#jumber_quick_info" aria-expanded="true" aria-controls="jumblr_security_notes_1">{translate('JUMBLR.FEW_SECURITY_NOTES')}</a> |
|||
</div> |
|||
<div className={this.state.activeTab === 0 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="jumblr_security_notes_1" aria-labelledby="jumblr_security_notes" role="tabpanel"> |
|||
<div className="panel-body"> |
|||
<ul> |
|||
<li>{translate('JUMBLR.FEW_SECURITY_NOTES_DESC1')}</li> |
|||
<li>{translate('JUMBLR.FEW_SECURITY_NOTES_DESC2')}</li> |
|||
<li>{translate('JUMBLR.FEW_SECURITY_NOTES_DESC3')}</li> |
|||
<li>{translate('JUMBLR.FEW_SECURITY_NOTES_DESC4')}</li> |
|||
<li>{translate('JUMBLR.FEW_SECURITY_NOTES_DESC5')}</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div className="panel"> |
|||
<div className="panel-heading" id="jumblr_access_funds" role="tab" onClick={() => this.openTab(1)}> |
|||
<a className={this.state.activeTab === 1 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#jumber_quick_info" aria-expanded="false" aria-controls="jumblr_access_funds_2">{translate('JUMBLR.ACCESS_JUMBLR_FUNDS')}</a> |
|||
</div> |
|||
<div className={this.state.activeTab === 1 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="jumblr_access_funds_2" aria-labelledby="jumblr_access_funds" role="tabpanel"> |
|||
<div className="panel-body"> |
|||
<p>{translate('JUMBLR.ADDRESS_ACCESSIBLE_EASILY')}</p> |
|||
<ul> |
|||
<code>duck dog cat donkey</code> |
|||
</ul> |
|||
<ol> |
|||
<li>{translate('JUMBLR.TO_ACCESS')}</li> |
|||
<li>{translate('JUMBLR.CLOSE_IAPP')}</li> |
|||
<li>{translate('JUMBLR.START_IAPP')}</li> |
|||
<li>{translate('JUMBLR.START_KMD')}</li> |
|||
<li>{translate('JUMBLR.ACCESS_JUMBLR_FUNDS')} |
|||
<ul> |
|||
<li>{translate('JUMBLR.SMALL_LETTERS')}</li> |
|||
<li>{translate('JUMBLR.WHITE_SPACE')}</li> |
|||
</ul> |
|||
</li> |
|||
<li> |
|||
{translate('JUMBLR.PER_EXAMPLE')} |
|||
<br /> |
|||
<code>jumblr duck dog cat donkey</code> |
|||
</li> |
|||
<li>{translate('JUMBLR.LOGIN_WITH_JUMBLR')}</li> |
|||
</ol> |
|||
<h4>{translate('JUMBLR.AGAIN_DONT_SHARE')}</h4> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div className="panel"> |
|||
<div className="panel-heading" id="jumblr_using_jumblr" role="tab" onClick={() => this.openTab(2)}> |
|||
<a className={this.state.activeTab === 2 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#jumber_quick_info" aria-expanded="false" aria-controls="jumblr_using_jumblr_3">{translate('JUMBLR.USING_JUMBLR')}</a> |
|||
</div> |
|||
<div className={this.state.activeTab === 2 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="jumblr_using_jumblr_3" aria-labelledby="jumblr_using_jumblr" |
|||
role="tabpanel"> |
|||
<div className="panel-body"> |
|||
<ul> |
|||
<li>{translate('JUMBLR.RUN_KMD')}</li> |
|||
<li>{translate('JUMBLR.LOGIN_KMD')}</li> |
|||
<li>{translate('JUMBLR.GO_TO')}</li> |
|||
<li>{translate('JUMBLR.FIND_DEPOSIT_ADDR')}</li> |
|||
<li>{translate('JUMBLR.YOU_SEND_FUNDS')}</li> |
|||
<li>{translate('JUMBLR.KEEP_WALLET_OPEN')}</li> |
|||
<li>{translate('JUMBLR.IMPORTANT_FUNDS')}</li> |
|||
<li>{translate('JUMBLR.LARGE_LOT')}</li> |
|||
</ul> |
|||
<p>{translate('JUMBLR.EG')}</p> |
|||
<p>{translate('JUMBLR.93_KMD')}</p> |
|||
<p>{translate('JUMBLR.TO_CLEAR_THEM')}</p> |
|||
<p>{translate('JUMBLR.WHEN_IT_TOTALS')}</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="col-xlg-12 col-md-12"> |
|||
<h4 className="font-size-14 text-uppercase">{translate('JUMBLR.JADDR')}</h4> |
|||
<div className="panel" id="projects"> |
|||
<div className="table-responsive"> |
|||
<table className="table table-striped"> |
|||
<tbody> |
|||
<tr> |
|||
<td width="20%">{translate('JUMBLR.BTC_DEPOSIT')}</td> |
|||
<td> |
|||
<span id="jumblr_BTCdeposit"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>BTC Jumblr</td> |
|||
<td> |
|||
<button type="button" className="btn btn-animate btn-animate-side btn-default btn-sm waves-effect waves-light jumblr_show_hide_addr_btc_btn" data-jumblr="BTCjumblr"> |
|||
<span><i className="icon fa-eye" aria-hidden="true"></i> {translate('JUMBLR.SHOW_HIDE')}</span> |
|||
</button> |
|||
<span className="label label-lg label-outline label-success" id="jumblr_BTCjumblr" style={{display: 'none'}}></span> |
|||
<span className="label label-lg label-outline label-default" id="jumblr_BTCjumblr_showhide">{translate('JUMBLR.HIDDEN')}</span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('JUMBLR.KMD_DEPOSIT')}</td> |
|||
<td> |
|||
<span id="jumblr_KMDdeposit"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>KMD Jumblr</td> |
|||
<td> |
|||
<button type="button" className="btn btn-animate btn-animate-side btn-default btn-sm waves-effect waves-light jumblr_show_hide_addr_kmd_btn" data-jumblr="KMDjumblr"> |
|||
<span><i className="icon fa-eye" aria-hidden="true"></i> {translate('JUMBLR.SHOW_HIDE')}</span> |
|||
</button> |
|||
<span className="label label-lg label-outline label-success" id="jumblr_KMDjumblr" style={{display: 'none'}}></span> |
|||
<span className="label label-lg label-outline label-default" id="jumblr_KMDjumblr_showhide">{translate('JUMBLR.HIDDEN')}</span> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="col-xlg-12 col-md-12"> |
|||
<h4 className="font-size-14 text-uppercase">{translate('JUMBLR.JSTATUS')}</h4> |
|||
<div className="panel" id="projects"> |
|||
<div className="table-responsive"> |
|||
<table className="table table-striped"> |
|||
<tbody> |
|||
<tr> |
|||
<td width="20%">{translate('JUMBLR.RESULT')}</td> |
|||
<td> |
|||
<span id="jumblr_status_result" className="label label-success"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('JUMBLR.DEPOSITED')}</td> |
|||
<td> |
|||
<span id="jumblr_status_deposited"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('JUMBLR.PUB_TO_PRIV')}</td> |
|||
<td> |
|||
<span id="jumblr_status_t_to_z"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('JUMBLR.PRIV_TO_PRIV')}</td> |
|||
<td> |
|||
<span id="jumblr_status_z_to_z"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('JUMBLR.PRIV_TO_PUB')}</td> |
|||
<td> |
|||
<span id="jumblr_status_z_to_t"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('JUMBLR.FINISHED')}</td> |
|||
<td> |
|||
<span id="jumblr_status_finished"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('JUMBLR.PENDING')}</td> |
|||
<td> |
|||
<span id="jumblr_status_pending"></span> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default Jumblr; |
|||
@ -0,0 +1,557 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../translate/translate'; |
|||
|
|||
class ReceiveCoin extends React.Component { |
|||
render() { |
|||
console.log('receiveprops', this.props); |
|||
if (this.props && this.props.receive) { |
|||
return ( |
|||
<div className="page" data-animsition-in="fade-in" data-animsition-out="fade-out" style={{marginLeft: '0'}}> |
|||
<div className="page-content" data-extcoin="COIN" id="section-extcoin"> |
|||
<div role="alert" className="alert alert-danger alert-dismissible" data-extcoin="COIN" id="extcoin-wallet-connection-alert"> |
|||
<button aria-label="Close" data-dismiss="alert" className="close" type="button"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
<h4>{translate('INDEX.OOPS_ERROR')}</h4> |
|||
<p data-extcoin="COIN" id="extcoin-wallet-connection-alert-text"> |
|||
<span data-lang="INDEX.OOPS_ERROR_DESC"></span> |
|||
<code>server=1</code><br/> |
|||
<code>rpcport=</code><br/> |
|||
<code>rpcuser=</code><br/> |
|||
<code>rpcpassword=</code> |
|||
</p> |
|||
</div> |
|||
|
|||
<div role="alert" className="alert alert-info alert-dismissible" data-extcoin="COIN" id="extcoin-wallet-activating-alert"> |
|||
<button aria-label="Close" data-dismiss="alert" className="close" type="button"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
<h4> |
|||
{translate('INDEX.ACTIVATING_CHAIN')}<span id="activating-komodod-tridot">...</span><span id="activating-komodod-progress"></span> |
|||
</h4> |
|||
<p data-extcoin="COIN" id="extcoin-wallet-connection-alert-text">{translate('INDEX.KMD_STARTED')}</p> |
|||
</div> |
|||
|
|||
<div className="row" data-extcoin="COIN" style={{margin: '-20px 0px 10px 0px'}}> |
|||
<div className="col-xs-12" data-extcoin="COIN" id="extcoin-progressbars"> |
|||
<div className="progress"> |
|||
<div className="progress-bar progress-bar-info progress-bar-striped active" style={{width: '0%', fontSize: '80%'}} role="progressbar" data-extcoin="COIN" id="extcoin-sync"> |
|||
<span data-extcoin="COIN" id="extcoin-sync-percent">-</span> | <span data-extcoin="COIN" id="extcoin-synced-blocks">-</span> / <span data-extcoin="COIN" id="extcoin-longestchain">-</span> | <span data-lang="INDEX.CONNECTIONS"></span>: <span data-extcoin="COIN" id="extcoin-connections">-</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="row" data-extcoin="COIN" id="extcoin-wallet" data-plugin="masonry"> |
|||
<div className="col-xs-12"> |
|||
<div className="col-lg-3 col-xs-12" data-extcoin="COIN" id="kmd_widget_get_total_balance_t"> |
|||
<div className="widget widget-shadow" id="widgetLineareaOne"> |
|||
<div className="widget-content white bg-yellow-800"> |
|||
<div className="padding-20 padding-top-10"> |
|||
<div className="clearfix"> |
|||
<div className="pull-left padding-vertical-10"> |
|||
<i className="icon fa-eye font-size-24 vertical-align-bottom margin-right-5"></i>{translate('INDEX.TRANSPARENT_BALANCE')} |
|||
</div> |
|||
<span className="pull-right padding-top-10" data-extcoin="COIN" id="kmd_transparent_balance" style={{fontSize: '22px'}}>-</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="col-lg-3 col-xs-12" data-extcoin="COIN" id="kmd_widget_get_total_balance_z"> |
|||
<div className="widget widget-shadow" id="widgetLineareaOne"> |
|||
<div className="widget-content white bg-blue-grey-800"> |
|||
<div className="padding-20 padding-top-10"> |
|||
<div className="clearfix"> |
|||
<div className="pull-left padding-vertical-10"> |
|||
<i className="icon fa-eye-slash font-size-24 vertical-align-bottom margin-right-5"></i>{translate('INDEX.Z_BALANCE')} |
|||
</div> |
|||
<span className="pull-right padding-top-10" data-extcoin="COIN" id="kmd_private_balance" style={{fontSize: '22px'}}>-</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="col-lg-3 col-xs-12" data-extcoin="COIN" id="kmd_widget_get_total_balance_i"> |
|||
<div className="widget widget-shadow" id="widgetLineareaOne"> |
|||
<div className="widget-content white bg-cyan-700"> |
|||
<div className="padding-20 padding-top-10"> |
|||
<div className="clearfix"> |
|||
<div className="pull-left padding-vertical-10"> |
|||
<i className="icon fa-money font-size-24 vertical-align-bottom margin-right-5"></i>{translate('INDEX.INTEREST_EARNED')} |
|||
</div> |
|||
<span className="pull-right padding-top-10" data-extcoin="COIN" id="kmd_total_interest_balance" style={{fontSize: '22px'}}>-</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="col-lg-3 col-xs-12" data-extcoin="COIN" id="kmd_widget_get_total_balance_tzi"> |
|||
<div className="widget widget-shadow" id="widgetLineareaOne"> |
|||
<div className="widget-content white bg-green-600"> |
|||
<div className="padding-20 padding-top-10"> |
|||
<div className="clearfix"> |
|||
<div className="pull-left padding-vertical-10"> |
|||
<i className="icon fa-bullseye font-size-24 vertical-align-bottom margin-right-5"></i>{translate('INDEX.ZT_BALANCE')} |
|||
</div> |
|||
<span className="pull-right padding-top-10" data-extcoin="COIN" id="kmd_total_tz_balance" style={{fontSize: '22px'}}>-</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div data-extcoin="COIN" id="kmd_wallet_dashboardinfo"> |
|||
<div className="col-xs-12 margin-top-20"> |
|||
<div className="panel nav-tabs-horizontal"> |
|||
<div data-extcoin="COIN" id="kmd_wallet_dashoard_section"> |
|||
<div className="col-xlg-12 col-lg-12 col-sm-12 col-xs-12"> |
|||
<div className="panel"> |
|||
<header className="panel-heading"> |
|||
<h3 className="panel-title">{translate('INDEX.TRANSACTION_HISTORY')}</h3> |
|||
</header> |
|||
<div className="panel-body"> |
|||
<table className="table table-hover dataTable table-striped" data-extcoin="COIN" id="kmd-tx-history-tbl" width="100%"> |
|||
<thead> |
|||
<tr> |
|||
<th>{translate('INDEX.TYPE')}</th> |
|||
<th>{translate('INDEX.DIRECTION')}</th> |
|||
<th>{translate('INDEX.CONFIRMATIONS')}</th> |
|||
<th>{translate('INDEX.AMOUNT')}</th> |
|||
<th>{translate('INDEX.TIME')}</th> |
|||
<th>{translate('INDEX.DEST_ADDRESS')}</th> |
|||
<th>{translate('INDEX.TX_DETAIL')}</th> |
|||
</tr> |
|||
</thead> |
|||
<tfoot> |
|||
<tr> |
|||
<th>{translate('INDEX.TYPE')}</th> |
|||
<th>{translate('INDEX.DIRECTION')}</th> |
|||
<th>{translate('INDEX.CONFIRMATIONS')}</th> |
|||
<th>{translate('INDEX.AMOUNT')}</th> |
|||
<th>{translate('INDEX.TIME')}</th> |
|||
<th>{translate('INDEX.DEST_ADDRESS')}</th> |
|||
<th>{translate('INDEX.TX_DETAIL')}</th> |
|||
</tr> |
|||
</tfoot> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div data-extcoin="COIN" id="kmd_wallet_recieve"> |
|||
<div className="col-xs-12 margin-top-20"> |
|||
<div className="panel nav-tabs-horizontal"> |
|||
<div data-extcoin="COIN" id="kmd_wallet_recieve_section"> |
|||
<div className="col-xlg-12 col-lg-12 col-sm-12 col-xs-12"> |
|||
<div className="panel"> |
|||
<header className="panel-heading"> |
|||
<div className="panel-actions"> |
|||
<div className="dropdown"> |
|||
<a className="dropdown-toggle white btn btn-warning" data-extcoin="COIN" id="GetNewRecievingAddress" data-toggle="dropdown" href="javascript:void(0)" aria-expanded="false" role="button"> |
|||
<i className="icon md-arrows margin-right-10" aria-hidden="true"></i> {translate('INDEX.GET_NEW_ADDRESS')} <span className="caret"></span> |
|||
</a> |
|||
<ul className="dropdown-menu dropdown-menu-right" aria-labelledby="GetNewRecievingAddress" role="menu"> |
|||
<li role="presentation"> |
|||
<a href="javascript:void(0)" data-extcoin="COIN" id="kmd_get_new_taddr" role="menuitem"> |
|||
<i className="icon fa-eye" aria-hidden="true"></i> {translate('INDEX.TRANSPARENT_ADDRESS')} |
|||
</a> |
|||
</li> |
|||
<li data-extcoin="COIN" role="presentation"> |
|||
<a href="javascript:void(0)" data-extcoin="COIN" id="kmd_get_new_zaddr" role="menuitem"> |
|||
<i className="icon fa-eye-slash" aria-hidden="true"></i> {translate('INDEX.PRIVATE_Z_ADDRESS')} |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<h3 className="panel-title">{translate('INDEX.RECEIVING_ADDRESS')}</h3> |
|||
</header> |
|||
<div className="panel-body"> |
|||
<table className="table table-hover dataTable table-striped" data-extcoin="COIN" id="kmd-recieve-addr-tbl"> |
|||
<thead> |
|||
<tr> |
|||
<th data-lang="INDEX.TYPE">{translate('INDEX.TYPE')}</th> |
|||
<th data-lang="INDEX.ADDRESS">{translate('INDEX.ADDRESS')}</th> |
|||
</tr> |
|||
</thead> |
|||
<tfoot> |
|||
<tr> |
|||
<th data-lang="INDEX.TYPE">{translate('INDEX.TYPE')}</th> |
|||
<th data-lang="INDEX.ADDRESS">{translate('INDEX.ADDRESS')}</th> |
|||
</tr> |
|||
</tfoot> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div data-extcoin="COIN" id="kmd_wallet_send"> |
|||
<div className="col-xlg-12 col-md-12 col-sm-12 col-xs-12"> |
|||
<div className="panel" id="projects"> |
|||
<div className="panel-heading"> |
|||
<h3 data-extcoin="COIN" className="panel-title"> |
|||
{translate('INDEX.SEND')} <span data-extcoinname="COIN"></span> |
|||
</h3> |
|||
</div> |
|||
<div className="panel-body container-fluid"> |
|||
<form className="extcoin-send-form" data-extcoin="COIN" method="post" role="form" autocomplete="off" onsubmit="return false"> |
|||
<div className="row"> |
|||
<div className="col-xlg-12 form-group form-material"> |
|||
<label className="control-label" data-extcoin="COIN" for="kmd_wallet_send_from">{translate('INDEX.SEND_FROM')}</label> |
|||
<select className="form-control form-material showkmdwalletaddrs show-tick" data-extcoin="COIN" id="kmd_wallet_send_from" title="Select Transparent or Private Address" data-size="5"></select> |
|||
</div> |
|||
<div className="col-xlg-12 form-group form-material"> |
|||
<label className="control-label" data-extcoin="COIN" for="kmd_wallet_sendto">{translate('INDEX.SEND_TO')}</label> |
|||
<input type="text" className="form-control" data-extcoin="COIN" id="kmd_wallet_sendto" name="kmd_wallet_sendto" placeholder="Enter Transparent or Private address" autocomplete="off" required /> |
|||
</div> |
|||
<div className="col-lg-6 form-group form-material"> |
|||
<label className="control-label" for="kmd_wallet_amount" data-extcoin="COIN" id="kmd_wallet_amount_label"> |
|||
<span data-extcoinname="COIN"></span> |
|||
</label> |
|||
<input type="text" className="form-control" data-extcoin="COIN" id="kmd_wallet_amount" name="kmd_wallet_amount" placeholder="0.000" autocomplete="off" /> |
|||
</div> |
|||
<div className="col-lg-6 form-group form-material"> |
|||
<label className="control-label" data-extcoin="COIN" for="kmd_wallet_fee">{translate('INDEX.FEE')}</label> |
|||
<input type="text" className="form-control" data-extcoin="COIN" id="kmd_wallet_fee" name="kmd_wallet_fee" placeholder="0.000" value="0.0001" autocomplete="off" /> |
|||
</div> |
|||
<div className="col-lg-12"> |
|||
<span data-extcoin="KMD"> |
|||
<b>{translate('INDEX.TOTAL')} (<span data-extcoinname="COIN"></span> - txfee):</b> <span data-extcoin="COIN" id="kmd_wallet_total_value">0.000</span> <span data-extcoin="COIN" id="kmd_wallet_total_coinname" data-extcoinname="COIN"></span> |
|||
</span> |
|||
</div> |
|||
<div className="col-lg-12"> |
|||
<button type="submit" className="btn btn-primary waves-effect waves-light pull-right" data-toggle="modal" id="kmd_wallet_send_coins_btn"> |
|||
{translate('INDEX.SEND')} <span data-extcoinname="COIN"></span> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="col-xs-12"> |
|||
<div className="row"> |
|||
<div className="panel nav-tabs-horizontal"> |
|||
<div data-extcoin="COIN" id="kmd_wallet_opids_status_section"> |
|||
<div className="col-xlg-12 col-lg-12 col-sm-12 col-xs-12"> |
|||
<div className="panel"> |
|||
<header className="panel-heading"> |
|||
<div className="panel-actions"> |
|||
<button className="btn btn-info btn-block" id="kmd_opids_status_btn" type="button"> |
|||
<i className="icon fa-repeat" aria-hidden="true"></i> {translate('INDEX.REFRESH')} |
|||
</button> |
|||
</div> |
|||
<h3 className="panel-title">{translate('INDEX.OPERATIONS_STATUSES')}</h3> |
|||
</header> |
|||
<div className="panel-body"> |
|||
<table className="table table-hover dataTable table-striped" data-extcoin="COIN" id="kmd-opid-status-tbl" width="100%"> |
|||
<thead> |
|||
<tr> |
|||
<th data-lang="INDEX.STATUS">{translate('INDEX.STATUS')}</th> |
|||
<th>ID</th> |
|||
<th data-lang="INDEX.TIME">{translate('INDEX.TIME')}</th> |
|||
<th data-lang="INDEX.RESULT">{translate('INDEX.RESULT')}</th> |
|||
</tr> |
|||
</thead> |
|||
<tfoot> |
|||
<tr> |
|||
<th data-lang="INDEX.STATUS">{translate('INDEX.STATUS')}</th> |
|||
<th>ID</th> |
|||
<th data-lang="INDEX.TIME">{translate('INDEX.TIME')}</th> |
|||
<th data-lang="INDEX.RESULT">{translate('INDEX.RESULT')}</th> |
|||
</tr> |
|||
</tfoot> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div data-extcoin="COIN" id="kmd_wallet_settings"> |
|||
<div className="col-xlg-6 col-md-4"> |
|||
<div className="panel" id="projects"> |
|||
<div className="panel-heading"> |
|||
<h3 className="panel-title">{translate('INDEX.WALLET_INFO')}</h3> |
|||
</div> |
|||
<div className="table-responsive"> |
|||
<table className="table table-striped"> |
|||
<tbody> |
|||
<tr> |
|||
<td>{translate('INDEX.WALLET_VERSION')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_walletversion"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.BALANCE')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_balance"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.UNCONFIRMED_BALANCE')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_unconfirmed_balance"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.IMMATURE_BALANCE')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_immature_balance"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.TOTAL_TX_COUNT')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="KMDTotalTransactionsCount"></span> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="col-xlg-6 col-md-8"> |
|||
<div className="panel" id="projects"> |
|||
<div className="panel-heading"> |
|||
<h3 className="panel-title"> |
|||
<span data-extcointitle="COIN">Komodo</span> {translate('INDEX.INFO')} |
|||
</h3> |
|||
</div> |
|||
<div className="table-responsive"> |
|||
<table className="table table-striped"> |
|||
<tbody> |
|||
<tr> |
|||
<td>{translate('INDEX.VERSION')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_version"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.PROTOCOL_VERSION')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_protocolversion"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.NOTARIZED')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_notarized"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td> |
|||
{translate('INDEX.NOTARIZED')} Hash |
|||
</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_notarizedhash"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td> |
|||
{translate('INDEX.NOTARIZED')} BTC |
|||
</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_notarizedbtc"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.BLOCKS')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_blocks"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.CONNECTIONS')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_connections"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.DIFFICULTY')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_difficulty"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>Testnet</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_testnet"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.PAY_TX_FEE')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_paytxfee"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.RELAY_FEE')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_relayfee"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>{translate('INDEX.ERRORS')}</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_errors"></span> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="modal fade modal-3d-sign" data-extcoin="COIN" id="kmd_txid_info_mdl" aria-hidden="false" role="dialog" tabindex="-1"> |
|||
<div className="modal-dialog modal-center modal-lg"> |
|||
<div className="modal-content"> |
|||
<div className="modal-body"> |
|||
<div className="panel nav-tabs-horizontal"> |
|||
<ul className="nav nav-tabs nav-tabs-line" data-plugin="nav-tabs" role="tablist"> |
|||
<li className="active" role="presentation"> |
|||
<a data-toggle="tab" href="#KmdTxIDInfotab1" data-extcoin="COIN" aria-controls="KmdTxIDInfotab1" role="tab"> |
|||
<i className="icon md-balance-wallet" aria-hidden="true"></i>TxID Info |
|||
</a> |
|||
</li> |
|||
<li role="presentation"> |
|||
<a data-toggle="tab" href="#KmdTxIDInfotab2" data-extcoin="COIN" aria-controls="KmdTxIDInfotab2" role="tab"> |
|||
<i className="icon md-plus-square" aria-hidden="true"></i>vjointsplits, details |
|||
</a> |
|||
</li> |
|||
<li role="presentation"> |
|||
<a data-toggle="tab" href="#KmdTxIDInfotab3" data-extcoin="COIN" aria-controls="KmdTxIDInfotab3" role="tab"> |
|||
<i className="icon wb-briefcase" aria-hidden="true"></i>hex |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
<div className="panel-body"> |
|||
<div className="tab-content"> |
|||
<div className="tab-pane active" id="KmdTxIDInfotab1" data-extcoin="COIN" role="tabpanel"> |
|||
<table className="table table-striped"> |
|||
<tbody> |
|||
<tr> |
|||
<td>amount</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_amount"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>fee</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_fee"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>confirmations</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_confirmations"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>blockhash</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_blockhash"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>blockindex</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_blockindex"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>blocktime</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_blocktime"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>txid</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_txid"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>walletconflicts</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_walletconflicts"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>time</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_time"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>timereceived</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_timereceived"></span> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
<div className="tab-pane" id="KmdTxIDInfotab2" data-extcoin="COIN" role="tabpanel"> |
|||
<table className="table table-striped"> |
|||
<tbody> |
|||
<tr> |
|||
<td>vjoinsplit</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_vjoinsplit"></span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>details</td> |
|||
<td> |
|||
<span data-extcoin="COIN" id="kmd_txid_info_details"></span> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
<div className="tab-pane" id="KmdTxIDInfotab3" data-extcoin="COIN" role="tabpanel"> |
|||
<textarea id="kmd_txid_info_hex" data-extcoin="COIN" style={{width: '100%', height: '170px'}} rows="10" cols="80" disabled></textarea> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div className="modal-footer"> |
|||
<button type="button" className="btn btn-default" data-dismiss="modal">Close</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
); |
|||
} else { |
|||
return null; |
|||
} |
|||
} |
|||
} |
|||
|
|||
export default ReceiveCoin; |
|||
@ -0,0 +1,322 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../translate/translate'; |
|||
import { iguanaActiveHandle, encryptWallet, settingsWifkeyState } from '../../actions/actionCreators'; |
|||
import Store from '../../store'; |
|||
import AddCoinOptionsCrypto from '../addcoin/addcoinOptionsCrypto'; |
|||
import AddCoinOptionsAC from '../addcoin/addcoinOptionsAC'; |
|||
import AddCoinOptionsACFiat from '../addcoin/addcoinOptionsACFiat'; |
|||
|
|||
class Settings extends React.Component { |
|||
constructor(props) { |
|||
super(props); |
|||
this.state = { |
|||
activeTab: 0, |
|||
}; |
|||
this.exportWifKeys = this.exportWifKeys.bind(this); |
|||
this.updatePassphraseInput = this.updatePassphraseInput.bind(this); |
|||
} |
|||
|
|||
componentDidMount() { |
|||
Store.dispatch(iguanaActiveHandle()); |
|||
} |
|||
|
|||
openTab(tab) { |
|||
this.setState(Object.assign({}, this.state, { |
|||
activeTab: tab, |
|||
})); |
|||
} |
|||
|
|||
exportWifKeys() { |
|||
Store.dispatch(encryptWallet(this.state.wifkeysPassphrase, settingsWifkeyState, this.props.ActiveCoin.coin)); |
|||
} |
|||
|
|||
updatePassphraseInput(e) { |
|||
this.setState({ |
|||
[e.target.name]: e.target.value, |
|||
}); |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div data-animsition-in="fade-in" data-animsition-out="fade-out" style={{marginLeft: '0'}}> |
|||
<div className="page-content" id="section-iguana-wallet-settings"> |
|||
<div className="row" id="iguana-wallet-settings" data-plugin="masonry"> |
|||
<div className="col-xlg-12 col-md-12"> |
|||
<div className="row" id="iguana-wallet-settings" data-plugin="masonry"> |
|||
<div className="col-xlg-12 col-md-12"> |
|||
<h4 className="font-size-14 text-uppercase">{translate('INDEX.WALLET_SETTINGS')}</h4> |
|||
<div className="panel-group" id="SettingsAccordion" aria-multiselectable="true" role="tablist"> |
|||
<div className="panel"> |
|||
<div className="panel-heading" id="WalletInfo" role="tab" onClick={() => this.openTab(0)}> |
|||
<a className={this.state.activeTab === 0 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#SettingsAccordion"> |
|||
<i className="icon md-balance-wallet" aria-hidden="true"></i>{translate('INDEX.WALLET_INFO')} |
|||
</a> |
|||
</div> |
|||
<div className={this.state.activeTab === 0 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="WalletInfoTab" aria-labelledby="WalletInfo" role="tabpanel"> |
|||
<div className="panel-body"> |
|||
<table className="table" id="wallet-info-table"> |
|||
<thead> |
|||
<tr> |
|||
<th width="10%">{translate('INDEX.KEY')}</th> |
|||
<th>{translate('INDEX.VALUE')}</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<tr> |
|||
<td style={{fontWeight: 'bold'}}>pubkey</td> |
|||
<td> |
|||
<div id="winfo_pubkey_value">{this.props.Main.activeHandle.pubkey}</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style={{fontWeight: 'bold'}}>btcpubkey</td> |
|||
<td> |
|||
<div id="winfo_btcpubkey_value">{this.props.Main.activeHandle.btcpubkey}</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style={{fontWeight: 'bold'}}>rmd160</td> |
|||
<td> |
|||
<div id="winfo_rmd160_value">{this.props.Main.activeHandle.rmd160}</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style={{fontWeight: 'bold'}}>NXT</td> |
|||
<td> |
|||
<div id="winfo_NXT_value">{this.props.Main.activeHandle.NXT}</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style={{fontWeight: 'bold'}}>notary</td> |
|||
<td> |
|||
<div id="winfo_notary_value">{this.props.Main.activeHandle.notary}</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style={{fontWeight: 'bold'}}>status</td> |
|||
<td> |
|||
<div id="winfo_status_value">{this.props.Main.activeHandle.status}</div> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="panel"> |
|||
<div className="panel-heading" id="AddNodeforCoin" role="tab" onClick={() => this.openTab(1)}> |
|||
<a className={this.state.activeTab === 1 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#SettingsAccordion"> |
|||
<i className="icon md-plus-square" aria-hidden="true"></i>{translate('INDEX.ADD_NODE')} |
|||
</a> |
|||
</div> |
|||
<div className={this.state.activeTab === 1 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="AddNodeforCoinTab" aria-labelledby="AddNodeforCoin" role="tabpanel"> |
|||
<div className="panel-body"> |
|||
<div className="row"> |
|||
<div className="col-sm-6"> |
|||
<div className="col-sm-12"> |
|||
<p>{translate('INDEX.USE_THIS_SECTION')}</p> |
|||
</div> |
|||
<div className="col-sm-8 col-xs-12"> |
|||
<div className="form-group"> |
|||
<select className="form-control form-material" id="settings_select_coin_options"> |
|||
<option>{translate('INDEX.SELECT_COIN')}</option> |
|||
<AddCoinOptionsCrypto /> |
|||
<AddCoinOptionsAC /> |
|||
<AddCoinOptionsACFiat /> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div className="col-sm-4 col-xs-12" style={{textAlign: 'center'}}> |
|||
<button type="button" className="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="settings_getcoinpeers_btn">{translate('INDEX.CHECK_NODES')}</button> |
|||
</div> |
|||
<div className="col-sm-12"> |
|||
<h5> |
|||
SuperNET Peers: <span id="coin_supernetpeers_h"></span> |
|||
</h5> |
|||
<p id="coin_supernetpeers"></p> |
|||
<h5> |
|||
Raw Peers: <span id="coin_rawpeers_h"></span> |
|||
</h5> |
|||
<p id="coin_rawpeers"></p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="col-sm-6"> |
|||
<div className="col-sm-12"> |
|||
<p>{translate('INDEX.USE_THIS_SECTION_PEER')}</p> |
|||
</div> |
|||
<div className="col-sm-8 col-xs-12"> |
|||
<div className="form-group"> |
|||
<select className="form-control form-material" id="settings_select_coin_addpeer_options"> |
|||
<option>{translate('INDEX.SELECT_COIN')}</option> |
|||
<AddCoinOptionsCrypto /> |
|||
<AddCoinOptionsAC /> |
|||
<AddCoinOptionsACFiat /> |
|||
</select> |
|||
</div> |
|||
<div className="form-group"> |
|||
<input type="text" className="form-control" id="settings_add_peer_ip" name="settings_add_peer_ip" placeholder="Add Peer IP" /> |
|||
</div> |
|||
</div> |
|||
<div className="col-sm-4 col-xs-12" style={{textAlign: 'center'}}> |
|||
<button type="button" className="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="settings_addcoinpeers_btn">{translate('INDEX.ADD_NODE')}</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="panel"> |
|||
<div className="panel-heading" id="DumpWallet" role="tab" onClick={() => this.openTab(2)}> |
|||
<a className={this.state.activeTab === 2 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#SettingsAccordion"> |
|||
<i className="icon wb-briefcase" aria-hidden="true"></i>{translate('INDEX.WALLET_BACKUP')} |
|||
</a> |
|||
</div> |
|||
<div className={this.state.activeTab === 2 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="DumpWalletTab" aria-labelledby="DumpWallet" role="tabpanel"> |
|||
<div className="panel-body">Wallet Backup section to be updated soon.</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="panel"> |
|||
<div className="panel-heading" id="FiatCurrencySettings" role="tab" onClick={() => this.openTab(3)}> |
|||
<a className={this.state.activeTab === 3 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#SettingsAccordion"> |
|||
<i className="icon fa-money" aria-hidden="true"></i>{translate('INDEX.FIAT_CURRENCY')} |
|||
</a> |
|||
</div> |
|||
<div className={this.state.activeTab === 3 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="FiatCurrencySettingsTab" aria-labelledby="FiatCurrencySettings" role="tabpanel"> |
|||
<div className="panel-body">Fiat currency settings section to be updated soon.</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="panel"> |
|||
<div className="panel-heading" id="ExportKeys" role="tab" onClick={() => this.openTab(4)}> |
|||
<a className={this.state.activeTab === 4 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#SettingsAccordion"> |
|||
<i className="icon md-key" aria-hidden="true"></i>{translate('INDEX.EXPORT_KEYS')} |
|||
</a> |
|||
</div> |
|||
<div className={this.state.activeTab === 4 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="ExportKeysTab" aria-labelledby="ExportKeys" role="tabpanel"> |
|||
<div className="panel-body"> |
|||
<p> |
|||
<div>{translate('INDEX.ONLY_ACTIVE_WIF_KEYS')}</div><br/> |
|||
<b> |
|||
<i>{translate('INDEX.PLEASE_KEEP_KEYS_SAFE')}</i> |
|||
</b> |
|||
</p> |
|||
<div className="col-sm-12"></div> |
|||
<form className="wifkeys-form" method="post" action="javascript:" autoComplete="off"> |
|||
<div className="form-group form-material floating"> |
|||
<input type="password" className="form-control" name="wifkeysPassphrase" id="wifkeys_passphrase" onChange={this.updatePassphraseInput} /> |
|||
<label className="floating-label" htmlFor="wifkeys_passphrase">{translate('INDEX.PASSPHRASE')}</label> |
|||
</div> |
|||
<div className="col-sm-12 col-xs-12" style={{textAlign: 'center'}}> |
|||
<button type="button" className="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="wifkeys_passphrase_btn" onClick={this.exportWifKeys}>{translate('INDEX.GET_WIF_KEYS')}</button> |
|||
</div> |
|||
</form> |
|||
|
|||
<div className="col-sm-12" style={{paddingTop: '15px'}}> |
|||
<div className="row" id="wif-priv-keys" data-plugin="masonry"> |
|||
<table class="table"> |
|||
<tr> |
|||
<td style={{width: '5%'}}> |
|||
<b>{this.props.ActiveCoin.coin}</b> |
|||
</td> |
|||
<td>{this.props.Settings.address}</td> |
|||
</tr> |
|||
<tr> |
|||
<td> |
|||
<b>{this.props.ActiveCoin.coin}Wif</b> |
|||
</td> |
|||
<td>{this.props.Settings.wifkey}</td> |
|||
</tr> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="panel"> |
|||
<div className="panel-heading" id="ImportKeys" role="tab" onClick={() => this.openTab(5)}> |
|||
<a className={this.state.activeTab === 5 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse"> |
|||
<i className="icon md-key" aria-hidden="true"></i>{translate('INDEX.IMPORT_KEYS')} |
|||
</a> |
|||
</div> |
|||
<div className={this.state.activeTab === 5 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="ImportKeysTab" aria-labelledby="ImportKeys" role="tabpanel"> |
|||
<div className="panel-body"> |
|||
<p> |
|||
<div>{translate('INDEX.IMPORT_KEYS_DESC_P1')}</div><br/> |
|||
<div>{translate('INDEX.IMPORT_KEYS_DESC_P2')}</div><br/> |
|||
<div>{translate('INDEX.IMPORT_KEYS_DESC_P3')}</div><br/> |
|||
<b> |
|||
<i>{translate('INDEX.PLEASE_KEEP_KEYS_SAFE')}</i> |
|||
</b> |
|||
</p> |
|||
<div className="col-sm-12"></div> |
|||
<form className="wifkeys-import-form" method="post" action="javascript:" autoComplete="off"> |
|||
<div className="form-group form-material floating"> |
|||
<input type="text" className="form-control" name="import_wifkey" id="import_wifkey" /> |
|||
<label className="floating-label" htmlFor="import_wifkey">{translate('INDEX.INPUT_PRIV_KEY')}</label> |
|||
</div> |
|||
<div className="col-sm-12 col-xs-12" style={{textAlign: 'center'}}> |
|||
<button type="button" className="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="import_wifkey_btn">{translate('INDEX.IMPORT_PRIV_KEY')}</button> |
|||
</div> |
|||
</form> |
|||
<div className="col-sm-12" style={{paddingTop: '15px'}}> |
|||
<div className="row" id="wif-priv-keys" data-plugin="masonry"> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div className="panel"> |
|||
<div className="panel-heading" id="DebugLog" role="tab" onClick={() => this.openTab(6)}> |
|||
<a className={this.state.activeTab === 6 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#SettingsAccordion"> |
|||
<i className="icon md-info" aria-hidden="true"></i>{translate('INDEX.DEBUG_LOG')} |
|||
</a> |
|||
</div> |
|||
<div className={this.state.activeTab === 6 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="DebugLogTab" aria-labelledby="DebugLog" role="tabpanel"> |
|||
<div className="panel-body"> |
|||
<p>{translate('INDEX.DEBUG_LOG_DESC')}</p> |
|||
<div className="col-sm-12"></div> |
|||
<form className="read-debug-log-import-form" method="post" action="javascript:" autoComplete="off"> |
|||
<div className="form-group form-material floating"> |
|||
<input type="text" className="form-control" name="read_debug_log_lines" id="read_debug_log_lines" value="10" /> |
|||
<label className="floating-label" htmlFor="read_debug_log_lines">{translate('INDEX.DEBUG_LOG_LINES')}</label> |
|||
</div> |
|||
<div className="form-group form-material floating"> |
|||
<select className="form-control form-material" id="settings_select_debuglog_options"> |
|||
<option value="iguana">Iguana</option> |
|||
<option value="komodo">Komodo</option> |
|||
</select> |
|||
<label className="floating-label" htmlFor="settings_select_debuglog_options">{translate('INDEX.TARGET')}</label> |
|||
</div> |
|||
<div className="col-sm-12 col-xs-12" style={{textAlign: 'center'}}> |
|||
<button type="submit" className="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="read_debug_log_btn">{translate('INDEX.LOAD_DEBUG_LOG')}</button> |
|||
</div> |
|||
<div className="col-sm-12 col-xs-12" style={{textAlign: 'center'}}> |
|||
<br /> |
|||
<textarea id="read_debug_log_textarea" style={{width: '100%', height: '200px'}}></textarea> |
|||
</div> |
|||
</form> |
|||
<div className="col-sm-12" style={{paddingTop: '15px'}}> |
|||
<div className="row" id="wif-priv-keys" data-plugin="masonry"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default Settings; |
|||
@ -0,0 +1,16 @@ |
|||
import { ATOMIC } from '../actions/actionCreators'; |
|||
|
|||
export function Atomic(state = { |
|||
response: null, |
|||
}, action) { |
|||
switch (action.type) { |
|||
case ATOMIC: |
|||
return Object.assign({}, state, { |
|||
response: action.response, |
|||
}); |
|||
default: |
|||
return state; |
|||
} |
|||
} |
|||
|
|||
export default Atomic; |
|||
@ -0,0 +1,18 @@ |
|||
import { GET_WIF_KEY } from '../actions/actionCreators'; |
|||
|
|||
export function Settings(state = { |
|||
wifkey: null, |
|||
address: null, |
|||
}, action) { |
|||
switch (action.type) { |
|||
case GET_WIF_KEY: |
|||
return Object.assign({}, state, { |
|||
wifkey: action.wifkey, |
|||
address: action.address, |
|||
}); |
|||
default: |
|||
return state; |
|||
} |
|||
} |
|||
|
|||
export default Settings; |
|||
Loading…
Reference in new issue