pbca26
8 years ago
8 changed files with 218 additions and 14 deletions
@ -0,0 +1,178 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../translate/translate'; |
|||
import { secondsToString } from '../../util/time'; |
|||
import { toggleViewCacheModal } from '../../actions/actionCreators'; |
|||
import Store from '../../store'; |
|||
import Tree, { TreeNode } from 'rc-tree'; |
|||
import { animation } from '../../util/rc-tree-animate'; |
|||
|
|||
// TODO: refresh data render
|
|||
|
|||
class WalletsCacheData extends React.Component { |
|||
constructor(props) { |
|||
super(props); |
|||
this.closeViewCacheModal = this.closeViewCacheModal.bind(this); |
|||
} |
|||
|
|||
closeViewCacheModal() { |
|||
Store.dispatch(toggleViewCacheModal(false)); |
|||
} |
|||
|
|||
renderNotariesFetching() { |
|||
if (!this.props.ActiveCoin.cache) { |
|||
return ( |
|||
<div>Fetching cache data...</div> |
|||
); |
|||
} else { |
|||
return ( |
|||
<div> |
|||
<strong>{Object.keys(this.props.ActiveCoin.cache).length}</strong> coin(s) in cache file |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
renderKeyValueParent(pre, _sourceObj) { |
|||
if (_sourceObj.data[0] && Object.keys(_sourceObj.data[0]).length) { |
|||
return _sourceObj.data.map((key, value) => |
|||
<TreeNode title={key.txid ? key.txid : `${pre}-array-${value}`} key={`{$pre}-${value}-array`}> |
|||
{this.renderArrayNode(`${pre}-array-${value}`, key)} |
|||
</TreeNode>); |
|||
} else { |
|||
return Object.keys(_sourceObj.data).map((key, value) => this.renderKeyValue(pre, key, value)); |
|||
} |
|||
} |
|||
|
|||
renderArrayNode(pre, obj) { |
|||
return Object.keys(obj).map((key, value) => this.renderKeyValue(`${pre}-${key}`, key, obj[key])); |
|||
} |
|||
|
|||
renderKeyValue(pre, key, value) { |
|||
return ( |
|||
<TreeNode title={`${key}: ${value}`} key={`{$pre}-${key}`} /> |
|||
); |
|||
} |
|||
|
|||
renderCallData(coin, address, call) { |
|||
const sourceObj = this.props.ActiveCoin.cache[coin][address]; |
|||
|
|||
if (sourceObj[call].data && (sourceObj[call].data.length || Object.keys(sourceObj[call].data).length)) { |
|||
return ( |
|||
<TreeNode title={`${call}`} key={`${coin}-${address}-${call}`}> |
|||
<TreeNode title={`status: ${sourceObj[call].status}`} key={`${coin}-${address}-${call}-status`} /> |
|||
<TreeNode title={`updated @: ${secondsToString(sourceObj[call].timestamp, true)}`} key={`${coin}-${address}-${call}-timestamp`} /> |
|||
<TreeNode title="data" key={`${coin}-${address}-${call}-data`}> |
|||
{this.renderKeyValueParent(`${coin}-${address}-${call}`, sourceObj[call])} |
|||
</TreeNode> |
|||
</TreeNode> |
|||
); |
|||
} else { |
|||
return ( |
|||
<TreeNode title={`${call} (no data)`} key={`${coin}-${address}-${call}`} /> |
|||
); |
|||
} |
|||
} |
|||
|
|||
renderAddressCallsList(coin, address) { |
|||
var allCalls = []; |
|||
const sourceObj = this.props.ActiveCoin.cache[coin][address]; |
|||
const _allCalls = [ |
|||
'listtransactions', |
|||
'listunspent', |
|||
'getbalance', |
|||
'refresh' |
|||
]; |
|||
|
|||
for (let i = 0; i < _allCalls.length; i++) { |
|||
if (sourceObj[_allCalls[i]]) { |
|||
allCalls.push(_allCalls[i]); |
|||
} |
|||
} |
|||
|
|||
if (sourceObj) { |
|||
return allCalls.map((call, index) => this.renderCallData(coin, address, call)); |
|||
} else { |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
renderCoinAddressList(coin) { |
|||
const addrList = this.props.ActiveCoin.cache[coin].addresses; |
|||
|
|||
if (addrList && addrList.length) { |
|||
return addrList.map((address, index) => |
|||
<TreeNode title={`${address}`} key={`${coin}-${address}`}> |
|||
{this.renderAddressCallsList(coin, address)} |
|||
</TreeNode> |
|||
); |
|||
} else { |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
renderCoinRootNodes() { |
|||
if (this.props.ActiveCoin.cache && Object.keys(this.props.ActiveCoin.cache).length) { |
|||
return Object.keys(this.props.ActiveCoin.cache).map((coinName, index) => |
|||
<TreeNode title={`${coinName}`} key={`coin-${coinName}`}> |
|||
<TreeNode title="Address list" key={`${coinName}-addrlist`}> |
|||
{this.renderCoinAddressList(coinName)} |
|||
</TreeNode> |
|||
</TreeNode> |
|||
); |
|||
} else { |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
renderCoinData() { |
|||
if (this.props.ActiveCoin.notaries && this.props.ActiveCoin.notaries.notaries && this.props.ActiveCoin.notaries.notaries.length) { |
|||
return this.props.ActiveCoin.notaries.notaries.map((node, index) => |
|||
<TreeNode title={`Node ${index}`} key={`node-${index}`}> |
|||
<TreeNode key={`node-${index}-btc`} title={`BTC: ${node.BTCaddress}`} /> |
|||
<TreeNode key={`node-${index}-kmd`} title={`KMD: ${node.KMDaddress}`} /> |
|||
<TreeNode key={`node-${index}-pubkey`} title={`Pubkey: ${node.pubkey}`} /> |
|||
</TreeNode> |
|||
); |
|||
} else { |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
render() { |
|||
if (this.props && this.props.ActiveCoin.mode === 'basilisk' && this.props.Dashboard.displayViewCacheModal) { |
|||
|
|||
return ( |
|||
<div> |
|||
<div className="modal show" aria-hidden="false" role="dialog"> |
|||
<div className="modal-dialog modal-center modal-lg"> |
|||
<div className="modal-content"> |
|||
<div className="modal-body" style={{height: '590px'}}> |
|||
<div className="panel nav-tabs-horizontal"> |
|||
<div className="panel-body"> |
|||
<div className="tab-content"> |
|||
<div className="tab-pane active" role="tabpanel"> |
|||
{this.renderNotariesFetching()} |
|||
<Tree defaultExpandAll={false} openAnimation={animation}> |
|||
{this.renderCoinRootNodes()} |
|||
</Tree> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div className="modal-footer"> |
|||
<button type="button" className="btn btn-default" onClick={this.closeViewCacheModal}>Close</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div className="modal-backdrop show in"></div> |
|||
</div> |
|||
); |
|||
} else { |
|||
return null; |
|||
} |
|||
} |
|||
} |
|||
|
|||
export default WalletsCacheData; |
|||
Loading…
Reference in new issue