@ -1,549 +1,48 @@
import React from 'react' ;
import { translate } from '../../translate/translate' ;
import WalletsNativeAlert from './walletsNativeAlert' ;
import WalletsNativeBalance from './walletsNativeBalance' ;
import WalletsNativeInfo from './walletsNativeInfo' ;
import WalletsNativeReceive from './walletsNativeReceive' ;
import WalletsNativeSend from './walletsNativeSend' ;
import WalletsNativeSyncProgress from './walletsNativeSyncProgress' ;
import WalletsNativeTxHistory from './walletsNativeTxHistory' ;
import WalletsNativeTxInfo from './walletsNativeTxInfo' ;
class WalletsNative extends React . Component {
constructor ( props ) {
super ( props ) ;
}
/ * $ ( ' . h e a d e r - e a s y d e x - s e c t i o n ' )
. html ( '<img src="assets/images/native/' + imgSrcName + '_header_title_logo.png"> <span style="font-size: 35px; vertical-align: middle">' + _ coin + '</span>' ) ;
$ ( '#easydex-header-div' ) . css ( 'background-image' , 'url("assets/images/bg/' + imgBgName + '_transparent_header_bg.png")' ) ; * /
render ( ) {
if ( this . props && this . props . ActiveCoin && this . props . ActiveCoin . mode === 'native' ) {
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" > × < / s p a n >
< / b u t t o n >
< h4 > { translate ( 'INDEX.OOPS_ERROR' ) } < / h 4 >
< p data - extcoin = "COIN" id = "extcoin-wallet-connection-alert-text" >
< span > { translate ( 'INDEX.OOPS_ERROR_DESC' ) } < / s p a n >
< code > server = 1 < /code><br/ >
< code > rpcport = < /code><br/ >
< code > rpcuser = < /code><br/ >
< code > rpcpassword = < / c o d e >
< / p >
< div data - extcoin = "COIN" id = "section-extcoin" style = { { paddingTop : '0' } } >
< div id = "easydex-header-div" style = { { 'backgroundImage' : 'url("assets/images/bg/' + this . props . ActiveCoin . coin . toLowerCase ( ) + '_transparent_header_bg.png")' } } >
< ol className = "breadcrumb" >
< li className = "header-easydex-section" >
< img src = { 'assets/images/native/' + this . props . ActiveCoin . coin . toLowerCase ( ) + '_header_title_logo.png' } / > < span style = { { fontSize : '35px' , verticalAlign : 'middle' } } className = { this . props . ActiveCoin . coin === 'KMD' ? 'hide' : 'show' } > { this . props . ActiveCoin . coin } < / s p a n >
< / l i >
< / o l >
< / d i v >
< 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" > × < / s p a n >
< / b u t t o n >
< h4 >
{ translate ( 'INDEX.ACTIVATING_CHAIN' ) } < span id = "activating-komodod-tridot" > ... < / s p a n > < s p a n i d = " a c t i v a t i n g - k o m o d o d - p r o g r e s s " > < / s p a n >
< / h 4 >
< p data - extcoin = "COIN" id = "extcoin-wallet-connection-alert-text" > { translate ( 'INDEX.KMD_STARTED' ) } < / p >
< / d i v >
< 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" > - < / s p a n > | < s p a n d a t a - e x t c o i n = " C O I N " i d = " e x t c o i n - s y n c e d - b l o c k s " > - < / s p a n > / < s p a n d a t a - e x t c o i n = " C O I N " i d = " e x t c o i n - l o n g e s t c h a i n " > - < / s p a n > | { t r a n s l a t e ( ' I N D E X . C O N N E C T I O N S ' ) } : < s p a n d a t a - e x t c o i n = " C O I N " i d = " e x t c o i n - c o n n e c t i o n s " > - < / s p a n >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< 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 > { t r a n s l a t e ( ' I N D E X . T R A N S P A R E N T _ B A L A N C E ' ) }
< / d i v >
< span className = "pull-right padding-top-10" data - extcoin = "COIN" id = "kmd_transparent_balance" style = { { fontSize : '22px' } } > - < / s p a n >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< 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 > { t r a n s l a t e ( ' I N D E X . Z _ B A L A N C E ' ) }
< / d i v >
< span className = "pull-right padding-top-10" data - extcoin = "COIN" id = "kmd_private_balance" style = { { fontSize : '22px' } } > - < / s p a n >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< 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 > { t r a n s l a t e ( ' I N D E X . I N T E R E S T _ E A R N E D ' ) }
< / d i v >
< span className = "pull-right padding-top-10" data - extcoin = "COIN" id = "kmd_total_interest_balance" style = { { fontSize : '22px' } } > - < / s p a n >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< 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 > { t r a n s l a t e ( ' I N D E X . Z T _ B A L A N C E ' ) }
< / d i v >
< span className = "pull-right padding-top-10" data - extcoin = "COIN" id = "kmd_total_tz_balance" style = { { fontSize : '22px' } } > - < / s p a n >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< 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' ) } < / h 3 >
< / h e a d e r >
< 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' ) } < / t h >
< th > { translate ( 'INDEX.DIRECTION' ) } < / t h >
< th > { translate ( 'INDEX.CONFIRMATIONS' ) } < / t h >
< th > { translate ( 'INDEX.AMOUNT' ) } < / t h >
< th > { translate ( 'INDEX.TIME' ) } < / t h >
< th > { translate ( 'INDEX.DEST_ADDRESS' ) } < / t h >
< th > { translate ( 'INDEX.TX_DETAIL' ) } < / t h >
< / t r >
< / t h e a d >
< tfoot >
< tr >
< th > { translate ( 'INDEX.TYPE' ) } < / t h >
< th > { translate ( 'INDEX.DIRECTION' ) } < / t h >
< th > { translate ( 'INDEX.CONFIRMATIONS' ) } < / t h >
< th > { translate ( 'INDEX.AMOUNT' ) } < / t h >
< th > { translate ( 'INDEX.TIME' ) } < / t h >
< th > { translate ( 'INDEX.DEST_ADDRESS' ) } < / t h >
< th > { translate ( 'INDEX.TX_DETAIL' ) } < / t h >
< / t r >
< / t f o o t >
< / t a b l e >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< 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 > { t r a n s l a t e ( ' I N D E X . G E T _ N E W _ A D D R E S S ' ) } < s p a n c l a s s N a m e = " c a r e t " > < / s p a n >
< / 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 > { t r a n s l a t e ( ' I N D E X . T R A N S P A R E N T _ A D D R E S S ' ) }
< / a >
< / l i >
< 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 > { t r a n s l a t e ( ' I N D E X . P R I V A T E _ Z _ A D D R E S S ' ) }
< / a >
< / l i >
< / u l >
< / d i v >
< / d i v >
< h3 className = "panel-title" > { translate ( 'INDEX.RECEIVING_ADDRESS' ) } < / h 3 >
< / h e a d e r >
< div className = "panel-body" >
< table className = "table table-hover dataTable table-striped" data - extcoin = "COIN" id = "kmd-recieve-addr-tbl" >
< thead >
< tr >
< th > { translate ( 'INDEX.TYPE' ) } < / t h >
< th data - lang = "INDEX.ADDRESS" > { translate ( 'INDEX.ADDRESS' ) } < / t h >
< / t r >
< / t h e a d >
< tfoot >
< tr >
< th data - lang = "INDEX.TYPE" > { translate ( 'INDEX.TYPE' ) } < / t h >
< th data - lang = "INDEX.ADDRESS" > { translate ( 'INDEX.ADDRESS' ) } < / t h >
< / t r >
< / t f o o t >
< / t a b l e >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< 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" > < / s p a n >
< / h 3 >
< / d i v >
< 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' ) } < / l a b e l >
< 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" > < / s e l e c t >
< / d i v >
< div className = "col-xlg-12 form-group form-material" >
< label className = "control-label" data - extcoin = "COIN" for = "kmd_wallet_sendto" > { translate ( 'INDEX.SEND_TO' ) } < / l a b e l >
< 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 / >
< / d i v >
< 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" > < / s p a n >
< / l a b e l >
< input type = "text" className = "form-control" data - extcoin = "COIN" id = "kmd_wallet_amount" name = "kmd_wallet_amount" placeholder = "0.000" autocomplete = "off" / >
< / d i v >
< div className = "col-lg-6 form-group form-material" >
< label className = "control-label" data - extcoin = "COIN" for = "kmd_wallet_fee" > { translate ( 'INDEX.FEE' ) } < / l a b e l >
< 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" / >
< / d i v >
< div className = "col-lg-12" >
< span data - extcoin = "KMD" >
< b > { translate ( 'INDEX.TOTAL' ) } ( < span data - extcoinname = "COIN" > < / s p a n > - t x f e e ) : < / b > < s p a n d a t a - e x t c o i n = " C O I N " i d = " k m d _ w a l l e t _ t o t a l _ v a l u e " > 0 . 0 0 0 < / s p a n > < s p a n d a t a - e x t c o i n = " C O I N " i d = " k m d _ w a l l e t _ t o t a l _ c o i n n a m e " d a t a - e x t c o i n n a m e = " C O I N " > < / s p a n >
< / s p a n >
< / d i v >
< 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" > < / s p a n >
< / b u t t o n >
< / d i v >
< / d i v >
< / f o r m >
< / d i v >
< / d i v >
< / d i v >
< 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 > { t r a n s l a t e ( ' I N D E X . R E F R E S H ' ) }
< / b u t t o n >
< / d i v >
< h3 className = "panel-title" > { translate ( 'INDEX.OPERATIONS_STATUSES' ) } < / h 3 >
< / h e a d e r >
< 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 > { translate ( 'INDEX.STATUS' ) } < / t h >
< th > ID < / t h >
< th > { translate ( 'INDEX.TIME' ) } < / t h >
< th > { translate ( 'INDEX.RESULT' ) } < / t h >
< / t r >
< / t h e a d >
< tfoot >
< tr >
< th > { translate ( 'INDEX.STATUS' ) } < / t h >
< th > ID < / t h >
< th > { translate ( 'INDEX.TIME' ) } < / t h >
< th > { translate ( 'INDEX.RESULT' ) } < / t h >
< / t r >
< / t f o o t >
< / t a b l e >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< 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' ) } < / h 3 >
< / d i v >
< div className = "table-responsive" >
< table className = "table table-striped" >
< tbody >
< tr >
< td > { translate ( 'INDEX.WALLET_VERSION' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_walletversion" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.BALANCE' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_balance" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.UNCONFIRMED_BALANCE' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_unconfirmed_balance" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.IMMATURE_BALANCE' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_immature_balance" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.TOTAL_TX_COUNT' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "KMDTotalTransactionsCount" > < / s p a n >
< / t d >
< / t r >
< / t b o d y >
< / t a b l e >
< / d i v >
< / d i v >
< / d i v >
< 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 < / s p a n > { t r a n s l a t e ( ' I N D E X . I N F O ' ) }
< / h 3 >
< / d i v >
< div className = "table-responsive" >
< table className = "table table-striped" >
< tbody >
< tr >
< td > { translate ( 'INDEX.VERSION' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_version" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.PROTOCOL_VERSION' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_protocolversion" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.NOTARIZED' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_notarized" > < / s p a n >
< / t d >
< / t r >
< tr >
< td >
{ translate ( 'INDEX.NOTARIZED' ) } Hash
< / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_notarizedhash" > < / s p a n >
< / t d >
< / t r >
< tr >
< td >
{ translate ( 'INDEX.NOTARIZED' ) } BTC
< / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_notarizedbtc" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.BLOCKS' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_blocks" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.CONNECTIONS' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_connections" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.DIFFICULTY' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_difficulty" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > Testnet < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_testnet" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.PAY_TX_FEE' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_paytxfee" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.RELAY_FEE' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_relayfee" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > { translate ( 'INDEX.ERRORS' ) } < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_errors" > < / s p a n >
< / t d >
< / t r >
< / t b o d y >
< / t a b l e >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< div className = "modal fade modal-3d-sign" data - extcoin = "COIN" id = "kmd_txid_info_mdl" aria - hidden = "false" role = "dialog" >
< 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 > T x I D I n f o
< / a >
< / l i >
< 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 > v j o i n t s p l i t s , d e t a i l s
< / a >
< / l i >
< 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 > h e x
< / a >
< / l i >
< / u l >
< 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 < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_amount" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > fee < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_fee" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > confirmations < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_confirmations" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > blockhash < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_blockhash" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > blockindex < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_blockindex" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > blocktime < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_blocktime" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > txid < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_txid" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > walletconflicts < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_walletconflicts" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > time < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_time" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > timereceived < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_timereceived" > < / s p a n >
< / t d >
< / t r >
< / t b o d y >
< / t a b l e >
< / d i v >
< div className = "tab-pane" id = "KmdTxIDInfotab2" data - extcoin = "COIN" role = "tabpanel" >
< table className = "table table-striped" >
< tbody >
< tr >
< td > vjoinsplit < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_vjoinsplit" > < / s p a n >
< / t d >
< / t r >
< tr >
< td > details < / t d >
< td >
< span data - extcoin = "COIN" id = "kmd_txid_info_details" > < / s p a n >
< / t d >
< / t r >
< / t b o d y >
< / t a b l e >
< / d i v >
< 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 > < / t e x t a r e a >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< div className = "modal-footer" >
< button type = "button" className = "btn btn-default" data - dismiss = "modal" > Close < / b u t t o n >
< / d i v >
< / d i v >
< div className = "page-content" >
< WalletsNativeAlert { ... this . props } / >
< WalletsNativeSyncProgress { ... this . props } / >
< div className = "row" data - extcoin = "COIN" id = "extcoin-wallet" data - plugin = "masonry" >
< WalletsNativeBalance { ... this . props } / >
< WalletsNativeTxHistory { ... this . props } / >
< WalletsNativeReceive { ... this . props } / >
< WalletsNativeSend { ... this . props } / >
< WalletsNativeInfo { ... this . props } / >
< / d i v >
< / d i v >
< WalletsNativeTxInfo { ... this . props } / >
< / d i v >
< / d i v >
) ;