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