@ -6,7 +6,7 @@ import WalletsNotariesList from './walletsNotariesList';
import WalletsCacheData from './walletsCacheData' ;
import { secondsToString } from '../../util/time' ;
export const PaginationItemRender = function ( i ) {
export const PaginationItemRender = function ( i ) {
return (
< li
key = { ` ${ i } -pagination-link ` }
@ -18,7 +18,7 @@ export const PaginationItemRender = function (i) {
) ;
} ;
export const PaginationItemsPerPageSelectorRender = function ( ) {
export const PaginationItemsPerPageSelectorRender = function ( ) {
return (
< div className = "dataTables_length" >
< label >
@ -38,7 +38,7 @@ export const PaginationItemsPerPageSelectorRender = function () {
) ;
} ;
export const PaginationRender = function ( paginationFrom , paginationTo ) {
export const PaginationRender = function ( paginationFrom , paginationTo ) {
return (
< div className = "row unselectable" >
< div className = "col-sm-5" >
@ -61,7 +61,7 @@ export const PaginationRender = function (paginationFrom, paginationTo) {
) ;
} ;
export const TxHistoryListRender = function ( tx , index ) {
export const TxHistoryListRender = function ( tx , index ) {
return (
< tr key = { tx . txid + tx . amount } >
< td > { this . renderTxType ( tx . category || tx . type ) } < / t d >
@ -81,7 +81,7 @@ export const TxHistoryListRender = function (tx, index) {
) ;
} ;
export const UseCacheToggleRender = function ( ) {
export const UseCacheToggleRender = function ( ) {
return (
< div className = "col-sm-2" >
< div className = "pull-left margin-right-10" >
@ -92,7 +92,7 @@ export const UseCacheToggleRender = function () {
) ;
} ;
export const AddressListRender = function ( ) {
export const AddressListRender = function ( ) {
return (
< div className = { ` btn-group bootstrap-select form-control form-material showkmdwalletaddrs show-tick ${ ( this . state . addressSelectorOpen ? 'open' : '' ) } ` } >
< button
@ -102,8 +102,8 @@ export const AddressListRender = function () {
onClick = { this . openDropMenu } >
< span className = "filter-option pull-left" > { this . renderSelectorCurrentLabel ( ) } < / s p a n > & n b s p ;
< span className = "bs-caret" >
< span className = "caret" > < / s p a n >
< / s p a n >
< span className = "caret" > < / s p a n >
< / s p a n >
< / b u t t o n >
< div className = "dropdown-menu open" >
< ul className = "dropdown-menu inner" >
@ -117,129 +117,129 @@ export const AddressListRender = function () {
) ;
} ;
export const WalletsDataRender = function ( ) {
export const WalletsDataRender = function ( ) {
return (
< span >
< WalletsBasiliskRefresh { ... this . props } / >
< WalletsBasiliskConnection { ... this . props } / >
< WalletsNotariesList { ... this . props } / >
< WalletsCacheData { ... this . props } / >
< div id = "edexcoin_dashboardinfo" >
< div className = "col-xs-12 margin-top-20" >
< div className = "panel nav-tabs-horizontal" >
< div >
< div className = "col-xlg-12 col-lg-12 col-sm-12 col-xs-12" >
< div className = "panel" >
< header className = "panel-heading z-index-10" >
< div className = { this . props . ActiveCoin . mode === 'basilisk' ? 'panel-actions' : 'panel-actions hide' } >
< div className = { 'margin-bottom-3 ' + ( this . state . currentStackLength === 1 || ( this . state . currentStackLength === 0 && this . state . totalStackLength === 0 ) ? 'hide' : 'progress progress-sm' ) } >
< div
className = "progress-bar progress-bar-striped active progress-bar-indicating progress-bar-success font-size-80-percent"
style = { { width : 100 - ( this . state . currentStackLength * 100 / this . state . totalStackLength ) + '%' } } >
{ translate ( 'SEND.PROCESSING_REQ' ) } : { this . state . currentStackLength } / { this . state . totalStackLength }
< / d i v >
< / d i v >
< div
className = { this . state . basiliskActionsMenu ? 'dropdown open' : 'dropdown' }
onClick = { this . toggleBasiliskActionsMenu } >
< a className = "dropdown-toggle btn-xs btn-default" >
< i className = "icon fa-magic margin-right-10" > < / i > { t r a n s l a t e ( ' I N D E X . B A S I L I S K _ A C T I O N 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" >
< li >
< a onClick = { this . getDexNotariesAction } >
< i className = "icon fa-sitemap" > < / i > { t r a n s l a t e ( ' I N D E X . G E T _ N O T A R Y _ N O D E S _ L I S T ' ) }
< / a >
< / l i >
< li >
< a onClick = { this . basiliskConnectionAction } >
< i className = "icon wb-refresh" > < / i > { t r a n s l a t e ( ' I N D E X . R E F R E S H _ B A S I L I S K _ C O N N E C T I O N S ' ) }
< / a >
< / l i >
< li className = { ! this . state . useCache ? 'hide' : '' } >
< a onClick = { this . basiliskRefreshActionOne } >
< i className = "icon fa-cloud-download" > < / i > { t r a n s l a t e ( ' I N D E X . F E T C H _ W A L L E T _ D A T A ' ) } ( { t r a n s l a t e ( ' I N D E X . A C T I V E _ A D D R E S S ' ) } )
< / a >
< / l i >
< li className = { ! this . state . useCache || this . props . ActiveCoin . addresses && this . props . ActiveCoin . addresses . public . length === 1 ? 'hide' : '' } >
< a onClick = { this . basiliskRefreshAction } >
< i className = "icon fa-cloud-download" > < / i > { t r a n s l a t e ( ' I N D E X . F E T C H _ A L L _ A D D R ' ) }
< / a >
< / l i >
< li className = { ! this . state . useCache ? 'hide' : '' } >
< a onClick = { this . removeAndFetchNewCache } >
< i className = "icon fa-history" > < / i > { t r a n s l a t e ( ' I N D E X . R E F E T C H _ W A L L E T _ D A T A ' ) }
< / a >
< / l i >
< li className = { 'display-none ' + ( ! this . state . useCache ? 'hide' : '' ) } >
< a onClick = { this . restartBasiliskInstance } >
< i className = "icon fa-refresh" > < / i > R e s t a r t B a s i l i s k I n s t a n c e ( u n s a f e ! )
< / a >
< / l i >
< li className = { ! this . state . useCache ? 'hide' : '' } >
< a onClick = { this . _ toggleViewCacheModal } >
< i className = "icon fa-list-alt" > < / i > { t r a n s l a t e ( ' I N D E X . V I E W _ C A C H E _ D A T A ' ) }
< / a >
< / l i >
< / u l >
< / d i v >
< / d i v >
< h4 className = "panel-title" > { translate ( 'INDEX.TRANSACTION_HISTORY' ) } < / h 4 >
< / h e a d e r >
< div className = "panel-body" >
< div className = "row" >
< div className = "col-sm-8" >
{ this . renderAddressList ( ) }
< / d i v >
{ this . renderUseCacheToggle }
< WalletsBasiliskRefresh { ... this . props } / >
< WalletsBasiliskConnection { ... this . props } / >
< WalletsNotariesList { ... this . props } / >
< WalletsCacheData { ... this . props } / >
< div id = "edexcoin_dashboardinfo" >
< div className = "col-xs-12 margin-top-20" >
< div className = "panel nav-tabs-horizontal" >
< div >
< div className = "col-xlg-12 col-lg-12 col-sm-12 col-xs-12" >
< div className = "panel" >
< header className = "panel-heading z-index-10" >
< div className = { this . props . ActiveCoin . mode === 'basilisk' ? 'panel-actions' : 'panel-actions hide' } >
< div className = { 'margin-bottom-3 ' + ( this . state . currentStackLength === 1 || ( this . state . currentStackLength === 0 && this . state . totalStackLength === 0 ) ? 'hide' : 'progress progress-sm' ) } >
< div
className = "progress-bar progress-bar-striped active progress-bar-indicating progress-bar-success font-size-80-percent"
style = { { width : 100 - ( this . state . currentStackLength * 100 / this . state . totalStackLength ) + '%' } } >
{ translate ( 'SEND.PROCESSING_REQ' ) } : { this . state . currentStackLength } / { this . state . totalStackLength }
< / d i v >
< div className = "row pagination-container" >
< div className = "col-sm-6" >
{ this . renderPaginationItemsPerPageSelector ( ) }
< / d i v >
< div className = "col-sm-6" >
< div className = "dataTables_filter" >
< label >
{ translate ( 'INDEX.SEARCH' ) } : < input type = "search" className = "form-control input-sm" disabled = "true" / >
< / l a b e l >
< / d i v >
< / d i v >
< / d i v >
< div className = "row" >
< table className = "table table-hover dataTable table-striped" width = "100%" >
< thead >
< tr >
< th > { translate ( 'INDEX.DIRECTION' ) } < / t h >
< th className = "hidden-xs hidden-sm" > { translate ( 'INDEX.CONFIRMATIONS' ) } < / t h >
< th > { translate ( 'INDEX.AMOUNT' ) } < / t h >
< th > { translate ( 'INDEX.TIME' ) } < / t h >
< th className = { this . props . ActiveCoin . mode === 'basilisk' ? 'hide' : '' } > { translate ( 'INDEX.DEST_ADDRESS' ) } < / t h >
< th className = { this . props . ActiveCoin . mode === 'basilisk' ? 'hidden-xs hidden-sm text-center' : 'hidden-xs hidden-sm' } > { translate ( 'INDEX.TX_DETAIL' ) } < / t h >
< / t r >
< / t h e a d >
< tbody >
{ this . renderTxHistoryList ( ) }
< / t b o d y >
< tfoot >
< tr >
< 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 className = { this . props . ActiveCoin . mode === 'basilisk' ? 'hide' : '' } > { translate ( 'INDEX.DEST_ADDRESS' ) } < / t h >
< th className = { this . props . ActiveCoin . mode === 'basilisk' ? 'hidden-xs hidden-sm text-center' : 'hidden-xs hidden-sm' } > { translate ( 'INDEX.TX_DETAIL' ) } < / t h >
< / t r >
< / t f o o t >
< / t a b l e >
< / d i v >
< div
className = { this . state . basiliskActionsMenu ? 'dropdown open' : 'dropdown' }
onClick = { this . toggleBasiliskActionsMenu } >
< a className = "dropdown-toggle btn-xs btn-default" >
< i className = "icon fa-magic margin-right-10" > < / i > { t r a n s l a t e ( ' I N D E X . B A S I L I S K _ A C T I O N 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" >
< li >
< a onClick = { this . getDexNotariesAction } >
< i className = "icon fa-sitemap" > < / i > { t r a n s l a t e ( ' I N D E X . G E T _ N O T A R Y _ N O D E S _ L I S T ' ) }
< / a >
< / l i >
< li >
< a onClick = { this . basiliskConnectionAction } >
< i className = "icon wb-refresh" > < / i > { t r a n s l a t e ( ' I N D E X . R E F R E S H _ B A S I L I S K _ C O N N E C T I O N S ' ) }
< / a >
< / l i >
< li className = { ! this . state . useCache ? 'hide' : '' } >
< a onClick = { this . basiliskRefreshActionOne } >
< i className = "icon fa-cloud-download" > < / i > { t r a n s l a t e ( ' I N D E X . F E T C H _ W A L L E T _ D A T A ' ) } ( { t r a n s l a t e ( ' I N D E X . A C T I V E _ A D D R E S S ' ) } )
< / a >
< / l i >
< li className = { ! this . state . useCache || this . props . ActiveCoin . addresses && this . props . ActiveCoin . addresses . public . length === 1 ? 'hide' : '' } >
< a onClick = { this . basiliskRefreshAction } >
< i className = "icon fa-cloud-download" > < / i > { t r a n s l a t e ( ' I N D E X . F E T C H _ A L L _ A D D R ' ) }
< / a >
< / l i >
< li className = { ! this . state . useCache ? 'hide' : '' } >
< a onClick = { this . removeAndFetchNewCache } >
< i className = "icon fa-history" > < / i > { t r a n s l a t e ( ' I N D E X . R E F E T C H _ W A L L E T _ D A T A ' ) }
< / a >
< / l i >
< li className = { 'display-none ' + ( ! this . state . useCache ? 'hide' : '' ) } >
< a onClick = { this . restartBasiliskInstance } >
< i className = "icon fa-refresh" > < / i > R e s t a r t B a s i l i s k I n s t a n c e ( u n s a f e ! )
< / a >
< / l i >
< li className = { ! this . state . useCache ? 'hide' : '' } >
< a onClick = { this . _ toggleViewCacheModal } >
< i className = "icon fa-list-alt" > < / i > { t r a n s l a t e ( ' I N D E X . V I E W _ C A C H E _ D A T A ' ) }
< / a >
< / l i >
< / u l >
< / d i v >
< / d i v >
< h4 className = "panel-title" > { translate ( 'INDEX.TRANSACTION_HISTORY' ) } < / h 4 >
< / h e a d e r >
< div className = "panel-body" >
< div className = "row" >
< div className = "col-sm-8" >
{ this . renderAddressList ( ) }
< / d i v >
{ this . renderUseCacheToggle }
< / d i v >
< div className = "row pagination-container" >
< div className = "col-sm-6" >
{ this . renderPaginationItemsPerPageSelector ( ) }
< / d i v >
< div className = "col-sm-6" >
< div className = "dataTables_filter" >
< label >
{ translate ( 'INDEX.SEARCH' ) } : < input type = "search" className = "form-control input-sm" disabled = "true" / >
< / l a b e l >
< / d i v >
{ this . renderPagination ( ) }
< / d i v >
< / d i v >
< div className = "row" >
< table className = "table table-hover dataTable table-striped" width = "100%" >
< thead >
< tr >
< th > { translate ( 'INDEX.DIRECTION' ) } < / t h >
< th className = "hidden-xs hidden-sm" > { translate ( 'INDEX.CONFIRMATIONS' ) } < / t h >
< th > { translate ( 'INDEX.AMOUNT' ) } < / t h >
< th > { translate ( 'INDEX.TIME' ) } < / t h >
< th className = { this . props . ActiveCoin . mode === 'basilisk' ? 'hide' : '' } > { translate ( 'INDEX.DEST_ADDRESS' ) } < / t h >
< th className = { this . props . ActiveCoin . mode === 'basilisk' ? 'hidden-xs hidden-sm text-center' : 'hidden-xs hidden-sm' } > { translate ( 'INDEX.TX_DETAIL' ) } < / t h >
< / t r >
< / t h e a d >
< tbody >
{ this . renderTxHistoryList ( ) }
< / t b o d y >
< tfoot >
< tr >
< 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 className = { this . props . ActiveCoin . mode === 'basilisk' ? 'hide' : '' } > { translate ( 'INDEX.DEST_ADDRESS' ) } < / t h >
< th className = { this . props . ActiveCoin . mode === 'basilisk' ? 'hidden-xs hidden-sm text-center' : 'hidden-xs hidden-sm' } > { translate ( 'INDEX.TX_DETAIL' ) } < / t h >
< / t r >
< / t f o o t >
< / t a b l e >
< / d i v >
{ this . renderPagination ( ) }
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / s p a n >
< / d i v >
< / d i v >
< / s p a n >
) ;
} ;
Petr Balashov
7 years ago