pbca26
8 years ago
19 changed files with 189 additions and 337 deletions
@ -1,147 +0,0 @@ |
|||||
import React from 'react'; |
|
||||
import { translate } from '../../../translate/translate'; |
|
||||
import { |
|
||||
ChainActivationNotificationRender, |
|
||||
WalletsNativeSyncProgressRender |
|
||||
} from './walletsNativeSyncProgress.render'; |
|
||||
|
|
||||
class WalletsNativeSyncProgress extends React.Component { |
|
||||
renderSyncPercentagePlaceholder() { |
|
||||
if (this.props.Dashboard.progress && |
|
||||
this.props.Dashboard.progress.blocks > 0 && |
|
||||
this.props.Dashboard.progress.longestchain === 0) { |
|
||||
return ( |
|
||||
<div className="progress-bar progress-bar-info progress-bar-striped active full-width font-size-80-percent"> |
|
||||
<span className="full-width">{ translate('INDEX.SYNC_ERR_LONGESTCHAIN') }</span> |
|
||||
</div> |
|
||||
); |
|
||||
} else if (this.props.Dashboard.progress && this.props.Dashboard.progress.blocks === 0) { |
|
||||
return ( |
|
||||
<div className="progress-bar progress-bar-info progress-bar-striped active full-width font-size-80-percent"> |
|
||||
<span className="full-width">{ translate('INDEX.SYNC_ERR_BLOCKS') }</span> |
|
||||
</div> |
|
||||
); |
|
||||
} else { |
|
||||
if (this.props.Dashboard.progress && |
|
||||
this.props.Dashboard.progress.blocks) { |
|
||||
const syncPercentage = (parseFloat(parseInt(this.props.Dashboard.progress.blocks, 10) * 100 / parseInt(this.props.Dashboard.progress.longestchain, 10)).toFixed(2) + '%').replace('NaN', 0); |
|
||||
|
|
||||
return ( |
|
||||
<div |
|
||||
className="progress-bar progress-bar-info progress-bar-striped active font-size-80-percent" |
|
||||
style={{ width: syncPercentage }}> |
|
||||
<span style={{ width: syncPercentage }}>{ syncPercentage }</span> | { this.props.Dashboard.progress.blocks } / { this.props.Dashboard.progress.longestchain } | { translate('INDEX.CONNECTIONS') }: { this.props.Dashboard.progress.connections } |
|
||||
</div> |
|
||||
); |
|
||||
} else { |
|
||||
return ( |
|
||||
<div |
|
||||
className="progress-bar progress-bar-info progress-bar-striped active font-size-80-percent" |
|
||||
style={{ width: '100%' }}> |
|
||||
<span style={{ width: '100%' }}>{ translate('INDEX.LOADING_BLOCKS') }</span> |
|
||||
</div> |
|
||||
); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
renderActivatingBestChainProgress() { |
|
||||
if (this.props.Settings && |
|
||||
this.props.Settings.debugLog) { |
|
||||
if (this.props.Settings.debugLog.indexOf('UpdateTip') > -1 && |
|
||||
!this.props.Dashboard.progress && |
|
||||
!this.props.Dashboard.progress.blocks) { |
|
||||
const temp = this.props.Settings.debugLog.split(' '); |
|
||||
let currentBestChain; |
|
||||
let currentProgress; |
|
||||
|
|
||||
for (let i = 0; i < temp.length; i++) { |
|
||||
if (temp[i].indexOf('height=') > -1) { |
|
||||
currentBestChain = temp[i].replace('height=', ''); |
|
||||
} |
|
||||
if (temp[i].indexOf('progress=') > -1) { |
|
||||
currentProgress = Number(temp[i].replace('progress=', '')) * 100; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// fallback to local data if remote node is inaccessible
|
|
||||
if (this.props.Dashboard.progress.remoteKMDNode && |
|
||||
!this.props.Dashboard.progress.remoteKMDNode.blocks) { |
|
||||
return ( |
|
||||
`: ${currentProgress}% (activating)` |
|
||||
); |
|
||||
} else { |
|
||||
if (this.props.Dashboard.progress.remoteKMDNode && |
|
||||
this.props.Dashboard.progress.remoteKMDNode.blocks) { |
|
||||
return( |
|
||||
`: ${Math.floor(currentBestChain * 100 / this.props.Dashboard.progress.remoteKMDNode.blocks)}% (${ translate('INDEX.BLOCKS_SM') } ${currentBestChain} / ${this.props.Dashboard.progress.remoteKMDNode.blocks})` |
|
||||
); |
|
||||
} |
|
||||
} |
|
||||
} else if ( |
|
||||
this.props.Settings.debugLog.indexOf('Still rescanning') > -1 && |
|
||||
!this.props.Dashboard.progress || |
|
||||
!this.props.Dashboard.progress.blocks |
|
||||
) { |
|
||||
const temp = this.props.Settings.debugLog.split(' '); |
|
||||
let currentProgress; |
|
||||
|
|
||||
for (let i = 0; i < temp.length; i++) { |
|
||||
if (temp[i].indexOf('Progress=') > -1) { |
|
||||
currentProgress = (Number(temp[i].replace('Progress=', '')) * 100).toFixed(2); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
return ( |
|
||||
`: ${currentProgress}% (${ translate('INDEX.RESCAN_SM') })` |
|
||||
); |
|
||||
} else if ( |
|
||||
this.props.Settings.debugLog.indexOf('LoadExternalBlockFile:') > -1 || |
|
||||
this.props.Settings.debugLog.indexOf('Reindexing block file') > -1 |
|
||||
) { |
|
||||
return ( |
|
||||
`: (${ translate('INDEX.REINDEX') })` |
|
||||
); |
|
||||
} else { |
|
||||
return ( |
|
||||
<span> ({ translate('INDEX.DL_BLOCKS') })</span> |
|
||||
); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
renderLB(_translationID) { |
|
||||
const _translationComponents = translate(_translationID).split('<br>'); |
|
||||
|
|
||||
return _translationComponents.map((_translation) => |
|
||||
<span> |
|
||||
{ _translation } |
|
||||
<br /> |
|
||||
</span> |
|
||||
); |
|
||||
} |
|
||||
|
|
||||
renderChainActivationNotification() { |
|
||||
return ChainActivationNotificationRender.call(this); |
|
||||
|
|
||||
/* if (this.props.Dashboard.progress) { |
|
||||
if ((!this.props.Dashboard.progress.blocks && !this.props.Dashboard.progress.longestchain) || |
|
||||
(this.props.Dashboard.progress.blocks < this.props.Dashboard.progress.longestchain)) { |
|
||||
return ChainActivationNotificationRender.call(this); |
|
||||
} |
|
||||
} else { |
|
||||
return null; |
|
||||
} */ |
|
||||
} |
|
||||
|
|
||||
render() { |
|
||||
if (this.props && |
|
||||
this.props.Dashboard) { |
|
||||
return WalletsNativeSyncProgressRender.call(this); |
|
||||
} |
|
||||
|
|
||||
return null; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
export default WalletsNativeSyncProgress; |
|
||||
Loading…
Reference in new issue