missing syncOnly js files

.gitignore

@@ -1 +0,0 @@
-react

react/src/components/app/app.js

@@ -14,6 +14,7 @@ function mapStateToProps(state) {
     Settings: state.Settings,
     Interval: state.Interval,
     SyncOnly: state.SyncOnly,
+    Errors: state.Errors,
   };
 }
 

react/src/components/dashboard/syncOnly.js

@@ -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} ) ==&gt;&gt; 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;

react/src/reducers/index.js

@@ -10,6 +10,7 @@ import { Atomic } from './atomic';
 import { Settings } from './settings';
 import { Interval } from './interval';
 import { SyncOnly } from './syncOnly';
+import { Errors } from './errors';
 
 const rootReducer = combineReducers({
   AddCoin,
@@ -21,6 +22,7 @@ const rootReducer = combineReducers({
   Settings,
   Interval,
   SyncOnly,
+  Errors,
   routing: routerReducer,
 });
 

react/src/reducers/syncOnly.js

@@ -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;