pbca26
8 years ago
committed by
GitHub
GitHub
17 changed files with 823 additions and 198 deletions
@ -1 +0,0 @@ |
|||
react |
|||
@ -0,0 +1,235 @@ |
|||
import React from 'react'; |
|||
import { translate } from '../../translate/translate'; |
|||
import { |
|||
toggleSyncOnlyModal, |
|||
stopInterval, |
|||
stopIguanaFork, |
|||
restartIguanaInstance, |
|||
addCoin |
|||
} from '../../actions/actionCreators'; |
|||
import Store from '../../store'; |
|||
|
|||
class SyncOnly extends React.Component { |
|||
constructor(props) { |
|||
super(props); |
|||
this.closeSyncOnlyModal = this.closeSyncOnlyModal.bind(this); |
|||
} |
|||
|
|||
isFullySynced(fork) { |
|||
if (fork.balances && ((Number(fork.balances) + |
|||
Number(fork.validated) + |
|||
Number(fork.bundles) + |
|||
Number(fork.utxo)) / 4 === 100)) { |
|||
return true; |
|||
} else { |
|||
return false; |
|||
} |
|||
} |
|||
|
|||
renderCoinName(coin) { |
|||
let coinlogo; |
|||
let coinname; |
|||
|
|||
switch (coin) { |
|||
case 'BTC': |
|||
coinlogo = 'bitcoin'; |
|||
coinname = 'Bitcoin'; |
|||
break; |
|||
case 'BTCD': |
|||
coinlogo = 'bitcoindark'; |
|||
coinname = 'BitcoinDark'; |
|||
break; |
|||
case 'LTC': |
|||
coinlogo = 'litecoin'; |
|||
coinname = 'Litecoin'; |
|||
break; |
|||
case 'VPN': |
|||
coinlogo = 'vpncoin'; |
|||
coinname = 'VPNcoin'; |
|||
break; |
|||
case 'SYS': |
|||
coinlogo = 'syscoin'; |
|||
coinname = 'Syscoin'; |
|||
break; |
|||
case 'ZEC': |
|||
coinlogo = 'zcash'; |
|||
coinname = 'Zcash'; |
|||
break; |
|||
case 'NMC': |
|||
coinlogo = 'namecoin'; |
|||
coinname = 'Namecoin'; |
|||
break; |
|||
case 'DEX': |
|||
coinlogo = 'dex'; |
|||
coinname = 'InstantDEX'; |
|||
break; |
|||
case 'DOGE': |
|||
coinlogo = 'dogecoin'; |
|||
coinname = 'Dogecoin'; |
|||
break; |
|||
case 'DGB': |
|||
coinlogo = 'digibyte'; |
|||
coinname = 'Digibyte'; |
|||
break; |
|||
case 'MZC': |
|||
coinlogo = 'mazacoin'; |
|||
coinname = 'Mazacoin'; |
|||
break; |
|||
case 'UNO': |
|||
coinlogo = 'unobtanium'; |
|||
coinname = 'Unobtanium'; |
|||
break; |
|||
case 'ZET': |
|||
coinlogo = 'zetacoin'; |
|||
coinname = 'Zetacoin'; |
|||
break; |
|||
case 'KMD': |
|||
coinlogo = 'komodo'; |
|||
coinname = 'Komodo'; |
|||
break; |
|||
case 'BTM': |
|||
coinlogo = 'bitmark'; |
|||
coinname = 'Bitmark'; |
|||
break; |
|||
case 'CARB': |
|||
coinlogo = 'carboncoin'; |
|||
coinname = 'Carboncoin'; |
|||
break; |
|||
case 'ANC': |
|||
coinlogo = 'anoncoin'; |
|||
coinname = 'AnonCoin'; |
|||
break; |
|||
case 'FRK': |
|||
coinlogo = 'franko'; |
|||
coinname = 'Franko'; |
|||
break; |
|||
case 'GAME': |
|||
coinlogo = 'GAME'; |
|||
coinname = 'GameCredits'; |
|||
break; |
|||
} |
|||
|
|||
return { |
|||
'logo': coinlogo, |
|||
'name': coinname |
|||
}; |
|||
} |
|||
|
|||
closeSyncOnlyModal() { |
|||
Store.dispatch(stopInterval('syncOnly', this.props.Interval.interval)); |
|||
Store.dispatch(toggleSyncOnlyModal(false)); |
|||
} |
|||
|
|||
_stopIguanaFork(pmid) { |
|||
Store.dispatch(stopIguanaFork(pmid)); |
|||
} |
|||
|
|||
_restartIguanaFork(coin, pmid, port) { |
|||
restartIguanaInstance(pmid) |
|||
.then(function(json) { |
|||
setTimeout(function() { |
|||
Store.dispatch(addCoin(coin, '1', null, port)); |
|||
console.log('restartSyncOnlyInstance', json); |
|||
}, 2000); |
|||
}); |
|||
} |
|||
|
|||
renderProgress(fork) { |
|||
return ( |
|||
<div> |
|||
<div> |
|||
<div className="progress progress-sm"> |
|||
<div className={this.isFullySynced(fork) ? 'progress-bar progress-bar-striped active progress-bar-indicating progress-bar-success' : 'hide'} style={{width: '100%', fontSize: '80%'}} role="progressbar" id="currency-bundles"> |
|||
{translate('INDEX.BUNDLES')} <span data-edexcoin="GAME" id="currency-bundles-percent">({fork.coin}) 100.00% - ( {fork.blocks} / {fork.blocks} ) ==>> RT{fork.RTheight}</span> |
|||
</div> |
|||
<div className={this.isFullySynced(fork) ? 'hide' : 'progress-bar progress-bar-info progress-bar-striped active'} style={{width: fork.bundles + '%', fontSize: '80%'}} role="progressbar" data-edexcoin="COIN" id="currency-bundles"> |
|||
{translate('INDEX.BUNDLES')} <span data-edexcoin="COIN" id="currency-bundles-percent">{fork.bundles}%</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div data-edexcoin="COIN" id="additional-progress-bars" className={this.isFullySynced(fork) ? 'hide' : ''}> |
|||
<div className="progress progress-sm"> |
|||
<div className="progress-bar progress-bar-warning progress-bar-striped active" style={{width: fork.utxo + '%', fontSize: '80%'}} role="progressbar" data-edexcoin="COIN" id="currency-utxo"> |
|||
utxo <span data-edexcoin="COIN" id="currency-utxo-percent">{fork.utxo}%</span> |
|||
</div> |
|||
</div> |
|||
<div className="progress progress-sm"> |
|||
<div className="progress-bar progress-bar-danger progress-bar-striped active" style={{width: fork.balances + '%', fontSize: '80%'}} role="progressbar" data-edexcoin="COIN" id="currency-balances"> |
|||
{translate('INDEX.BALANCES')} <span data-edexcoin="COIN" id="currency-balances-percent">{fork.balances}%</span> |
|||
</div> |
|||
</div> |
|||
<div className="progress progress-sm"> |
|||
<div className="progress-bar progress-bar-success progress-bar-striped active" style={{width: fork.validated + '%', fontSize: '80%'}} role="progressbar" data-edexcoin="COIN" id="currency-validated"> |
|||
{translate('INDEX.VALIDATED')} <span data-edexcoin="COIN" id="currency-validated-percent">{fork.validated}%</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
renderForksList() { |
|||
let items = []; |
|||
|
|||
for (let port in this.props.SyncOnly.forks) { |
|||
const forkInfo = this.props.SyncOnly.forks[port]; |
|||
|
|||
if (forkInfo && forkInfo.registry && forkInfo.getinfo) { |
|||
items.push( |
|||
<div key={port} style={{width: '100%'}} className="padding-bottom-60"> |
|||
<div className="avatar" href="javascript:void(0)"> |
|||
<img className="img-responsive margin-bottom-5" src={'assets/images/cryptologo/' + this.renderCoinName(forkInfo.registry.coin).logo + '.png'} alt="{forkInfo.registry.coin}"/> |
|||
<span className="badge up badge-success margin-bottom-5" data-toggle="tooltip" data-placement="top" data-original-title="full">Full</span> |
|||
<div className="coin-name">{this.renderCoinName(forkInfo.registry.coin).name} ({forkInfo.registry.coin.toUpperCase()})</div> |
|||
<div className="margin-top-10"> |
|||
<span className="btn btn-primary" onClick={() => this._stopIguanaFork(forkInfo.registry.pmid)}> |
|||
<span className="fa fa-stop"></span> Stop |
|||
</span> |
|||
<span className="btn btn-primary margin-left-10" onClick={() => this._restartIguanaFork(forkInfo.registry.coin.toUpperCase(), forkInfo.registry.pmid, port)}> |
|||
<span className="fa fa-undo"></span> Restart |
|||
</span> |
|||
</div> |
|||
</div> |
|||
<div className="progress-bars"> |
|||
{this.renderProgress(forkInfo.getinfo)} |
|||
</div> |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
if (items.length) { |
|||
return items; |
|||
} else { |
|||
return ( |
|||
<div>Loading...</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
render() { |
|||
if (this.props && this.props.SyncOnly.display) { |
|||
return ( |
|||
<div> |
|||
<div className="modal show sync-only-forks" aria-hidden="false" role="dialog"> |
|||
<div className="modal-dialog modal-center modal-lg"> |
|||
<div className="modal-content"> |
|||
<div className="modal-body" style={{height: '590px'}}> |
|||
{this.renderForksList()} |
|||
</div> |
|||
<div className="modal-footer"> |
|||
<button type="button" className="btn btn-default" onClick={this.closeSyncOnlyModal}>Close</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div className="modal-backdrop show in"></div> |
|||
</div> |
|||
); |
|||
} else { |
|||
return null; |
|||
} |
|||
} |
|||
} |
|||
|
|||
export default SyncOnly; |
|||
@ -0,0 +1,24 @@ |
|||
import { SERVICE_ERROR } from '../actions/actionCreators'; |
|||
|
|||
export function Errors(state = { |
|||
errors: {}, |
|||
}, action) { |
|||
switch (action.type) { |
|||
case SERVICE_ERROR: |
|||
let _errors = Object.assign({}, state); |
|||
|
|||
if (_errors[action.apiMethod]) { |
|||
_errors[action.apiMethod]++; |
|||
} else { |
|||
_errors[action.apiMethod] = 1; |
|||
} |
|||
|
|||
return Object.assign({}, state, { |
|||
errors: _errors, |
|||
}); |
|||
default: |
|||
return state; |
|||
} |
|||
} |
|||
|
|||
export default Errors; |
|||
@ -0,0 +1,21 @@ |
|||
import { SYNC_ONLY_MODAL_TOGGLE, SYNC_ONLY_DATA } from '../actions/actionCreators'; |
|||
|
|||
export function SyncOnly(state = { |
|||
display: false, |
|||
forks: null |
|||
}, action) { |
|||
switch (action.type) { |
|||
case SYNC_ONLY_MODAL_TOGGLE: |
|||
return Object.assign({}, state, { |
|||
display: action.display, |
|||
}); |
|||
case SYNC_ONLY_DATA: |
|||
return Object.assign({}, state, { |
|||
forks: action.forks, |
|||
}); |
|||
default: |
|||
return state; |
|||
} |
|||
} |
|||
|
|||
export default SyncOnly; |
|||
Loading…
Reference in new issue