Petr Balashov
8 years ago
14 changed files with 298 additions and 118 deletions
@ -0,0 +1,108 @@ |
|||||
|
import React from 'react'; |
||||
|
import { translate } from '../../translate/translate'; |
||||
|
//import { dashboardChangeSection, toggleAddcoinModal } from '../../actions/actionCreators';
|
||||
|
//import Store from '../../store';
|
||||
|
|
||||
|
class WalletsHeader extends React.Component { |
||||
|
render() { |
||||
|
if (this.props && this.props.coin) { |
||||
|
return ( |
||||
|
<div className="page-header page-header-bordered header-easydex margin-bottom-0" id="easydex-header-div"> |
||||
|
<h1 className="page-title">EasyDEX</h1> |
||||
|
<ol className="breadcrumb"> |
||||
|
<li className="header-easydex-section">{translate('INDEX.DASHBOARD')}</li> |
||||
|
</ol> |
||||
|
<div className="page-header-actions" style={{zIndex: '1'}}> |
||||
|
<div id="kmd_header_button"> |
||||
|
<button type="button" id="easydex_kmd_wallet_actions_header" className="bg-teal-500 btn btn-floating white waves-effect waves-float waves-light" data-toggle="dropdown" aria-expanded="false"> |
||||
|
<i className="icon md-plus" aria-hidden="true"></i> |
||||
|
</button> |
||||
|
<ul className="dropdown-menu animate dropdown-menu-right" aria-labelledby="easydex_kmd_wallet_actions_header" role="menu"> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_kmd_wallet_dashboard" data-lang="INDEX.DASHBOARD">{translate('INDEX.DASHBOARD')}</a> |
||||
|
</li> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_kmd_wallet_send">{translate('INDEX.SEND')}</a> |
||||
|
</li> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_kmd_wallet_recieve">{translate('INDEX.RECEIVE')}</a> |
||||
|
</li> |
||||
|
<li className="divider" role="presentation"></li> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_kmd_wallet_settings">{translate('INDEX.SETTINGS')}</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
|
||||
|
<div id="zec_header_button"> |
||||
|
<button type="button" id="easydex_zec_wallet_actions_header" className="bg-yellow-600 btn btn-floating white waves-effect waves-float waves-light" data-toggle="dropdown" aria-expanded="false"> |
||||
|
<i className="icon md-plus" aria-hidden="true"></i> |
||||
|
</button> |
||||
|
<ul className="dropdown-menu animate dropdown-menu-right" aria-labelledby="easydex_zec_wallet_actions_header" role="menu"> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="ZEC" id="btn_zec_wallet_dashboard">{translate('INDEX.DASHBOARD')}</a> |
||||
|
</li> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="ZEC" id="btn_zec_wallet_send">{translate('INDEX.SEND')}</a> |
||||
|
</li> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="ZEC" id="btn_zec_wallet_recieve">{translate('INDEX.RECEIVE')}</a> |
||||
|
</li> |
||||
|
<li className="divider" role="presentation"></li> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="ZEC" id="btn_zec_wallet_settings">{translate('INDEX.SETTINGS')}</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
|
||||
|
<div id="kmd_header_button"> |
||||
|
<button type="button" id="jumblr_actions_header" className="btn white waves-effect waves-light"> |
||||
|
<i className="icon fa-refresh" aria-hidden="true"></i>{translate('INDEX.REFRESH')} |
||||
|
</button> |
||||
|
</div> |
||||
|
|
||||
|
<div id="kmd_header_button"> |
||||
|
<button type="button" id="easydex_acpax_wallet_actions_header" className="bg-teal-500 btn btn-floating white waves-effect waves-float waves-light" data-toggle="dropdown" aria-expanded="false"> |
||||
|
<i className="icon md-plus" aria-hidden="true"></i> |
||||
|
</button> |
||||
|
<ul className="dropdown-menu animate dropdown-menu-right" aria-labelledby="easydex_acpax_wallet_actions_header" role="menu"> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_acpax_wallet_dashboard">{translate('INDEX.DASHBOARD')}</a> |
||||
|
</li> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_acpax_wallet_send">{translate('INDEX.SEND')}</a> |
||||
|
</li> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_acpax_wallet_recieve">{translate('INDEX.RECEIVE')}</a> |
||||
|
</li> |
||||
|
<li className="divider" role="presentation"></li> |
||||
|
<li role="presentation"> |
||||
|
<a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_acpax_wallet_settings">{translate('INDEX.SETTINGS')}</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
|
||||
|
<div className="row no-space width-350 hidden-xs" id="easydex_btc_btcd_balances_header"> |
||||
|
<div className="col-xs-6"> |
||||
|
<div className="counter"> |
||||
|
<span className="font-weight-medium" data-currency="BTC" id="header_coinname_balance"> - BTC</span> |
||||
|
<span className="counter-label small" data-currency="BTC" id="header_coinfiatbalance"> - USD</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div className="col-xs-6"> |
||||
|
<div className="counter"> |
||||
|
<span className="font-weight-medium" data-currency="BTCD" id="header_coinname_balance"> - BTCD</span> |
||||
|
<span className="counter-label small" data-currency="BTCD" id="header_coinfiatbalance"> - USD</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
); |
||||
|
} else { |
||||
|
return null; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default WalletsHeader; |
||||
@ -0,0 +1,16 @@ |
|||||
|
import { DASHBOARD_ACTIVE_COIN_CHANGE } from '../actions/actionCreators'; |
||||
|
|
||||
|
export function ActiveCoin(state = { |
||||
|
coin: null, |
||||
|
}, action) { |
||||
|
switch (action.type) { |
||||
|
case DASHBOARD_ACTIVE_COIN_CHANGE: |
||||
|
return Object.assign({}, state, { |
||||
|
coin: action.coin, |
||||
|
}); |
||||
|
default: |
||||
|
return state; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default ActiveCoin; |
||||
@ -0,0 +1,16 @@ |
|||||
|
import { DASHBOARD_SECTION_CHANGE } from '../actions/actionCreators'; |
||||
|
|
||||
|
export function Dashboard(state = { |
||||
|
activeSection: 'wallets', |
||||
|
}, action) { |
||||
|
switch (action.type) { |
||||
|
case DASHBOARD_SECTION_CHANGE: |
||||
|
return Object.assign({}, state, { |
||||
|
activeSection: action.activeSection, |
||||
|
}); |
||||
|
default: |
||||
|
return state; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default Dashboard; |
||||
Loading…
Reference in new issue