From 1037749f65440c2da9506f1b8d4c85ecf7e012f9 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sat, 20 May 2017 15:52:40 +0300
Subject: [PATCH 01/15] missing cursor hand styles

---
 .../src/components/dashboard/coinTileItem.js  |  2 +-
 react/src/components/dashboard/navbar.js      |  1 +
 react/src/styles/index.scss                   | 76 +++++++++++++++++++
 3 files changed, 78 insertions(+), 1 deletion(-)

diff --git a/react/src/components/dashboard/coinTileItem.js b/react/src/components/dashboard/coinTileItem.js
index fd1d79d..f28ea9d 100644
--- a/react/src/components/dashboard/coinTileItem.js
+++ b/react/src/components/dashboard/coinTileItem.js
@@ -137,7 +137,7 @@ class CoinTileItem extends React.Component {
     const { item } = this.props;
 
     return (
-      <div className="list-group-item col-xlg-6 col-lg-12 wallet-widgets-info">
+      <div className="list-group-item col-xlg-6 col-lg-12 wallet-widgets-info pointer">
         <div className={ this.props.ActiveCoin.coin === item.coin ? 'widget widget-shadow active' : 'widget widget-shadow' }>
           <div
             className="widget-content text-center bg-white padding-20 edexcoin-logo"
diff --git a/react/src/components/dashboard/navbar.js b/react/src/components/dashboard/navbar.js
index 6325250..70c0e66 100644
--- a/react/src/components/dashboard/navbar.js
+++ b/react/src/components/dashboard/navbar.js
@@ -102,6 +102,7 @@ class Navbar extends React.Component {
                   role="menuitem"
                   id="btn_edexcoin_addcoin"
                   style={{ paddingBottom: '10px', paddingTop: '16px' }}
+                  className="pointer"
                   onClick={ this.toggleAddCoinModal }>
                   <span>
                     <img src="assets/images/icons/activatecoin.png" alt={ translate('INDEX.ADD_COIN') } />
diff --git a/react/src/styles/index.scss b/react/src/styles/index.scss
index 181cb91..aafb72b 100644
--- a/react/src/styles/index.scss
+++ b/react/src/styles/index.scss
@@ -292,6 +292,82 @@ body {
   }
 }
 
+/* The switch - the box around the slider */
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 40px;
+  height: 24px;
+}
+
+/* Hide default HTML checkbox */
+.switch input {
+  display: none;
+}
+
+/* The slider */
+.slider {
+  border-radius: 20px;
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #ccc;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+.slider:before {
+  border-radius: 50%;
+  position: absolute;
+  content: "";
+  height: 22px;
+  width: 22px;
+  left: 4px;
+  bottom: 4px;
+  background-color: white;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+.toggle-label {
+  color: #757575;
+  display: inline-block;
+}
+
+input:checked + .slider {
+  background-color: rgb(57, 73, 171);
+}
+
+input:focus + .slider {
+  box-shadow: 0 0 1px rgb(57, 73, 171);
+}
+
+input:checked + .slider:before {
+  -webkit-transform: translateX(26px);
+  -ms-transform: translateX(26px);
+  transform: translateX(26px);
+}
+
+/* Rounded sliders */
+.slider.round {
+  border-radius: 34px;
+}
+
+.slider.round:before {
+  border-radius: 50%;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.text-center {
+  text-align: center;
+}
+
 /*.toaster .single-toast:nth-child(0) {
   bottom: 12px;
 }

From b39f65fa7fef8ec01d8cedbc0036c88a46bba7ab Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sat, 20 May 2017 15:52:59 +0300
Subject: [PATCH 02/15] hide dest addr column in basilisk tx history

---
 react/src/components/dashboard/walletsData.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/react/src/components/dashboard/walletsData.js b/react/src/components/dashboard/walletsData.js
index 788c7df..4da9492 100644
--- a/react/src/components/dashboard/walletsData.js
+++ b/react/src/components/dashboard/walletsData.js
@@ -377,8 +377,8 @@ class WalletsData extends React.Component {
             <td>{ tx.confirmations }</td>
             <td>{ tx.amount || translate('DASHBOARD.UNKNOWN') }</td>
             <td>{ secondsToString(tx.blocktime || tx.timestamp) }</td>
-            <td>{ tx.address }</td>
-            <td>
+            <td className={ this.props.ActiveCoin.mode === 'basilisk' ? 'hide' : '' }>{ tx.address }</td>
+            <td className={ this.props.ActiveCoin.mode === 'basilisk' ? 'text-center' : '' }>
               <button
                 type="button"
                 className="btn btn-xs white btn-info waves-effect waves-light btn-kmdtxid"
@@ -684,8 +684,8 @@ class WalletsData extends React.Component {
                                 <th className="hidden-xs hidden-sm">{ translate('INDEX.CONFIRMATIONS') }</th>
                                 <th>{ translate('INDEX.AMOUNT') }</th>
                                 <th>{ translate('INDEX.TIME') }</th>
-                                <th>{ translate('INDEX.DEST_ADDRESS') }</th>
-                                <th className="hidden-xs hidden-sm">{ translate('INDEX.TX_DETAIL') }</th>
+                                <th className={ this.props.ActiveCoin.mode === 'basilisk' ? 'hide' : '' }>{ translate('INDEX.DEST_ADDRESS') }</th>
+                                <th className={ this.props.ActiveCoin.mode === 'basilisk' ? 'hidden-xs hidden-sm text-center' : 'hidden-xs hidden-sm' }>{ translate('INDEX.TX_DETAIL') }</th>
                               </tr>
                             </thead>
                             <tbody>
@@ -697,8 +697,8 @@ class WalletsData extends React.Component {
                                 <th>{ translate('INDEX.CONFIRMATIONS') }</th>
                                 <th>{ translate('INDEX.AMOUNT') }</th>
                                 <th>{ translate('INDEX.TIME') }</th>
-                                <th>{ translate('INDEX.DEST_ADDRESS') }</th>
-                                <th className="hidden-xs hidden-sm">{ translate('INDEX.TX_DETAIL') }</th>
+                                <th className={ this.props.ActiveCoin.mode === 'basilisk' ? 'hide' : '' }>{ translate('INDEX.DEST_ADDRESS') }</th>
+                                <th className={ this.props.ActiveCoin.mode === 'basilisk' ? 'hidden-xs hidden-sm text-center' : 'hidden-xs hidden-sm' }>{ translate('INDEX.TX_DETAIL') }</th>
                               </tr>
                             </tfoot>
                           </table>

From f211f26fadf5d71c353e03d3da989174d0bf0761 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sat, 20 May 2017 16:18:08 +0300
Subject: [PATCH 03/15] switched translation placeholder

---
 react/src/components/dashboard/walletsNav.js | 2 +-
 react/src/translate/en.js                    | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/react/src/components/dashboard/walletsNav.js b/react/src/components/dashboard/walletsNav.js
index 02c5d75..7445f0f 100644
--- a/react/src/components/dashboard/walletsNav.js
+++ b/react/src/components/dashboard/walletsNav.js
@@ -83,7 +83,7 @@ class WalletsNav extends React.Component {
                   className="btn btn-dark waves-effect waves-light"
                   id="btn_edexcoin_dashboard"
                   onClick={ this.toggleSendReceiveCoinForms }>
-                  <i className="icon md-view-dashboard" aria-hidden="true"></i> { this.props.ActiveCoin.mode !== 'native' ? translate('INDEX.DASHBOARD') : 'Settings' }
+                  <i className="icon md-view-dashboard" aria-hidden="true"></i> { this.props.ActiveCoin.mode !== 'native' ? translate('INDEX.DASHBOARD') : translate('INDEX.WALLET_INFO') }
                 </button>
                 <button
                   type="button"
diff --git a/react/src/translate/en.js b/react/src/translate/en.js
index ae8c492..3367a93 100644
--- a/react/src/translate/en.js
+++ b/react/src/translate/en.js
@@ -1,6 +1,7 @@
 export const _lang = {
   'EN': {
     'INDEX': {
+      'WALLET_INFO': 'Wallet Info',
       'ADD_COIN': 'Add Coin',
       'STOP': 'Stop',
       'START': 'Start',

From bb3f8a4bed9f6fbe4181e577e285a193ef5ce4df Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sat, 20 May 2017 17:18:10 +0300
Subject: [PATCH 04/15] missing toggler element

---
 react/src/components/addcoin/addcoin.js    | 15 ++++++----
 react/src/components/dashboard/sendCoin.js | 34 +++++++++++-----------
 react/src/styles/index.scss                | 17 ++++++-----
 3 files changed, 36 insertions(+), 30 deletions(-)

diff --git a/react/src/components/addcoin/addcoin.js b/react/src/components/addcoin/addcoin.js
index 989df52..09b2686 100644
--- a/react/src/components/addcoin/addcoin.js
+++ b/react/src/components/addcoin/addcoin.js
@@ -69,6 +69,7 @@ class AddCoin extends React.Component {
   }
 
   toggleSyncOnlyMode(index) {
+    console.log(index);
     let _coins = this.state.coins;
 
     _coins[index] = Object.assign({}, _coins[index], {
@@ -355,13 +356,15 @@ class AddCoin extends React.Component {
             </button>
           </div>
           <div className={ _item.mode === '1' || _item.mode === 1 ? 'col-sm-12' : 'hide' }>
-            <div className="pull-left margin-right-10">
-              <input type="checkbox" id="addcoin_sync_only" checked={ _item.syncOnly } />
+            <div className="toggle-box padding-top-3 padding-bottom-10">
+              <span className="pointer">
+                <label className="switch">
+                  <input type="checkbox" checked={ _item.syncOnly } />
+                  <div className="slider" onClick={ () => this.toggleSyncOnlyMode(i) }></div>
+                </label>
+                <div className="toggle-label" onClick={ () => this.toggleSyncOnlyMode(i) }>{ translate('ADD_COIN.SYNC_ONLY') }</div>
+              </span>
             </div>
-            <label
-              className="padding-top-3 padding-bottom-10"
-              htmlFor="addcoin_sync_only"
-              onClick={ () => this.toggleSyncOnlyMode(i) }>{ translate('ADD_COIN.SYNC_ONLY') }</label>
           </div>
         </div>
       );
diff --git a/react/src/components/dashboard/sendCoin.js b/react/src/components/dashboard/sendCoin.js
index 1e5911a..ce45f75 100644
--- a/react/src/components/dashboard/sendCoin.js
+++ b/react/src/components/dashboard/sendCoin.js
@@ -733,13 +733,13 @@ class SendCoin extends React.Component {
       return (
         <div className="row">
           <div className="col-lg-10 margin-bottom-10">
-            <div className="pull-left margin-right-10">
-              <input type="checkbox" id="edexcoin_send_api_type" />
-            </div>
-            <label
-              className="padding-top-3"
-              htmlFor="edexcoin_send_api_type"
-              onClick={ this.toggleSendAPIType }>{ translate('SEND.SEND_VIA') } sendtoaddress API</label>
+            <span className="pointer">
+              <label className="switch">
+                <input type="checkbox" checked={ this.state.sendApiType } />
+                <div className="slider" onClick={ this.toggleSendAPIType }></div>
+              </label>
+              <div className="toggle-label" onClick={ this.toggleSendAPIType }>{ translate('SEND.SEND_VIA') } sendtoaddress API</div>
+            </span>
           </div>
         </div>
       );
@@ -846,16 +846,16 @@ class SendCoin extends React.Component {
                         <strong>{ translate('INDEX.TOTAL') } ({ translate('INDEX.AMOUNT_SM') } - txfee):</strong> <span id="edexcoin_total_value">{ Number(this.state.amount) - Number(this.state.fee) }</span> { this.props.ActiveCoin.coin }
                       </span>
                     </div>
-                    <div className="col-lg-10 margin-top-10">
-                      <div className="pull-left margin-right-10">
-                        <input type="checkbox" id="edexcoin_send_sig" />
-                      </div>
-                      <label
-                        className="padding-top-3"
-                        htmlFor="edexcoin_send_sig"
-                        onClick={ this.toggleSendSig }>{ translate('INDEX.DONT_SEND') }</label>
+                    <div className="col-lg-10 margin-top-30">
+                      <span className="pointer">
+                        <label className="switch">
+                          <input type="checkbox" checked={ this.state.sendSig } />
+                          <div className="slider" onClick={ this.toggleSendSig }></div>
+                        </label>
+                        <div className="toggle-label" onClick={ this.toggleSendSig }>{ translate('INDEX.DONT_SEND') }</div>
+                      </span>
                     </div>
-                    { this.renderUTXOCacheInfo()} 
+                    { this.renderUTXOCacheInfo()}
                     <div className="col-lg-12">
                       <button
                         type="button"
@@ -919,7 +919,7 @@ class SendCoin extends React.Component {
               <div className="panel-heading">
                 <h4 className="panel-title">{ translate('INDEX.TRANSACTION_RESULT') }</h4>
                 <div className={ !this.state.sendSig ? 'hide' : 'center' }>
-                  { translate('INDEX.YOU_PICKED_OPT') } "{ translate('INDEX.DONT_SEND') }"
+                  { translate('SEND.YOU_PICKED_OPT') }
                 </div>
                 <table
                   className="table table-hover table-striped edexcoin_sendto_result"
diff --git a/react/src/styles/index.scss b/react/src/styles/index.scss
index aafb72b..ba933fb 100644
--- a/react/src/styles/index.scss
+++ b/react/src/styles/index.scss
@@ -323,10 +323,10 @@ body {
   border-radius: 50%;
   position: absolute;
   content: "";
-  height: 22px;
-  width: 22px;
-  left: 4px;
-  bottom: 4px;
+  height: 20px;
+  width: 20px;
+  left: 2px;
+  bottom: 2px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
@@ -335,6 +335,9 @@ body {
 .toggle-label {
   color: #757575;
   display: inline-block;
+  position: relative;
+  top: -12px;
+  left: 8px;
 }
 
 input:checked + .slider {
@@ -346,9 +349,9 @@ input:focus + .slider {
 }
 
 input:checked + .slider:before {
-  -webkit-transform: translateX(26px);
-  -ms-transform: translateX(26px);
-  transform: translateX(26px);
+  -webkit-transform: translateX(16px);
+  -ms-transform: translateX(16px);
+  transform: translateX(16px);
 }
 
 /* Rounded sliders */

From 4a56a40a314efa08acd0986ae0e79314cff407a1 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sun, 21 May 2017 11:47:08 +0300
Subject: [PATCH 05/15] handle click outside dropdown

---
 react/src/components/dashboard/sendCoin.js    | 23 +++++++++++++++++-
 react/src/components/dashboard/walletsData.js | 24 +++++++++++++++++++
 .../components/dashboard/walletsNativeSend.js | 19 +++++++++++++++
 3 files changed, 65 insertions(+), 1 deletion(-)

diff --git a/react/src/components/dashboard/sendCoin.js b/react/src/components/dashboard/sendCoin.js
index ce45f75..72edc9f 100644
--- a/react/src/components/dashboard/sendCoin.js
+++ b/react/src/components/dashboard/sendCoin.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import ReactDOM from 'react-dom';
 import Config from '../../config';
 import { translate } from '../../translate/translate';
 import {
@@ -31,6 +32,7 @@ import io from 'socket.io-client';
 const socket = io.connect('http://127.0.0.1:' + Config.agamaPort);
 
 // TODO: prevent any cache updates rather than utxo while on send coin form
+//       fix a bug - total amount is incorrect when switching between steps
 
 class SendCoin extends React.Component {
   constructor(props) {
@@ -57,9 +59,28 @@ class SendCoin extends React.Component {
     this.getOAdress = this.getOAdress.bind(this);
     this.toggleSendAPIType = this.toggleSendAPIType.bind(this);
     this._fetchNewUTXOData = this._fetchNewUTXOData.bind(this);
+    this.handleClickOutside = this.handleClickOutside.bind(this);
     socket.on('messages', msg => this.updateSocketsData(msg));
   }
 
+  componentWillMount() {
+    document.addEventListener('click', this.handleClickOutside, false);
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener('click', this.handleClickOutside, false);
+  }
+
+  handleClickOutside(e) {
+    if (e.srcElement.className !== 'btn dropdown-toggle btn-info' &&
+        (e.srcElement.offsetParent && e.srcElement.offsetParent.className !== 'btn dropdown-toggle btn-info') &&
+        (e.path && e.path[4] && e.path[4].className.indexOf('showkmdwalletaddrs') === -1)) {
+      this.setState({
+        addressSelectorOpen: false,
+      });
+    }
+  }
+
   componentWillReceiveProps(props) {
     if (!this.state.sendFrom && this.props.ActiveCoin.activeAddress) {
       this.setState(Object.assign({}, this.state, {
@@ -270,7 +291,7 @@ class SendCoin extends React.Component {
 
   renderAddressList() {
     return (
-      <div className={ 'btn-group bootstrap-select form-control form-material showkmdwalletaddrs show-tick ' + (this.state.addressSelectorOpen ? 'open' : '') }>
+      <div id="showkmdwalletaddrs" className={ 'btn-group bootstrap-select form-control form-material showkmdwalletaddrs show-tick ' + (this.state.addressSelectorOpen ? 'open' : '') }>
         <button
           type="button"
           className="btn dropdown-toggle btn-info"
diff --git a/react/src/components/dashboard/walletsData.js b/react/src/components/dashboard/walletsData.js
index 4da9492..b316667 100644
--- a/react/src/components/dashboard/walletsData.js
+++ b/react/src/components/dashboard/walletsData.js
@@ -57,9 +57,33 @@ class WalletsData extends React.Component {
     this._fetchUtxoCache = this._fetchUtxoCache.bind(this);
     this.restartBasiliskInstance = this.restartBasiliskInstance.bind(this);
     this.basiliskRefreshActionOne = this.basiliskRefreshActionOne.bind(this);
+    this.handleClickOutside = this.handleClickOutside.bind(this);
     socket.on('messages', msg => this.updateSocketsData(msg));
   }
 
+  componentWillMount() {
+    document.addEventListener('click', this.handleClickOutside, false);
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener('click', this.handleClickOutside, false);
+  }
+
+  handleClickOutside(e) {
+    console.log(e);
+
+    if (e.srcElement.className !== 'btn dropdown-toggle btn-info' &&
+        (e.srcElement.offsetParent && e.srcElement.offsetParent.className !== 'btn dropdown-toggle btn-info') &&
+        (e.path && e.path[4] && e.path[4].className.indexOf('showkmdwalletaddrs') === -1) &&
+        (e.srcElement.offsetParent && e.srcElement.offsetParent.className.indexOf('dropdown') === -1) &&
+        e.srcElement.className !== 'dropdown-toggle btn-xs btn-default') {
+      this.setState({
+        addressSelectorOpen: false,
+        basiliskActionsMenu: false,
+      });
+    }
+  }
+
   componentDidMount() {
     console.log('use cache = ', this.state.useCache);
   }
diff --git a/react/src/components/dashboard/walletsNativeSend.js b/react/src/components/dashboard/walletsNativeSend.js
index e48c920..54963f1 100644
--- a/react/src/components/dashboard/walletsNativeSend.js
+++ b/react/src/components/dashboard/walletsNativeSend.js
@@ -27,6 +27,25 @@ class WalletsNativeSend extends React.Component {
     this.handleSubmit = this.handleSubmit.bind(this);
     this.openDropMenu = this.openDropMenu.bind(this);
     this.getOAdress = this.getOAdress.bind(this);
+    this.handleClickOutside = this.handleClickOutside.bind(this);
+  }
+
+  componentWillMount() {
+    document.addEventListener('click', this.handleClickOutside, false);
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener('click', this.handleClickOutside, false);
+  }
+
+  handleClickOutside(e) {
+    if (e.srcElement.className !== 'btn dropdown-toggle btn-info' &&
+        (e.srcElement.offsetParent && e.srcElement.offsetParent.className !== 'btn dropdown-toggle btn-info') &&
+        (e.path && e.path[4] && e.path[4].className.indexOf('showkmdwalletaddrs') === -1)) {
+      this.setState({
+        addressSelectorOpen: false,
+      });
+    }
   }
 
   renderAddressByType(type) {

From ebf50e0c8eeccb63866cd308b83c876ccb57300b Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sun, 21 May 2017 13:51:50 +0300
Subject: [PATCH 06/15] close modals on ESC keydown

---
 .../src/components/dashboard/walletsBasiliskConnection.js | 8 +++++++-
 react/src/components/dashboard/walletsNotariesList.js     | 8 +++++++-
 react/src/components/dashboard/walletsTxInfo.js           | 8 +++++++-
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/react/src/components/dashboard/walletsBasiliskConnection.js b/react/src/components/dashboard/walletsBasiliskConnection.js
index 629ecb1..72f89e1 100644
--- a/react/src/components/dashboard/walletsBasiliskConnection.js
+++ b/react/src/components/dashboard/walletsBasiliskConnection.js
@@ -13,11 +13,17 @@ class WalletsBasiliskConnection extends React.Component {
     Store.dispatch(basiliskConnection(false));
   }
 
+  handleKeydown(e) {
+    if (e.key === 'Escape') {
+      this.basiliskConnectionAction();
+    }
+  }
+
   render() {
     if (this.props &&
         this.props.Dashboard.basiliskConnection) {
       return (
-        <div>
+        <div onKeyDown={ (event) => this.handleKeydown(event) }>
           <div className="modal show" id="RefreshBasiliskConnectionsMdl" aria-hidden="false" role="dialog">
             <div className="modal-dialog modal-center modal-md">
               <div className="modal-content">
diff --git a/react/src/components/dashboard/walletsNotariesList.js b/react/src/components/dashboard/walletsNotariesList.js
index 148eadd..ad1f805 100644
--- a/react/src/components/dashboard/walletsNotariesList.js
+++ b/react/src/components/dashboard/walletsNotariesList.js
@@ -15,6 +15,12 @@ class WalletsNotariesList extends React.Component {
     Store.dispatch(displayNotariesModal(false));
   }
 
+  handleKeydown(e) {
+    if (e.key === 'Escape') {
+      this.closeNotariesModal();
+    }
+  }
+
   renderNotariesFetching() {
     if (!this.props.ActiveCoin.notaries) {
       return (
@@ -50,7 +56,7 @@ class WalletsNotariesList extends React.Component {
       const notariesData = this.props.ActiveCoin.notaries ? this.props.ActiveCoin.notaries.notaries : null;
 
       return (
-        <div>
+        <div onKeyDown={ (event) => this.handleKeydown(event) }>
           <div className="modal show" id="kmd_txid_info_mdl" aria-hidden="false" role="dialog">
             <div className="modal-dialog modal-center modal-lg">
               <div className="modal-content">
diff --git a/react/src/components/dashboard/walletsTxInfo.js b/react/src/components/dashboard/walletsTxInfo.js
index 6e262d3..54ddf1b 100644
--- a/react/src/components/dashboard/walletsTxInfo.js
+++ b/react/src/components/dashboard/walletsTxInfo.js
@@ -23,6 +23,12 @@ class WalletsTxInfo extends React.Component {
     }));
   }
 
+  handleKeydown(e) {
+    if (e.key === 'Escape') {
+      this.toggleTxInfoModal();
+    }
+  }
+
   render() {
     if (this.props &&
         this.props.ActiveCoin.showTransactionInfo &&
@@ -30,7 +36,7 @@ class WalletsTxInfo extends React.Component {
       const txInfo = this.props.ActiveCoin.txhistory[this.props.ActiveCoin.showTransactionInfoTxIndex];
 
       return (
-        <div>
+        <div onKeyDown={ (event) => this.handleKeydown(event) }>
           <div className="modal show" id="kmd_txid_info_mdl" aria-hidden="false" role="dialog">
             <div className="modal-dialog modal-center modal-lg">
               <div className="modal-content">

From 079f302a8ccf3399b290b02e66b18f1eb80cad09 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sun, 21 May 2017 15:19:31 +0300
Subject: [PATCH 07/15] addcoin disabled modes behaviour fix

---
 react/src/components/addcoin/addcoin.js | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/react/src/components/addcoin/addcoin.js b/react/src/components/addcoin/addcoin.js
index 09b2686..2e0060f 100644
--- a/react/src/components/addcoin/addcoin.js
+++ b/react/src/components/addcoin/addcoin.js
@@ -12,6 +12,8 @@ import AddCoinOptionsCrypto from './addcoinOptionsCrypto';
 import AddCoinOptionsAC from './addcoinOptionsAC';
 import AddCoinOptionsACFiat from './addcoinOptionsACFiat';
 
+// TODO: fix add coin bug
+
 class AddCoin extends React.Component {
   constructor(props) {
     super(props);
@@ -69,7 +71,6 @@ class AddCoin extends React.Component {
   }
 
   toggleSyncOnlyMode(index) {
-    console.log(index);
     let _coins = this.state.coins;
 
     _coins[index] = Object.assign({}, _coins[index], {
@@ -146,15 +147,15 @@ class AddCoin extends React.Component {
     _coins[index] = {
       selectedCoin: _coins[index].selectedCoin,
       fullMode: {
-        ...this.state.fullMode,
+        disabled: _coins[index].selectedCoin.indexOf('full') > -1 ? false : true,
         checked: _value === '1' ? true : false,
       },
       basiliskMode: {
-        ...this.state.basiliskMode,
+        disabled: _coins[index].selectedCoin.indexOf('basilisk') > -1 ? false : true,
         checked: _value === '0' ? true : false,
       },
       nativeMode: {
-        ...this.state.nativeMode,
+        disabled: _coins[index].selectedCoin.indexOf('native') > -1 ? false : true,
         checked: _value === '-1' ? true : false,
       },
       mode: _value,
@@ -165,7 +166,13 @@ class AddCoin extends React.Component {
       coins: _coins
     }));
 
-    console.log(this.state.coins);
+    console.log(_coins[index]);
+  }
+
+  handleKeydown(e) {
+    if (e.key === 'Escape') {
+      this.dismiss();
+    }
   }
 
   activateCoin() {
@@ -242,7 +249,7 @@ class AddCoin extends React.Component {
       const _coin = _item.selectedCoin || '';
 
       items.push(
-        <div className={this.state.coins.length > 1 ? 'multi' : 'single'} key={'add-coin-' + i}>
+        <div className={ this.state.coins.length > 1 ? 'multi' : 'single' } key={ 'add-coin-' + i }>
           <div className="col-sm-8">
             <div className="form-group">
               <select
@@ -250,7 +257,8 @@ class AddCoin extends React.Component {
                 name="selectedCoin"
                 id="addcoin_select_coin_mdl_options-login"
                 value={ _coin }
-                onChange={ (event) => this.updateSelectedCoin(event, i) }>
+                onChange={ (event) => this.updateSelectedCoin(event, i) }
+                autoFocus>
                 <option>{ translate('INDEX.SELECT') }</option>
                 <AddCoinOptionsCrypto />
                 <AddCoinOptionsAC />
@@ -375,7 +383,7 @@ class AddCoin extends React.Component {
 
   render() {
     return (
-      <div>
+      <div onKeyDown={ (event) => this.handleKeydown(event) }>
         <div
           className={ 'modal modal-3d-sign add-coin-modal ' + this.state.modalClassName }
           id="AddCoinDilogModel-login"

From 99e511b27c41cdcca66019248888bf5321885c24 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sun, 21 May 2017 16:47:34 +0300
Subject: [PATCH 08/15] 10s timeout basilisk node getinfo

---
 react/src/actions/actionCreators.js                         | 3 +--
 react/src/components/dashboard/walletsBasiliskConnection.js | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/react/src/actions/actionCreators.js b/react/src/actions/actionCreators.js
index 9a7433f..fd631bd 100644
--- a/react/src/actions/actionCreators.js
+++ b/react/src/actions/actionCreators.js
@@ -2284,8 +2284,7 @@ function initNotaryNodesConSequence(nodes) {
         'agent': 'dex',
         'method': 'getinfo',
         'symbol': node,
-        // 'immediate': 60000,
-        // 'timeout': 60000
+        'timeout': 10000
       };
 
       console.log('initNotaryNodesConSequence', nodes);
diff --git a/react/src/components/dashboard/walletsBasiliskConnection.js b/react/src/components/dashboard/walletsBasiliskConnection.js
index 72f89e1..1579924 100644
--- a/react/src/components/dashboard/walletsBasiliskConnection.js
+++ b/react/src/components/dashboard/walletsBasiliskConnection.js
@@ -81,7 +81,7 @@ class WalletsBasiliskConnection extends React.Component {
                   <div className="progress progress-sm">
                     <div className="progress-bar progress-bar-info progress-bar-striped active" style={{ width: Math.floor(this.props.Dashboard.connectedNotaries.current * 100 / this.props.Dashboard.connectedNotaries.total) + '%', fontSize: '80%' }} role="progressbar" id="basilisk-connections-refresh-progress-bar"></div>
                   </div>
-                  <pre id="basilisk-connections-refresh-status-output">
+                  <pre id="basilisk-connections-refresh-status-output" style={{ padding: '0' }}>
                   { this.props.Dashboard.connectedNotaries.failedToConnectNodes ? 'Failed: ' + this.props.Dashboard.connectedNotaries.failedToConnectNodes : null }
                   </pre>
                 </div>

From 7416e52cc8a911f08a20b6193cf9f87d6fbf266b Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sun, 21 May 2017 16:56:44 +0300
Subject: [PATCH 09/15] sync only navbar item

---
 react/src/actions/actionCreators.js      |   1 -
 react/src/components/addcoin/addcoin.js  |   4 -
 react/src/components/dashboard/navbar.js |  21 ++++-
 react/src/components/login/login.js      | 114 +++++++++++++++++------
 4 files changed, 103 insertions(+), 37 deletions(-)

diff --git a/react/src/actions/actionCreators.js b/react/src/actions/actionCreators.js
index fd631bd..038b617 100644
--- a/react/src/actions/actionCreators.js
+++ b/react/src/actions/actionCreators.js
@@ -2305,7 +2305,6 @@ function initNotaryNodesConSequence(nodes) {
 }
 
 function updateNotaryNodeConState(json, totalNodes, currentNodeIndex, currentNodeName) {
-  console.log(currentNodeName, json);
   if (currentNodeIndex === totalNodes - 1) {
     return dispatch => {
       dispatch(basiliskConnectionState(false));
diff --git a/react/src/components/addcoin/addcoin.js b/react/src/components/addcoin/addcoin.js
index 2e0060f..d85b9a8 100644
--- a/react/src/components/addcoin/addcoin.js
+++ b/react/src/components/addcoin/addcoin.js
@@ -12,8 +12,6 @@ import AddCoinOptionsCrypto from './addcoinOptionsCrypto';
 import AddCoinOptionsAC from './addcoinOptionsAC';
 import AddCoinOptionsACFiat from './addcoinOptionsACFiat';
 
-// TODO: fix add coin bug
-
 class AddCoin extends React.Component {
   constructor(props) {
     super(props);
@@ -165,8 +163,6 @@ class AddCoin extends React.Component {
     this.setState(Object.assign({}, this.state, {
       coins: _coins
     }));
-
-    console.log(_coins[index]);
   }
 
   handleKeydown(e) {
diff --git a/react/src/components/dashboard/navbar.js b/react/src/components/dashboard/navbar.js
index 70c0e66..9a4ddd2 100644
--- a/react/src/components/dashboard/navbar.js
+++ b/react/src/components/dashboard/navbar.js
@@ -4,7 +4,10 @@ import {
   dashboardChangeSection,
   toggleAddcoinModal,
   logout,
-  stopInterval
+  stopInterval,
+  toggleSyncOnlyModal,
+  startInterval,
+  getSyncOnlyForks
 } from '../../actions/actionCreators';
 import Store from '../../store';
 
@@ -38,6 +41,17 @@ class Navbar extends React.Component {
     Store.dispatch(logout());
   }
 
+  openSyncOnlyModal() {
+    Store.dispatch(getSyncOnlyForks());
+
+    var _iguanaActiveHandle = setInterval(function() {
+      Store.dispatch(getSyncOnlyForks());
+    }.bind(this), 3000);
+    Store.dispatch(startInterval('syncOnly', _iguanaActiveHandle));
+
+    Store.dispatch(toggleSyncOnlyModal(true));
+  }
+
   render() {
     return (
       <nav className="site-navbar navbar navbar-default navbar-fixed-top navbar-mega" role="navigation">
@@ -95,6 +109,11 @@ class Navbar extends React.Component {
                   <i className="site-menu-icon" aria-hidden="true"></i> Atomic Explorer
                 </a>
               </li>
+              <li className="nav-top-menu">
+                <a id="nav-iguana-atomic-explorer" onClick={ () => this.openSyncOnlyModal() }>
+                  <i className="site-menu-icon" aria-hidden="true"></i> { translate('ADD_COIN.SYNC_ONLY') }
+                </a>
+              </li>
             </ul>
             <ul className="nav navbar-toolbar navbar-right navbar-toolbar-right">
               <li role="presentation">
diff --git a/react/src/components/login/login.js b/react/src/components/login/login.js
index 08f7472..a0cf9d8 100644
--- a/react/src/components/login/login.js
+++ b/react/src/components/login/login.js
@@ -226,73 +226,125 @@ class Login extends React.Component {
                       className="form-control"
                       name="loginPassphrase"
                       id="password"
-                      onChange={this.updateInput}
-                      onKeyDown={(event) => this.handleKeydown(event)} />
-                    <i className={this.state.seedInputVisibility ? 'seed-toggle fa fa-eye-slash' : 'seed-toggle fa fa-eye'} onClick={this.toggleSeedInputVisibility}></i>
-                    <label className="floating-label" htmlFor="inputPassword">{translate('INDEX.WALLET_SEED')}</label>
+                      onChange={ this.updateInput }
+                      onKeyDown={ (event) => this.handleKeydown(event) } />
+                    <i
+                      className={ this.state.seedInputVisibility ? 'seed-toggle fa fa-eye-slash' : 'seed-toggle fa fa-eye' }
+                      onClick={ this.toggleSeedInputVisibility }></i>
+                    <label className="floating-label" htmlFor="inputPassword">{ translate('INDEX.WALLET_SEED') }</label>
                   </div>
-                  <button type="button" className="btn btn-primary btn-block" id="loginbtn" onClick={this.loginSeed} disabled={!this.state.loginPassphrase || !this.state.loginPassphrase.length}>{translate('INDEX.SIGN_IN')}</button>
+                  <button
+                    type="button"
+                    className="btn btn-primary btn-block"
+                    id="loginbtn"
+                    onClick={ this.loginSeed }
+                    disabled={ !this.state.loginPassphrase || !this.state.loginPassphrase.length }>{ translate('INDEX.SIGN_IN') }</button>
                   <div className="form-group form-material floating">
-                    <button className="btn btn-lg btn-flat btn-block waves-effect" id="register-btn" onClick={() => this.updateActiveLoginSection('signup')}>{translate('INDEX.CREATE_WALLET')}</button>
-                    <button className="btn btn-lg btn-flat btn-block waves-effect hide" id="logint-another-wallet">{translate('INDEX.LOGIN_ANOTHER_WALLET')}</button>
+                    <button
+                      className="btn btn-lg btn-flat btn-block waves-effect"
+                      id="register-btn"
+                      onClick={ () => this.updateActiveLoginSection('signup') }>{ translate('INDEX.CREATE_WALLET') }</button>
+                    <button
+                      className="btn btn-lg btn-flat btn-block waves-effect hide"
+                      id="logint-another-wallet">{ translate('INDEX.LOGIN_ANOTHER_WALLET') }</button>
                     <button
                       className="btn btn-lg btn-flat btn-block waves-effect"
                       id="register-btn"
                       role="menuitem"
-                      onClick={this.toggleActivateCoinForm}
-                      disabled={!this.props.Main}
-                      style={{marginTop: '20px'}}>
-                      <span className="ladda-label">{translate('ADD_COIN.ADD_ANOTHER_COIN')}</span>
+                      onClick={ this.toggleActivateCoinForm }
+                      disabled={ !this.props.Main }
+                      style={{ marginTop: '20px' }}>
+                      <span className="ladda-label">{ translate('ADD_COIN.ADD_ANOTHER_COIN') }</span>
                     </button>
                   </div>
                 </div>
               </div>
 
-              <div id="section-login-addcoin-btn" className={this.state.activeLoginSection === 'activateCoin' ? 'show' : 'hide'}>
-                <h4 style={{ color: '#fff' }} id="login-welcome">{translate('INDEX.WELCOME_PLEASE_ADD')}</h4>
-                <div className="form-group form-material floating" style={{width: '540px', margin: '30px 0'}}>
+              <div
+                id="section-login-addcoin-btn"
+                className={ this.state.activeLoginSection === 'activateCoin' ? 'show' : 'hide' }>
+                <h4 style={{ color: '#fff' }} id="login-welcome">{ translate('INDEX.WELCOME_PLEASE_ADD') }</h4>
+                <div
+                  className="form-group form-material floating"
+                  style={{ width: '540px', margin: '30px 0' }}>
                   <button
                     className="btn btn-lg btn-primary btn-block ladda-button"
                     id="start-coin-login"
                     role="menuitem"
-                    onClick={this.toggleActivateCoinForm}
-                    disabled={!this.props.Main}>
-                    <span className="ladda-label">{translate('INDEX.ACTIVATE_COIN')}</span>
+                    onClick={ this.toggleActivateCoinForm }
+                    disabled={ !this.props.Main }>
+                    <span className="ladda-label">{ translate('INDEX.ACTIVATE_COIN') }</span>
                   </button>
                 </div>
               </div>
 
-              <div id="section-register" className={this.state.activeLoginSection === 'signup' ? 'show' : 'hide'}>
+              <div
+                id="section-register"
+                className={ this.state.activeLoginSection === 'signup' ? 'show' : 'hide' }>
                 <div className="register-form">
                   <h4 className="hint" style={{ color: '#fff' }}>
                     { translate('INDEX.SELECT_SEED_TYPE') }:
                   </h4>
                   <div className="form-group form-material floating">
-                    <div className="radio-custom radio-default radio-inline" onClick={() => this.generateNewSeed(256)}>
-                      <input type="radio" name="PassPhraseOptions" checked={this.state.bitsOption === 256 ? true : false} />
+                    <div
+                      className="radio-custom radio-default radio-inline"
+                      onClick={ () => this.generateNewSeed(256) }>
+                      <input
+                        type="radio"
+                        name="PassPhraseOptions"
+                        checked={ this.state.bitsOption === 256 ? true : false } />
                       <label htmlFor="PassPhraseOptionsIguana">Iguana (256 bits)</label>
                     </div>
-                    <div className="radio-custom radio-default radio-inline" onClick={() => this.generateNewSeed(160)}>
-                      <input type="radio" name="PassPhraseOptions" checked={this.state.bitsOption === 160 ? true : false} />
+                    <div
+                      className="radio-custom radio-default radio-inline"
+                      onClick={ () => this.generateNewSeed(160) }>
+                      <input
+                        type="radio"
+                        name="PassPhraseOptions"
+                        checked={ this.state.bitsOption === 160 ? true : false } />
                       <label htmlFor="PassPhraseOptionsWaves">Waves</label>
                     </div>
-                    <div className="radio-custom radio-default radio-inline" onClick={() => this.generateNewSeed(128)}>
-                      <input type="radio" name="PassPhraseOptions" checked={this.state.bitsOption === 128 ? true : false} />
+                    <div
+                      className="radio-custom radio-default radio-inline"
+                      onClick={ () => this.generateNewSeed(128) }>
+                      <input
+                        type="radio"
+                        name="PassPhraseOptions"
+                        checked={ this.state.bitsOption === 128 ? true : false } />
                       <label htmlFor="PassPhraseOptionsNXT">NXT</label>
                     </div>
                   </div>
                   <div className="form-group form-material floating">
-                    <textarea className="form-control placeholder-no-fix" type="text" id="walletseed" style={{ height: '100px' }} value={this.state.randomSeed} readOnly="true"></textarea>
-                    <label className="floating-label" htmlFor="walletseed">{translate('INDEX.WALLET_SEED')}</label>
+                    <textarea
+                      className="form-control placeholder-no-fix"
+                      type="text"
+                      id="walletseed"
+                      style={{ height: '100px' }}
+                      value={ this.state.randomSeed }
+                      readOnly="true"></textarea>
+                    <label className="floating-label" htmlFor="walletseed">{ translate('INDEX.WALLET_SEED') }</label>
                   </div>
                   <div className="form-group form-material floating">
-                    <textarea className="form-control placeholder-no-fix" type="text" name="randomSeedConfirm" onChange={this.updateInput} id="rwalletseed" style={{ height: '100px' }}></textarea>
-                    <span className={ this.state.isSeedConfirmError ? 'help-block' : 'hide' }>{translate('LOGIN.ENTER_VALUE_AGAIN')}.</span>
-                    <label className="floating-label" htmlFor="rwalletseed">{translate('INDEX.CONFIRM_SEED')}</label>
+                    <textarea
+                      className="form-control placeholder-no-fix"
+                      type="text"
+                      name="randomSeedConfirm"
+                      onChange={ this.updateInput }
+                      id="rwalletseed"
+                      style={{ height: '100px' }}></textarea>
+                    <span className={ this.state.isSeedConfirmError ? 'help-block' : 'hide' }>{ translate('LOGIN.ENTER_VALUE_AGAIN') }.</span>
+                    <label className="floating-label" htmlFor="rwalletseed">{ translate('INDEX.CONFIRM_SEED') }</label>
                   </div>
-                  <button type="button" id="register-submit-btn" className="btn btn-primary btn-block" onClick={this.handleRegisterWallet}>{translate('INDEX.REGISTER')}</button>
+                  <button
+                    type="button"
+                    id="register-submit-btn"
+                    className="btn btn-primary btn-block"
+                    onClick={ this.handleRegisterWallet }>{ translate('INDEX.REGISTER') }</button>
                   <div className="form-group form-material floating">
-                    <button className="btn btn-lg btn-flat btn-block waves-effect" id="register-back-btn" onClick={() => this.updateActiveLoginSection('login')}>{translate('INDEX.BACK_TO_LOGIN')}</button>
+                    <button
+                      className="btn btn-lg btn-flat btn-block waves-effect"
+                      id="register-back-btn"
+                      onClick={ () => this.updateActiveLoginSection('login') }>{ translate('INDEX.BACK_TO_LOGIN') }</button>
                   </div>
                 </div>
               </div>

From a19f32b03cfaa1a24acb3c21f486462edb2c2b13 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sun, 21 May 2017 18:04:02 +0300
Subject: [PATCH 10/15] native receive dropdown outside click

---
 react/src/components/dashboard/walletsData.js  |  2 --
 .../dashboard/walletsNativeReceive.js          | 18 ++++++++++++++++++
 .../dashboard/walletsNativeSyncProgress.js     |  2 +-
 .../dashboard/walletsNativeTxHistory.js        |  3 ++-
 4 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/react/src/components/dashboard/walletsData.js b/react/src/components/dashboard/walletsData.js
index b316667..9dcb4e0 100644
--- a/react/src/components/dashboard/walletsData.js
+++ b/react/src/components/dashboard/walletsData.js
@@ -70,8 +70,6 @@ class WalletsData extends React.Component {
   }
 
   handleClickOutside(e) {
-    console.log(e);
-
     if (e.srcElement.className !== 'btn dropdown-toggle btn-info' &&
         (e.srcElement.offsetParent && e.srcElement.offsetParent.className !== 'btn dropdown-toggle btn-info') &&
         (e.path && e.path[4] && e.path[4].className.indexOf('showkmdwalletaddrs') === -1) &&
diff --git a/react/src/components/dashboard/walletsNativeReceive.js b/react/src/components/dashboard/walletsNativeReceive.js
index 2216ec5..bf1371d 100644
--- a/react/src/components/dashboard/walletsNativeReceive.js
+++ b/react/src/components/dashboard/walletsNativeReceive.js
@@ -16,6 +16,24 @@ class WalletsNativeReceive extends React.Component {
       openDropMenu: false,
     };
     this.openDropMenu = this.openDropMenu.bind(this);
+    this.handleClickOutside = this.handleClickOutside.bind(this);
+  }
+
+  componentWillMount() {
+    document.addEventListener('click', this.handleClickOutside, false);
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener('click', this.handleClickOutside, false);
+  }
+
+  handleClickOutside(e) {
+    if (e.srcElement.className.indexOf('dropdown') === -1 &&
+        (e.srcElement.offsetParent && e.srcElement.offsetParent.className.indexOf('dropdown') === -1)) {
+      this.setState({
+        openDropMenu: false,
+      });
+    }
   }
 
   openDropMenu() {
diff --git a/react/src/components/dashboard/walletsNativeSyncProgress.js b/react/src/components/dashboard/walletsNativeSyncProgress.js
index 50942fc..d13c538 100644
--- a/react/src/components/dashboard/walletsNativeSyncProgress.js
+++ b/react/src/components/dashboard/walletsNativeSyncProgress.js
@@ -29,7 +29,7 @@ class WalletsNativeSyncProgress extends React.Component {
         </div>
       );
     } else {
-      var syncPercentage = (parseFloat(parseInt(this.props.Dashboard.progress.blocks, 10) * 100 / parseInt(this.props.Dashboard.progress.longestchain, 10)).toFixed(2) + '%').replace('NaN', 0);
+      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
diff --git a/react/src/components/dashboard/walletsNativeTxHistory.js b/react/src/components/dashboard/walletsNativeTxHistory.js
index 6eac76e..2c5cd4a 100644
--- a/react/src/components/dashboard/walletsNativeTxHistory.js
+++ b/react/src/components/dashboard/walletsNativeTxHistory.js
@@ -26,7 +26,8 @@ class WalletsNativeTxHistory extends React.Component {
   }
 
   isFullySynced() {
-    if (this.props.Dashboard.progress &&
+    if (this.props.Dashboard &&
+        this.props.Dashboard.progress &&
         this.props.Dashboard.progress.balances &&
         (Number(this.props.Dashboard.progress.balances) +
         Number(this.props.Dashboard.progress.validated) +

From 36fe422cd9e9552c3625bef46b2115cb38adaf23 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Mon, 22 May 2017 07:33:30 +0300
Subject: [PATCH 11/15] native send condition

---
 react/src/actions/actionCreators.js           | 21 ++++++++++++-------
 react/src/components/dashboard/navbar.js      |  8 +++++--
 .../components/dashboard/walletsNativeSend.js |  3 ++-
 3 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/react/src/actions/actionCreators.js b/react/src/actions/actionCreators.js
index 038b617..2541906 100644
--- a/react/src/actions/actionCreators.js
+++ b/react/src/actions/actionCreators.js
@@ -1850,20 +1850,29 @@ export function iguanaHashHex(data) {
 }
 
 export function sendNativeTx(coin, _payload) {
-  const ajax_data_to_hex = '["' + _payload.sendFrom + '",[{"address":"' + _payload.sendTo + '","amount":' + (Number(_payload.amount) - Number(_payload.fee)) + '}]]';
-  var payload;
+  let ajax_data_to_hex;
+  let payload;
+  let _apiMethod;
+
+  if (_payload.addressType === 'public') {
+    _apiMethod = 'sendtoaddress';
+    ajax_data_to_hex = '["' + _payload.sendTo + '", ' + (Number(_payload.amount) - Number(_payload.fee)) + ']';
+  } else {
+    _apiMethod = 'z_sendmany';
+    ajax_data_to_hex = '["' + _payload.sendFrom + '",[{"address":"' + _payload.sendTo + '","amount":' + (Number(_payload.amount) - Number(_payload.fee)) + '}]]';
+  }
 
   return dispatch => {
     return iguanaHashHex(ajax_data_to_hex).then((hashHexJson) => {
       console.log('sendNativeTx', hashHexJson);
 
-      if (getPassthruAgent(coin) == 'iguana') {
+      if (getPassthruAgent(coin) === 'iguana') {
         payload = {
           'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
           'agent': getPassthruAgent(coin),
           'method': 'passthru',
           'asset': coin,
-          'function': 'z_sendmany',
+          'function': _apiMethod,
           'hex': hashHexJson,
           // 'immediate': 60000,
           // 'timeout': 60000
@@ -1873,7 +1882,7 @@ export function sendNativeTx(coin, _payload) {
           'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
           'agent': getPassthruAgent(coin),
           'method': 'passthru',
-          'function': 'z_sendmany',
+          'function': _apiMethod,
           'hex': hashHexJson,
           // 'immediate': 60000,
           // 'timeout': 60000
@@ -2287,8 +2296,6 @@ function initNotaryNodesConSequence(nodes) {
         'timeout': 10000
       };
 
-      console.log('initNotaryNodesConSequence', nodes);
-
       return new Promise((resolve, reject) => {
         fetch('http://127.0.0.1:' + (Config.useBasiliskInstance ? Config.basiliskPort : Config.iguanaCorePort) + '/api/dex/getinfo?userpass=' + ('tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth')) + '&symbol=' + node, {
           method: 'GET',
diff --git a/react/src/components/dashboard/navbar.js b/react/src/components/dashboard/navbar.js
index 9a4ddd2..18f1779 100644
--- a/react/src/components/dashboard/navbar.js
+++ b/react/src/components/dashboard/navbar.js
@@ -99,7 +99,9 @@ class Navbar extends React.Component {
                   <i className="site-menu-icon" aria-hidden="true"></i> EasyDEX
                 </a>
               </li>
-              <li className={ this.props.Dashboard.activeSection === 'jumblr' ? 'active nav-top-menu' : 'nav-top-menu' } style={{ display: 'none' }}>
+              <li
+                className={ this.props.Dashboard.activeSection === 'jumblr' ? 'active nav-top-menu' : 'nav-top-menu' }
+                style={{ display: 'none' }}>
                 <a id="nav-jumblr" onClick={ () => this.dashboardChangeSection('jumblr') }>
                   <i className="site-menu-icon" aria-hidden="true"></i> Jumblr
                 </a>
@@ -128,7 +130,9 @@ class Navbar extends React.Component {
                   </span>
                 </a>
               </li>
-              <li className={ 'dropdown' + (this.state.openDropMenu ? ' open' : '') } onClick={ this.openDropMenu }>
+              <li
+                className={ 'dropdown' + (this.state.openDropMenu ? ' open' : '') }
+                onClick={ this.openDropMenu }>
                 <a className="navbar-avatar dropdown-toggle" aria-expanded="false" role="button">
                   <span className="avatar avatar-online">
                     <img src="assets/images/iguana_profile_02.jpg" alt="iguana profile pic" />
diff --git a/react/src/components/dashboard/walletsNativeSend.js b/react/src/components/dashboard/walletsNativeSend.js
index 54963f1..2ac87f7 100644
--- a/react/src/components/dashboard/walletsNativeSend.js
+++ b/react/src/components/dashboard/walletsNativeSend.js
@@ -227,7 +227,8 @@ class WalletsNativeSend extends React.Component {
     .then(function(json) {
       const reply = json.Answer;
 
-      if (reply && reply.length) {
+      if (reply &&
+          reply.length) {
         for (let i = 0; i < reply.length; i++) {
           const _address = reply[i].data.split(' ');
           const coin = _address[0].replace('"oa1:', '');

From 678068711f17d61b57895ecefde97845997d2b93 Mon Sep 17 00:00:00 2001
From: Petr Balashov <pbca26@gmail.com>
Date: Mon, 22 May 2017 18:37:27 +0200
Subject: [PATCH 12/15] temp

---
 react/src/actions/actionCreators.js        | 225 +++++++++++++++++----
 react/src/components/dashboard/settings.js |   3 +
 react/src/styles/index.scss                |   4 +
 react/src/translate/en.js                  |   3 +-
 4 files changed, 192 insertions(+), 43 deletions(-)

diff --git a/react/src/actions/actionCreators.js b/react/src/actions/actionCreators.js
index 2541906..5b88f5b 100644
--- a/react/src/actions/actionCreators.js
+++ b/react/src/actions/actionCreators.js
@@ -55,8 +55,6 @@ export const SERVICE_ERROR = 'SERVICE_ERROR';
 export const DASHBOARD_ACTIVE_ADDRESS = 'DASHBOARD_ACTIVE_ADDRESS';
 export const LOAD_APP_INFO = 'LOAD_APP_INFO';
 
-var iguanaForks = {}; // forks in mem array
-
 export function changeActiveAddress(address) {
   return {
     type: DASHBOARD_ACTIVE_ADDRESS,
@@ -282,16 +280,38 @@ function walletLock() {
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'walletLock',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'walletLock', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(logoutState(json)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(logoutState(json));
+    })
   }
 }
 
@@ -336,7 +356,7 @@ export function toggleAddcoinModal(display, isLogin) {
 }
 
 export function copyCoinAddress(address) {
-  var _result = copyToClipboard(address);
+  const _result = copyToClipboard(address);
 
   if (_result) {
     return dispatch => {
@@ -416,16 +436,38 @@ export function addCoin(coin, mode, syncOnly, port) {
 
 export function iguanaAddCoin(coin, mode, acData, port) {
   function _iguanaAddCoin(dispatch) {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'iguanaAddCoin',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + (port ? port : Config.iguanaCorePort),
+      'payload': acData,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + (port ? port : Config.iguanaCorePort), {
       method: 'POST',
       body: JSON.stringify(acData),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, translate('TOASTR.FAILED_TO_ADDCOIN'), translate('TOASTR.ACCOUNT_NOTIFICATION'), 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(addCoinResult(coin, mode, acData)));
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(addCoinResult(coin, mode, acData))
+    });
   }
 
   if (mode === 0) {
@@ -444,8 +486,8 @@ export function iguanaAddCoin(coin, mode, acData, port) {
 }
 
 export function shepherdHerd(coin, mode, path) {
-  var acData;
-  var herdData = {
+  let acData;
+  let herdData = {
     'ac_name': coin,
     'ac_options': [
       '-daemon=0',
@@ -579,24 +621,45 @@ export function shepherdGetConfig(coin, mode) {
 }
 
 export function getDexCoins() {
+  const _payload = {
+    'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
+    'agent': 'InstantDEX',
+    'method': 'allcoins',
+  };
+
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getDexCoins',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': _payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
-      //mode: 'no-cors'
-      body: JSON.stringify({
-        'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
-        'agent': 'InstantDEX',
-        'method': 'allcoins',
-        // 'immediate': 60000,
-        // 'timeout': 60000
-      })
+      body: JSON.stringify(_payload)
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'Error getDexCoins', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(dashboardCoinsState(json)));
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(dashboardCoinsState(json));
+    });
   }
 }
 
@@ -610,65 +673,125 @@ function rpcErrorHandler(json, dispatch) {
 }
 
 export function iguanaWalletPassphrase(_passphrase) {
+  const _payload = {
+    'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
+    'handle': '',
+    'password': _passphrase,
+    'timeout': '2592000',
+    'agent': 'bitcoinrpc',
+    'method': 'walletpassphrase',
+  };
+
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'walletLock',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': _payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
-      body: JSON.stringify({
-        'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
-        'handle': '',
-        'password': _passphrase,
-        'timeout': '2592000',
-        'agent': 'bitcoinrpc',
-        'method': 'walletpassphrase',
-        // 'immediate': 60000,
-      }),
+      body: JSON.stringify(_payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'Error iguanaWalletPassphrase', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(iguanaWalletPassphraseState(json, dispatch)));
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));    
+      dispatch(iguanaWalletPassphraseState(json, dispatch))
+    });
   }
 }
 
 export function iguanaActiveHandle(getMainAddress) {
+  const _payload = {
+    'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
+    'agent': 'SuperNET',
+    'method': 'activehandle',
+  };
+
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'iguanaActiveHandle',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': _payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
-      body: JSON.stringify({
-        'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
-        'agent': 'SuperNET',
-        'method': 'activehandle',
-        // 'immediate': 60000,
-        // 'timeout': 60000
-      }),
+      body: JSON.stringify(_payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': json,
+      }));
       dispatch(updateErrosStack('activeHandle'));
       dispatch(triggerToaster(true, translate('TOASTR.IGUANA_ARE_YOU_SURE'), translate('TOASTR.SERVICE_NOTIFICATION'), 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(getMainAddress ? getMainAddressState(json) : iguanaActiveHandleState(json)));
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(getMainAddress ? getMainAddressState(json) : iguanaActiveHandleState(json));
+    });
   }
 }
 
 export function iguanaEdexBalance(coin) {
+  const _payload = {
+    'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
+    'agent': 'bitcoinrpc',
+    'method': 'getbalance',
+    'coin': coin,
+  };
+
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'iguanaEdexBalance',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': _payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
-      body: JSON.stringify({
-        'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
-        'agent': 'bitcoinrpc',
-        'method': 'getbalance',
-        'coin': coin,
-        // 'immediate': 60000,
-        // 'timeout': 60000
-      }),
+      body: JSON.stringify(_payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'Error iguanaEdexBalance', 'Error', 'error'));
     })
     .then(response => response.json())
@@ -2700,4 +2823,22 @@ export function getAppInfo() {
     .then(response => response.json())
     .then(json => dispatch(getAppInfoState(json)))
   }
+}
+
+export function logGuiHttp(payload) {
+  return dispatch => {
+    return fetch('http://127.0.0.1:' + Config.agamaPort + '/shepherd/guilog', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(payload),
+    })
+    .catch(function(error) {
+      console.log(error);
+      dispatch(triggerToaster(true, 'logGuiHttp', 'Error', 'error'));
+    })
+    .then(response => response.json())
+    // .then(json => console.log(json))
+  }
 }
\ No newline at end of file
diff --git a/react/src/components/dashboard/settings.js b/react/src/components/dashboard/settings.js
index bf21bff..2b62aab 100644
--- a/react/src/components/dashboard/settings.js
+++ b/react/src/components/dashboard/settings.js
@@ -129,6 +129,9 @@ class Settings extends React.Component {
                   <div>
                     { translate('SETTINGS.VERSION') }: { this.props.Settings.appInfo.releaseInfo.version }
                   </div>
+                  <div>
+                    { translate('SETTINGS.APP_SESSION') }: { this.props.Settings.appInfo.appSession }
+                  </div>
                 </div>
               </div>
               <div className="col-sm-12" style={{ paddingTop: '20px' }}>
diff --git a/react/src/styles/index.scss b/react/src/styles/index.scss
index ba933fb..d3860b4 100644
--- a/react/src/styles/index.scss
+++ b/react/src/styles/index.scss
@@ -354,6 +354,10 @@ input:checked + .slider:before {
   transform: translateX(16px);
 }
 
+.dropdown-menu li {
+  cursor: pointer;
+}
+
 /* Rounded sliders */
 .slider.round {
   border-radius: 34px;
diff --git a/react/src/translate/en.js b/react/src/translate/en.js
index 3367a93..2ba4876 100644
--- a/react/src/translate/en.js
+++ b/react/src/translate/en.js
@@ -419,7 +419,8 @@ export const _lang = {
       'CONFIG': 'Config',
       'BIN': 'Bin',
       'DIR': 'Dir',
-      'ADD_PEER_IP': 'Add Peer IP'
+      'ADD_PEER_IP': 'Add Peer IP',
+      'APP_SESSION': 'App Session'
     },
     'TX_INFO': {
       'ADDRESS': 'address',

From 2114bf7a61146208cac26990e5421a244ada34e9 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Tue, 23 May 2017 07:58:54 +0300
Subject: [PATCH 13/15] gui logger wip#2

---
 react/src/actions/actionCreators.js | 462 ++++++++++++++++++++--------
 1 file changed, 327 insertions(+), 135 deletions(-)

diff --git a/react/src/actions/actionCreators.js b/react/src/actions/actionCreators.js
index 5b88f5b..c87bfa7 100644
--- a/react/src/actions/actionCreators.js
+++ b/react/src/actions/actionCreators.js
@@ -712,7 +712,7 @@ export function iguanaWalletPassphrase(_passphrase) {
         'timestamp': _timestamp,
         'status': 'success',
         'response': json,
-      }));    
+      }));
       dispatch(iguanaWalletPassphraseState(json, dispatch))
     });
   }
@@ -745,7 +745,7 @@ export function iguanaActiveHandle(getMainAddress) {
       dispatch(logGuiHttp({
         'timestamp': _timestamp,
         'status': 'error',
-        'response': json,
+        'response': error,
       }));
       dispatch(updateErrosStack('activeHandle'));
       dispatch(triggerToaster(true, translate('TOASTR.IGUANA_ARE_YOU_SURE'), translate('TOASTR.SERVICE_NOTIFICATION'), 'error'));
@@ -771,31 +771,33 @@ export function iguanaEdexBalance(coin) {
   };
 
   return dispatch => {
-    const _timestamp = Date.now();
-    dispatch(logGuiHttp({
-      'timestamp': _timestamp,
-      'function': 'iguanaEdexBalance',
-      'type': 'post',
-      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
-      'payload': _payload,
-      'status': 'pending',
-    }));
-
-    return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
-      method: 'POST',
-      body: JSON.stringify(_payload),
-    })
-    .catch(function(error) {
-      console.log(error);
+    if (coin) {
+      const _timestamp = Date.now();
       dispatch(logGuiHttp({
         'timestamp': _timestamp,
-        'status': 'error',
-        'response': error,
+        'function': 'iguanaEdexBalance',
+        'type': 'post',
+        'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+        'payload': _payload,
+        'status': 'pending',
       }));
-      dispatch(triggerToaster(true, 'Error iguanaEdexBalance', 'Error', 'error'));
-    })
-    .then(response => response.json())
-    .then(json => dispatch(iguanaEdexBalanceState(json)));
+
+      return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
+        method: 'POST',
+        body: JSON.stringify(_payload),
+      })
+      .catch(function(error) {
+        console.log(error);
+        dispatch(logGuiHttp({
+          'timestamp': _timestamp,
+          'status': 'error',
+          'response': error,
+        }));
+        dispatch(triggerToaster(true, 'Error iguanaEdexBalance', 'Error', 'error'));
+      })
+      .then(response => response.json())
+      .then(json => dispatch(iguanaEdexBalanceState(json)));
+    }
   }
 }
 
@@ -828,22 +830,42 @@ export function encryptWallet(_passphrase, cb, coin) {
     'agent': 'bitcoinrpc',
     'method': 'encryptwallet',
     'passphrase': _passphrase,
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'encryptWallet',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'encryptWallet', 'Error', 'error'));
     })
     .then(dispatch(walletPassphrase(_passphrase)))
     .then(response => response.json())
-    .then(json => dispatch(cb.call(this, json, coin)));
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(cb.call(this, json, coin))
+    });
   }
 }
 
@@ -853,18 +875,39 @@ export function walletPassphrase(_passphrase) {
     'agent': 'bitcoinrpc',
     'method': 'walletpassphrase',
     'password': _passphrase,
-    'timeout': '2592000',
-    // 'immediate': 60000,
+    'timeout': '300000',
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'walletpassphrase',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
-      dispatch(triggerToaster(true, 'walletPassphrase', 'Error', 'error'));
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
+      dispatch(triggerToaster(true, 'walletPassphrase', 'Error', 'error'))
+    })
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
     })
   }
 }
@@ -903,21 +946,41 @@ export function getFullTransactionsList(coin) {
       9999999,
       []
     ],
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getFullTransactionsList',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'getFullTransactionsList', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(getNativeTxHistoryState(json)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(getNativeTxHistoryState(json));
+    })
   }
 }
 
@@ -930,50 +993,33 @@ export function getBasiliskTransactionsList(coin, address) {
     'count': 100,
     'skip': 0,
     'symbol': coin,
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
-  //if (sessionStorage.getItem('useCache')) {
-    const pubkey = JSON.parse(sessionStorage.getItem('IguanaActiveAccount')).pubkey;
+  const pubkey = JSON.parse(sessionStorage.getItem('IguanaActiveAccount')).pubkey;
 
-    return dispatch => {
-      return fetch('http://127.0.0.1:' + Config.agamaPort + '/shepherd/cache?pubkey=' + pubkey, {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-      })
-      .catch(function(error) {
-        console.log(error);
-        dispatch(triggerToaster(true, 'getBasiliskTransactionsList+cache', 'Error', 'error'));
-      })
-      .then(response => response.json())
-      .then(function(json) {
-        if (json.result && !json.result.basilisk && json.result.indexOf('no file with handle') > -1) {
-          console.log('new cache');
-        }
+  return dispatch => {
+    return fetch('http://127.0.0.1:' + Config.agamaPort + '/shepherd/cache?pubkey=' + pubkey, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    })
+    .catch(function(error) {
+      console.log(error);
+      dispatch(triggerToaster(true, 'getBasiliskTransactionsList+cache', 'Error', 'error'));
+    })
+    .then(response => response.json())
+    .then(function(json) {
+      if (json.result && !json.result.basilisk && json.result.indexOf('no file with handle') > -1) {
+        console.log('new cache');
+      }
 
-        json = json.result.basilisk;
-        if (json[coin][address].listtransactions) {
-          dispatch(getNativeTxHistoryState({ 'result': json[coin][address].listtransactions.data }));
-        }
-      })
-    }
-  /*} else {
-    return dispatch => {
-      return fetch('http://127.0.0.1:' + (Config.useBasiliskInstance ? Config.basiliskPort : Config.iguanaCorePort), {
-        method: 'POST',
-        body: JSON.stringify(payload),
-      })
-      .catch(function(error) {
-        console.log(error);
-        dispatch(triggerToaster(true, 'getBasiliskTransactionsList', 'Error', 'error'));
-      })
-      .then(response => response.json())
-      .then(json => dispatch(getNativeTxHistoryState(json)))
-    }
-  }*/
+      json = json.result.basilisk;
+      if (json[coin][address].listtransactions) {
+        dispatch(getNativeTxHistoryState({ 'result': json[coin][address].listtransactions.data }));
+      }
+    })
+  }
 }
 
 export function getPeersList(coin) {
@@ -982,21 +1028,41 @@ export function getPeersList(coin) {
     'agent': 'SuperNET',
     'method': 'getpeers',
     'activecoin': coin,
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getPeersList',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'getPeersList', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(getPeersListState(json, dispatch)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(getPeersListState(json, dispatch));
+    })
   }
 }
 
@@ -1030,21 +1096,41 @@ export function addPeerNode(coin, ip) {
     'method': 'addnode',
     'activecoin': coin,
     'ipaddr': ip,
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'addPeerNode',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'addPeerNode', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(addPeerNodeState(json, dispatch)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(addPeerNodeState(json, dispatch));
+    })
   }
 }
 
@@ -1065,7 +1151,6 @@ export function setBasiliskMainAddress(json, coin, mode) {
   if (mode === 'basilisk') {
     getDexBalance(coin, mode, json.result);
   }
-  const _mainAddr = []
 
   return {
     type: ACTIVE_COIN_GET_ADDRESSES,
@@ -1074,7 +1159,8 @@ export function setBasiliskMainAddress(json, coin, mode) {
 }
 
 export function getAddressesByAccountState(json, coin, mode) {
-  if (mode === 'full' || mode === 'basilisk') {
+  if (mode === 'full' ||
+      mode === 'basilisk') {
     let publicAddressArray = [];
 
     for (let i = 0; i < json.result.length; i++) {
@@ -1087,10 +1173,6 @@ export function getAddressesByAccountState(json, coin, mode) {
     json.result = publicAddressArray;
   }
 
-  /*if (mode === 'basilisk') {
-    getDexBalance(coin, mode, json.result);
-  }*/
-
   return {
     type: ACTIVE_COIN_GET_ADDRESSES,
     addresses: { 'public': json.result },
@@ -1104,22 +1186,42 @@ export function getAddressesByAccount(coin, mode) {
     'agent': 'bitcoinrpc',
     'method': 'getaddressesbyaccount',
     'account': '*',
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getAddressesByAccount',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(updateErrosStack('activeHandle'));
       dispatch(triggerToaster(true, 'getAddressesByAccount', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(getAddressesByAccountState(json, coin, mode)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(getAddressesByAccountState(json, coin, mode));
+    })
   }
 }
 
@@ -1161,17 +1263,30 @@ export function getSyncInfo(coin) {
     'coin': coin,
     'agent': 'bitcoinrpc',
     'method': 'getinfo',
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getSyncInfo',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'getSyncInfo', 'Error', 'error'));
     })
     .then(function(response) {
@@ -1180,6 +1295,11 @@ export function getSyncInfo(coin) {
       return _response;
     })
     .then(function(json) {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
       if (json.indexOf('coin is busy processing') === -1) {
         dispatch(getSyncInfoState(json, dispatch));
       }
@@ -1204,18 +1324,18 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
   return dispatch => {
     Promise.all(type.map((_type, index) => {
       return new Promise((resolve, reject) => {
-        var payload,
+        let payload,
             ajax_data_to_hex = '',
             ajax_function_input = '',
             tmplistaddr_hex_input = '',
             passthru_agent = getPassthruAgent(coin),
             tmpIguanaRPCAuth = 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth');
 
-        if ( _type === 'public' ) {
+        if (_type === 'public') {
           ajax_function_input = 'getaddressesbyaccount';
           tmplistaddr_hex_input = '222200';
         }
-        if ( _type === 'private' ) {
+        if (_type === 'private') {
           ajax_function_input = 'z_listaddresses';
           tmplistaddr_hex_input = '';
         }
@@ -1228,8 +1348,6 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
             'asset': coin,
             'function': ajax_function_input,
             'hex': tmplistaddr_hex_input,
-            // 'immediate': 60000,
-            // 'timeout': 60000
           };
         } else {
           payload = {
@@ -1238,8 +1356,6 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
             'method': 'passthru',
             'function': ajax_function_input,
             'hex': tmplistaddr_hex_input,
-            // 'immediate': 60000,
-            // 'timeout': 60000
           };
         }
 
@@ -1250,12 +1366,10 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
             'agent': 'bitcoinrpc',
             'method': 'getaddressesbyaccount',
             'account': '*',
-            // 'immediate': 60000,
-            // 'timeout': 60000
           };
         }
 
-        if (/*sessionStorage.getItem('useCache') &&*/ mode === 'basilisk') {
+        if (mode === 'basilisk') {
           const pubkey = JSON.parse(sessionStorage.getItem('IguanaActiveAccount')).pubkey;
 
           fetch('http://127.0.0.1:' + Config.agamaPort + '/shepherd/cache?pubkey=' + pubkey, {
@@ -1277,16 +1391,38 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
             }
           })
         } else {
+          const _timestamp = Date.now();
+          dispatch(logGuiHttp({
+            'timestamp': _timestamp,
+            'function': 'getKMDAddressesNative',
+            'type': 'post',
+            'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+            'payload': payload,
+            'status': 'pending',
+          }));
+
           fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
             method: 'POST',
             body: JSON.stringify(payload),
           })
           .catch(function(error) {
             console.log(error);
+            dispatch(logGuiHttp({
+              'timestamp': _timestamp,
+              'status': 'error',
+              'response': error,
+            }));
             dispatch(triggerToaster(true, 'getKMDAddressesNative', 'Error', 'error'));
           })
           .then(response => response.json())
-          .then(json => resolve(json))
+          .then(json => {
+            dispatch(logGuiHttp({
+              'timestamp': _timestamp,
+              'status': 'success',
+              'response': json,
+            }));
+            resolve(json);
+          })
         }
       });
     }))
@@ -1294,7 +1430,7 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
       // TODO: split into 2 functions
       const passthru_agent = getPassthruAgent(coin),
             tmpIguanaRPCAuth = 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth');
-      var payload;
+      let payload;
 
       if (passthru_agent === 'iguana') {
         payload = {
@@ -1304,8 +1440,6 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
           'asset': coin,
           'function': 'listunspent',
           'hex': '',
-          // 'immediate': 60000,
-          // 'timeout': 60000
         };
       } else {
         payload = {
@@ -1314,8 +1448,6 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
           'method': 'passthru',
           'function': 'listunspent',
           'hex': '',
-          // 'immediate': 60000,
-          // 'timeout': 60000
         };
       }
 
@@ -1328,8 +1460,6 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
             1,
             9999999,
           ],
-          // 'immediate': 60000,
-          // 'timeout': 60000
         };
       }
 
@@ -1341,24 +1471,18 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
           'method': 'listunspent',
           'address': currentAddress,
           'symbol': coin,
-          // 'immediate': 60000,
-          // 'timeout': 60000
         };
       }
 
       function calcBalance(result, json, dispatch, mode) {
-        //console.log('result', result);
         if (mode === 'full' || mode === 'basilisk') {
           result[0] = result[0].result;
         }
 
-        //console.log('calc result', result);
-        //console.log('calc json', json);
-
         if (mode !== 'basilisk' && json && json.length) {
           const allAddrArray = json.map(res => res.address).filter((x, i, a) => a.indexOf(x) == i);
 
-          for (let a=0; a < allAddrArray.length; a++) {
+          for (let a = 0; a < allAddrArray.length; a++) {
             const filteredArray = json.filter(res => res.address === allAddrArray[a]).map(res => res.amount);
 
             let isNewAddr = true;
@@ -1376,7 +1500,6 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
               } else {
                 result[0][result[0].length] = allAddrArray[a];
               }
-              console.log('new addr ' + allAddrArray[a] + ' | ' + allAddrArray[a].substring(0, 2));
             }
           }
         }
@@ -1394,8 +1517,6 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
             } else {
               filteredArray = json.filter(res => res.address === result[a][b]).map(res => res.amount);
             }
-            //console.log('filteredArray', filteredArray);
-            //console.log('addr', result[a][b]);
 
             let sum = 0;
 
@@ -1416,7 +1537,7 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
         }));
       }
 
-      if (/*sessionStorage.getItem('useCache') &&*/ mode === 'basilisk') {
+      if (mode === 'basilisk') {
         const pubkey = JSON.parse(sessionStorage.getItem('IguanaActiveAccount')).pubkey;
 
         fetch('http://127.0.0.1:' + Config.agamaPort + '/shepherd/cache?pubkey=' + pubkey, {
@@ -1438,16 +1559,36 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
           if (json[coin][currentAddress].refresh) {
             calcBalance(result, json[coin][currentAddress].refresh.data, dispatch, mode);
           } else {
+            const _timestamp = Date.now();
+            dispatch(logGuiHttp({
+              'timestamp': _timestamp,
+              'function': 'getKMDAddressesNative+Balance',
+              'type': 'post',
+              'url': 'http://127.0.0.1:' + (Config.useBasiliskInstance && mode === 'basilisk' ? Config.basiliskPort : Config.iguanaCorePort),
+              'payload': payload,
+              'status': 'pending',
+            }));
+
             fetch('http://127.0.0.1:' + (Config.useBasiliskInstance && mode === 'basilisk' ? Config.basiliskPort : Config.iguanaCorePort), {
               method: 'POST',
               body: JSON.stringify(payload),
             })
             .catch(function(error) {
               console.log(error);
+              dispatch(logGuiHttp({
+                'timestamp': _timestamp,
+                'status': 'error',
+                'response': error,
+              }));
               dispatch(triggerToaster(true, 'getKMDAddressesNative+Balance', 'Error', 'error'));
             })
             .then(response => response.json())
             .then(function(json) {
+              dispatch(logGuiHttp({
+                'timestamp': _timestamp,
+                'status': 'success',
+                'response': json,
+              }));
               updatedCache.basilisk[coin][currentAddress].refresh = {
                 'data': json,
                 'status': 'done',
@@ -1459,16 +1600,36 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
           }
         })
       } else {
+        const _timestamp = Date.now();
+        dispatch(logGuiHttp({
+          'timestamp': _timestamp,
+          'function': 'getKMDAddressesNative+Balance',
+          'type': 'post',
+          'url': 'http://127.0.0.1:' + (Config.useBasiliskInstance && mode === 'basilisk' ? Config.basiliskPort : Config.iguanaCorePort),
+          'payload': payload,
+          'status': 'pending',
+        }));
+
         fetch('http://127.0.0.1:' + (Config.useBasiliskInstance && mode === 'basilisk' ? Config.basiliskPort : Config.iguanaCorePort), {
           method: 'POST',
           body: JSON.stringify(payload),
         })
         .catch(function(error) {
           console.log(error);
+          dispatch(logGuiHttp({
+            'timestamp': _timestamp,
+            'status': 'error',
+            'response': error,
+          }));
           dispatch(triggerToaster(true, 'getKMDAddressesNative+Balance', 'Error', 'error'));
         })
         .then(response => response.json())
         .then(function(json) {
+          dispatch(logGuiHttp({
+            'timestamp': _timestamp,
+            'status': 'success',
+            'response': json,
+          }));
           calcBalance(result, json, dispatch, mode);
         })
       }
@@ -1477,9 +1638,6 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
 }
 
 export function shepherdGroomPost(_filename, _payload) {
-  console.log('shepherdGroomPost to file ', _filename);
-  console.log('shepherdGroomPost payload ', _payload);
-
   return dispatch => {
     return fetch('http://127.0.0.1:' + Config.agamaPort + '/shepherd/groom/', {
       method: 'POST',
@@ -1501,9 +1659,6 @@ export function shepherdGroomPost(_filename, _payload) {
 }
 
 export function shepherdGroomPostPromise(_filename, _payload) {
-  console.log('shepherdGroomPostPromise to file ', _filename);
-  console.log('shepherdGroomPostPromise payload ', _payload);
-
   return new Promise((resolve, reject) => {
     fetch('http://127.0.0.1:' + Config.agamaPort + '/shepherd/groom/', {
       method: 'POST',
@@ -1551,7 +1706,6 @@ export function fetchUtxoCache(_payload) {
 
 function getShepherdCacheState(json, pubkey, coin) {
   if (json.result && json.error && json.result.indexOf('no file with handle') > -1) {
-    console.log('request new cache', { 'pubkey': pubkey, 'coin': coin });
     return dispatch => {
       dispatch(fetchNewCacheData({
         'pubkey': pubkey,
@@ -1643,21 +1797,41 @@ export function importPrivKey(wifKey) {
       wifKey,
       'imported'
     ],
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'importPrivKey',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'importPrivKey', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(parseImportPrivKeyResponse(json, dispatch)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(parseImportPrivKeyResponse(json, dispatch));
+    })
     .catch(function(ex) {
       dispatch(parseImportPrivKeyResponse({ 'error': 'privkey already in wallet' }, dispatch));
       console.log('parsing failed', ex);
@@ -1686,15 +1860,37 @@ export function getSyncInfoNativeKMD(skipDebug) {
   const coin = 'KMD';
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getSyncInfoNativeKMD',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort + '/api/dex/getinfo?userpass=tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth') + '&symbol=' + coin,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort + '/api/dex/getinfo?userpass=tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth') + '&symbol=' + coin, {
       method: 'GET',
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'getSyncInfoNativeKMD', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(getSyncInfoNativeState({ 'remoteKMDNode': json })))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(getSyncInfoNativeState({ 'remoteKMDNode': json }));
+    })
     .then(function() {
       if (!skipDebug) {
         dispatch(getDebugLog('komodo', 1));
@@ -1726,17 +1922,13 @@ function getPassthruAgent(coin) {
 }
 
 export function getSyncInfoNative(coin, skipDebug) {
-  var payload = {};
-
-  payload = {
+  const payload = {
     'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
     'agent': getPassthruAgent(coin),
     'method': 'passthru',
     'asset': coin,
     'function': 'getinfo',
     'hex': '',
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {

From a038e8a57b7922a2fe33f13bcded315c964d5869 Mon Sep 17 00:00:00 2001
From: Petr Balashov <pbca26@gmail.com>
Date: Tue, 23 May 2017 16:50:14 +0200
Subject: [PATCH 14/15] gui logger wip #3

---
 react/src/actions/actionCreators.js        | 547 ++++++++++++++++++---
 react/src/components/dashboard/settings.js |   2 +-
 react/src/reducers/dashboard.js            |  16 +-
 3 files changed, 490 insertions(+), 75 deletions(-)

diff --git a/react/src/actions/actionCreators.js b/react/src/actions/actionCreators.js
index c87bfa7..31e9290 100644
--- a/react/src/actions/actionCreators.js
+++ b/react/src/actions/actionCreators.js
@@ -54,6 +54,7 @@ export const SAVE_APP_CONFIG = 'SAVE_APP_CONFIG';
 export const SERVICE_ERROR = 'SERVICE_ERROR';
 export const DASHBOARD_ACTIVE_ADDRESS = 'DASHBOARD_ACTIVE_ADDRESS';
 export const LOAD_APP_INFO = 'LOAD_APP_INFO';
+export const LOG_GUI_HTTP = 'LOG_GUI_HTTP';
 
 export function changeActiveAddress(address) {
   return {
@@ -803,16 +804,38 @@ export function iguanaEdexBalance(coin) {
 
 export function atomic(payload) {
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'atomic',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, payload.method, 'Atomic explore error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(atomicState(json)));
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(atomicState(json));
+    });
   }
 }
 
@@ -1486,7 +1509,7 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
             const filteredArray = json.filter(res => res.address === allAddrArray[a]).map(res => res.amount);
 
             let isNewAddr = true;
-            for (let x=0; x < result.length && isNewAddr; x++) {
+            for (let x = 0; x < result.length && isNewAddr; x++) {
               for (let y=0; y < result[x].length && isNewAddr; y++) {
                 if (allAddrArray[a] === result[x][y]) {
                   isNewAddr = false;
@@ -1506,10 +1529,10 @@ export function getKMDAddressesNative(coin, mode, currentAddress) {
 
         let newAddressArray = [];
 
-        for (let a=0; a < result.length; a++) {
+        for (let a = 0; a < result.length; a++) {
           newAddressArray[a] = [];
 
-          for (let b=0; b < result[a].length; b++) {
+          for (let b = 0; b < result[a].length; b++) {
             var filteredArray;
 
             if (mode === 'basilisk') {
@@ -1932,16 +1955,38 @@ export function getSyncInfoNative(coin, skipDebug) {
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getSyncInfo',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'getSyncInfo', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(getSyncInfoNativeState(json, coin, skipDebug)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(getSyncInfoNativeState(json, coin, skipDebug));
+    })
   }
 }
 
@@ -1953,22 +1998,41 @@ export function getDexBalance(coin, mode, addr) {
       'method': 'listunspent',
       'address': _addr,
       'symbol': coin,
-      // 'immediate': 60000,
-      // 'timeout': 60000
     };
-    console.log('addr', _addr);
+
     return new Promise((resolve, reject) => {
+      const _timestamp = Date.now();
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'function': 'getDexBalance',
+        'type': 'post',
+        'url': 'http://127.0.0.1:' + (Config.useBasiliskInstance ? Config.basiliskPort : Config.iguanaCorePort),
+        'payload': payload,
+        'status': 'pending',
+      }));
+
       fetch('http://127.0.0.1:' + (Config.useBasiliskInstance ? Config.basiliskPort : Config.iguanaCorePort), {
         method: 'POST',
         body: JSON.stringify(payload),
       })
       .catch(function(error) {
         console.log(error);
+        dispatch(logGuiHttp({
+          'timestamp': _timestamp,
+          'status': 'error',
+          'response': error,
+        }));
         dispatch(triggerToaster(true, 'getDexBalance', 'Error', 'error'));
       })
       .then(response => response.json())
-      .then(json => console.log(json))
-      //.then(json => dispatch(getSyncInfoState(json, dispatch)))
+      .then(json => {
+        console.log(json);
+        dispatch(logGuiHttp({
+          'timestamp': _timestamp,
+          'status': 'success',
+          'response': json,
+        }));
+      })
 
       resolve(index);
     });
@@ -1979,9 +2043,9 @@ export function getDexBalance(coin, mode, addr) {
 }
 
 export function getKMDBalanceTotal(coin) {
-  var payload;
+  let payload;
 
-  if ( coin !== 'KMD' && coin !== 'ZEC' ) {
+  if (coin !== 'KMD' && coin !== 'ZEC') {
     payload = {
       'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
       'agent': 'iguana',
@@ -1989,7 +2053,6 @@ export function getKMDBalanceTotal(coin) {
       'asset': coin,
       'function': 'z_gettotalbalance',
       'hex': '3000',
-      // 'timeout': 60000
     };
   } else {
     payload = {
@@ -1998,21 +2061,40 @@ export function getKMDBalanceTotal(coin) {
       'method': 'passthru',
       'function': 'z_gettotalbalance',
       'hex': '3000',
-      // 'timeout': 60000
     };
   }
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getKMDBalanceTotal',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'getKMDBalanceTotal', 'Error', 'error'));
     })
     .then(response => response.json())
     .then(function(json) { // TODO: figure out why komodod spits out "parse error"
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
       if (json && !json.error) {
         dispatch(getNativeBalancesState(json));
       }
@@ -2028,7 +2110,7 @@ export function getNativeBalancesState(json) {
 }
 
 export function getNativeTxHistory(coin) {
-  var payload;
+  let payload;
 
   if (getPassthruAgent(coin) === 'iguana') {
     payload = {
@@ -2038,8 +2120,6 @@ export function getNativeTxHistory(coin) {
       'asset': coin,
       'function': 'listtransactions',
       'hex': '',
-      // 'immediate': 60000,
-      // 'timeout': 60000
     };
   } else {
     payload = {
@@ -2048,22 +2128,42 @@ export function getNativeTxHistory(coin) {
       'method': 'passthru',
       'function': 'listtransactions',
       'hex': '',
-      // 'immediate': 60000,
-      // 'timeout': 60000
     };
   }
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getNativeTxHistory',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'getNativeTxHistory', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(getNativeTxHistoryState(json)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(getNativeTxHistoryState(json));
+    })
   }
 }
 
@@ -2090,7 +2190,7 @@ function handleGetNewKMDAddresses(pubpriv, coin, dispatch) {
 }
 
 export function getNewKMDAddresses(coin, pubpriv) {
-  var payload,
+  let payload,
       ajax_function_input = '';
 
   if ( pubpriv === 'public' ) {
@@ -2108,8 +2208,6 @@ export function getNewKMDAddresses(coin, pubpriv) {
       'asset': coin,
       'function': ajax_function_input,
       'hex': '',
-      // 'immediate': 60000,
-      // 'timeout': 60000
     };
   } else {
     payload = {
@@ -2118,22 +2216,42 @@ export function getNewKMDAddresses(coin, pubpriv) {
       'method': 'passthru',
       'function': ajax_function_input,
       'hex': '',
-      // 'immediate': 60000,
-      // 'timeout': 60000
     };
   }
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getNewKMDAddresses',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'getNewKMDAddresses', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(handleGetNewKMDAddresses(pubpriv, coin, dispatch)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(handleGetNewKMDAddresses(pubpriv, coin, dispatch));
+    })
     .catch(function(ex) {
       dispatch(handleGetNewKMDAddresses(pubpriv, coin, dispatch))
     })
@@ -2146,21 +2264,41 @@ export function iguanaHashHex(data) {
     'agent': 'hash',
     'method': 'hex',
     'message': data,
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return new Promise((resolve, reject) => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'iguanaHashHex',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'iguanaHashHex', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => resolve(json.hex))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      resolve(json.hex);
+    })
   })
 }
 
@@ -2179,8 +2317,6 @@ export function sendNativeTx(coin, _payload) {
 
   return dispatch => {
     return iguanaHashHex(ajax_data_to_hex).then((hashHexJson) => {
-      console.log('sendNativeTx', hashHexJson);
-
       if (getPassthruAgent(coin) === 'iguana') {
         payload = {
           'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
@@ -2189,8 +2325,6 @@ export function sendNativeTx(coin, _payload) {
           'asset': coin,
           'function': _apiMethod,
           'hex': hashHexJson,
-          // 'immediate': 60000,
-          // 'timeout': 60000
         };
       } else {
         payload = {
@@ -2199,21 +2333,40 @@ export function sendNativeTx(coin, _payload) {
           'method': 'passthru',
           'function': _apiMethod,
           'hex': hashHexJson,
-          // 'immediate': 60000,
-          // 'timeout': 60000
         };
       }
 
+      const _timestamp = Date.now();
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'function': 'sendNativeTx',
+        'type': 'post',
+        'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+        'payload': payload,
+        'status': 'pending',
+      }));
+
       fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
         method: 'POST',
         body: JSON.stringify(payload),
       })
       .catch(function(error) {
         console.log(error);
+        dispatch(logGuiHttp({
+          'timestamp': _timestamp,
+          'status': 'error',
+          'response': error,
+        }));
         dispatch(triggerToaster(true, 'sendNativeTx', 'Error', 'error'));
       })
       .then(response => response.json())
       .then(function(json) {
+        dispatch(logGuiHttp({
+          'timestamp': _timestamp,
+          'status': 'success',
+          'response': json,
+        }));
+
         if (json.error && json.error.toString().indexOf('code:') > -1) {
           dispatch(triggerToaster(true, 'Send failed', translate('TOASTR.WALLET_NOTIFICATION'), 'error'));
         } else {
@@ -2236,10 +2389,10 @@ export function getKMDOPIDState(json) {
 }
 
 export function getKMDOPID(opid, coin) {
-  var tmpopid_output = '',
+  let tmpopid_output = '',
       ajax_data_to_hex;
 
-  if ( opid === undefined ) {
+  if (opid === undefined) {
     ajax_data_to_hex = null;
   } else {
     ajax_data_to_hex = '["' + opid + '"]';
@@ -2251,7 +2404,7 @@ export function getKMDOPID(opid, coin) {
         hashHexJson = '';
       }
 
-      var payload,
+      let payload,
           passthru_agent = getPassthruAgent(coin),
           tmpIguanaRPCAuth = 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth');
 
@@ -2263,8 +2416,6 @@ export function getKMDOPID(opid, coin) {
           'asset': coin,
           'function': 'z_getoperationstatus',
           'hex': hashHexJson,
-          // 'immediate': 60000,
-          // 'timeout': 60000
         };
       } else {
         payload = {
@@ -2273,21 +2424,41 @@ export function getKMDOPID(opid, coin) {
           'method': 'passthru',
           'function': 'z_getoperationstatus',
           'hex': hashHexJson,
-          // 'immediate': 60000,
-          // 'timeout': 60000
         };
       }
 
+      const _timestamp = Date.now();
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'function': 'getKMDOPID',
+        'type': 'post',
+        'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+        'payload': payload,
+        'status': 'pending',
+      }));
+
       fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
         method: 'POST',
         body: JSON.stringify(payload),
       })
       .catch(function(error) {
         console.log(error);
+        dispatch(logGuiHttp({
+          'timestamp': _timestamp,
+          'status': 'error',
+          'response': error,
+        }));
         dispatch(triggerToaster(true, 'getKMDOPID', 'Error', 'error'));
       })
       .then(response => response.json())
-      .then(json => dispatch(getKMDOPIDState(json)))
+      .then(json => {
+        dispatch(logGuiHttp({
+          'timestamp': _timestamp,
+          'status': 'success',
+          'response': json,
+        }));
+        dispatch(getKMDOPIDState(json));
+      })
     })
   }
 }
@@ -2335,21 +2506,41 @@ export function sendToAddress(coin, _payload) {
       'EasyDEX',
       'EasyDEXTransaction'
     ],
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'sendToAddress',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'sendToAddress', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(sendToAddressState(json, dispatch)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(sendToAddressState(json, dispatch));
+    })
   }
 }
 
@@ -2365,21 +2556,41 @@ export function sendFromAddress(coin, _payload) {
       'EasyDEX',
       'EasyDEXTransaction'
     ],
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'walletLock',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'sendFromAddress', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(sendToAddressState(json, dispatch)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(sendToAddressState(json, dispatch));
+    })
   }
 }
 
@@ -2404,21 +2615,41 @@ export function checkAddressBasilisk(coin, address) {
     'method': 'checkaddress',
     'address': address,
     'symbol': coin,
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'checkAddressBasilisk',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + (Config.useBasiliskInstance ? Config.basiliskPort : Config.iguanaCorePort),
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + (Config.useBasiliskInstance ? Config.basiliskPort : Config.iguanaCorePort), {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'checkAddressBasilisk', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(checkAddressBasiliskHandle(json)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(checkAddressBasiliskHandle(json));
+    })
   }
 }
 
@@ -2446,21 +2677,41 @@ export function validateAddressBasilisk(coin, address) {
     'method': 'validateaddress',
     'address': address,
     'symbol': coin,
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'validateAddressBasilisk',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + (Config.useBasiliskInstance ? Config.basiliskPort : Config.iguanaCorePort), {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'validateAddressBasilisk', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(validateAddressBasiliskHandle(json)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(validateAddressBasiliskHandle(json));
+    })
   }
 }
 
@@ -2483,21 +2734,40 @@ export function getDexNotaries(coin) {
     'agent': 'dex',
     'method': 'getnotaries',
     'symbol': coin,
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'getDexNotaries',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + (Config.useBasiliskInstance ? Config.basiliskPort : Config.iguanaCorePort),
+      'payload': payload,
+      'status': 'pending',
+    }));
     return fetch('http://127.0.0.1:' + (Config.useBasiliskInstance ? Config.basiliskPort : Config.iguanaCorePort), {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'getDexNotaries', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(getDexNotariesState(json)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(getDexNotariesState(json));
+    })
   }
 }
 
@@ -2519,21 +2789,41 @@ export function createNewWallet(_passphrase) {
     'agent': 'bitcoinrpc',
     'method': 'encryptwallet',
     'passphrase': _passphrase,
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'createNewWallet',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     return fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'createNewWallet', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(createNewWalletState(json)))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      dispatch(createNewWalletState(json));
+    })
   }
 }
 
@@ -2612,15 +2902,37 @@ function initNotaryNodesConSequence(nodes) {
       };
 
       return new Promise((resolve, reject) => {
+        const _timestamp = Date.now();
+        dispatch(logGuiHttp({
+          'timestamp': _timestamp,
+          'function': 'initNotaryNodesConSequence+' + node,
+          'type': 'post',
+          'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+          'payload': payload,
+          'status': 'pending',
+        }));
+
         fetch('http://127.0.0.1:' + (Config.useBasiliskInstance ? Config.basiliskPort : Config.iguanaCorePort) + '/api/dex/getinfo?userpass=' + ('tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth')) + '&symbol=' + node, {
           method: 'GET',
         })
         .catch(function(error) {
           console.log(error);
+          dispatch(logGuiHttp({
+            'timestamp': _timestamp,
+            'status': 'error',
+            'response': error,
+          }));
           dispatch(triggerToaster(true, 'getInfoDexNode+' + node, 'Error', 'error'));
         })
         .then(response => response.json())
-        .then(json => dispatch(updateNotaryNodeConState(json, nodes.length, index, node)))
+        .then(json => {
+          dispatch(logGuiHttp({
+            'timestamp': _timestamp,
+            'status': 'success',
+            'response': json,
+          }));
+          dispatch(updateNotaryNodeConState(json, nodes.length, index, node));
+        })
       });
     }));
   }
@@ -2761,8 +3073,6 @@ export function connectNotaries() {
     'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
     'agent': 'dpow',
     'method': 'notarychains',
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
 
   return dispatch => {
@@ -2794,22 +3104,42 @@ export function iguanaUTXORawTX(data) {
       'sendflag': data.sendsig
     },
     'utxos': data.utxos,
-    // 'immediate': 60000,
-    // 'timeout': 60000
   };
   console.log('iguanaUTXORawTXExport', payload);
 
   return new Promise((resolve, reject) => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'iguanaUTXORawTX',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'iguanaUTXORawTX', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => resolve(json))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      resolve(json);
+    })
   });
 }
 
@@ -2823,12 +3153,27 @@ export function dexSendRawTX(data) {
   };
 
   return new Promise((resolve, reject) => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'dexSendRawTX',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'dexSendRawTX', 'Error', 'error'));
     })
     .then(function(response) {
@@ -2837,10 +3182,13 @@ export function dexSendRawTX(data) {
       return _response;
     })
     .then(function(json) {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
       resolve(json);
     })
-    //.then(response => response.json())
-    //.then(json => resolve(json))
   });
 }
 
@@ -2853,19 +3201,40 @@ export function edexGetTransaction(data) {
     'vout': 1,
     'txid': data.txid
   };
-  console.log('edexGetTransaction', payload);
 
   return new Promise((resolve, reject) => {
+    const _timestamp = Date.now();
+    dispatch(logGuiHttp({
+      'timestamp': _timestamp,
+      'function': 'edexGetTransaction',
+      'type': 'post',
+      'url': 'http://127.0.0.1:' + Config.iguanaCorePort,
+      'payload': payload,
+      'status': 'pending',
+    }));
+
     fetch('http://127.0.0.1:' + Config.iguanaCorePort, {
       method: 'POST',
       body: JSON.stringify(payload),
     })
     .catch(function(error) {
       console.log(error);
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'error',
+        'response': error,
+      }));
       dispatch(triggerToaster(true, 'edexGetTransaction', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => resolve(json))
+    .then(json => {
+      dispatch(logGuiHttp({
+        'timestamp': _timestamp,
+        'status': 'success',
+        'response': json,
+      }));
+      resolve(json);
+    })
   });
 }
 
@@ -3019,6 +3388,8 @@ export function getAppInfo() {
 
 export function logGuiHttp(payload) {
   return dispatch => {
+    dispatch(guiLogState(payload));
+
     return fetch('http://127.0.0.1:' + Config.agamaPort + '/shepherd/guilog', {
       method: 'POST',
       headers: {
@@ -3031,6 +3402,38 @@ export function logGuiHttp(payload) {
       dispatch(triggerToaster(true, 'logGuiHttp', 'Error', 'error'));
     })
     .then(response => response.json())
-    // .then(json => console.log(json))
+  }
+}
+
+export function getAgamaLog(type) {
+  return dispatch => {
+    return fetch('http://127.0.0.1:' + Config.agamaPort + '/shepherd/getlog?type=' + type, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    })
+    .catch(function(error) {
+      console.log(error);
+      dispatch(triggerToaster(true, 'getAgamaLog', 'Error', 'error'));
+    })
+    .then(response => response.json())
+    .then()
+  }
+}
+
+export function guiLogState(logData) {
+  console.log(logData);
+  return {
+    type: LOG_GUI_HTTP,
+    timestamp: logData.timestamp,
+    log: {
+      function: logData.function,
+      httpMethod: logData.type,
+      url: logData.url,
+      payload: logData.payload,
+      status: logData.status,
+      response: logData.response,
+    }
   }
 }
\ No newline at end of file
diff --git a/react/src/components/dashboard/settings.js b/react/src/components/dashboard/settings.js
index 2b62aab..0784eb3 100644
--- a/react/src/components/dashboard/settings.js
+++ b/react/src/components/dashboard/settings.js
@@ -308,7 +308,7 @@ class Settings extends React.Component {
 
   render() {
     return (
-      <div style={{marginLeft: '0'}}>
+      <div style={{ marginLeft: '0' }}>
         <div className="page-content" id="section-iguana-wallet-settings">
           <div className="row" id="iguana-wallet-settings">
             <div className="col-xlg-12 col-md-12">
diff --git a/react/src/reducers/dashboard.js b/react/src/reducers/dashboard.js
index 13e8d72..ec27c59 100644
--- a/react/src/reducers/dashboard.js
+++ b/react/src/reducers/dashboard.js
@@ -6,7 +6,8 @@ import {
   SYNCING_NATIVE_MODE,
   BASILISK_CONNECTION,
   DASHBOARD_CONNECT_NOTARIES,
-  VIEW_CACHE_DATA
+  VIEW_CACHE_DATA,
+  LOG_GUI_HTTP
 } from '../actions/actionCreators';
 
 export function Dashboard(state = {
@@ -20,7 +21,8 @@ export function Dashboard(state = {
     current: 0,
     currentNodeName: null,
     failedToConnectNodes: null,
-  }
+  },
+  guiLog: {}
 }, action) {
   switch (action.type) {
     case DASHBOARD_SECTION_CHANGE:
@@ -64,6 +66,16 @@ export function Dashboard(state = {
       return Object.assign({}, state, {
         displayViewCacheModal: action.display,
       });
+    case LOG_GUI_HTTP:
+      let _guiLogState = state.guiLog;
+
+      if (_guiLogState[state.timestamp]) {
+        _guiLogState[state.timestamp].status = state.log.status;
+      }
+
+      return Object.assign({}, state, {
+        //displayViewCacheModal: action.display,
+      });
     default:
       return state;
   }

From dc12453b2e50c475299675ee4b5b6ae9bbd2f404 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Wed, 24 May 2017 21:07:19 +0300
Subject: [PATCH 15/15] jumblr header

---
 react/src/actions/actionCreators.js           | 11 +++-
 react/src/components/dashboard/about.js       |  2 +-
 react/src/components/dashboard/dashboard.js   |  1 -
 react/src/components/dashboard/jumblr.js      |  4 +-
 react/src/components/dashboard/navbar.js      |  3 +-
 .../src/components/dashboard/notifications.js | 63 +++++++++++++++++++
 .../src/components/dashboard/walletsHeader.js | 22 ++++---
 react/src/components/main/walletMain.js       |  2 +
 react/src/reducers/dashboard.js               | 12 ++--
 react/src/styles/index.scss                   | 36 +++++++++++
 10 files changed, 137 insertions(+), 19 deletions(-)
 create mode 100644 react/src/components/dashboard/notifications.js

diff --git a/react/src/actions/actionCreators.js b/react/src/actions/actionCreators.js
index 31e9290..7d3c7cb 100644
--- a/react/src/actions/actionCreators.js
+++ b/react/src/actions/actionCreators.js
@@ -1,7 +1,7 @@
 import 'whatwg-fetch';
 import 'bluebird';
 
-import Config from '../config';
+import _config from '../config';
 import {
   startCurrencyAssetChain,
   startAssetChain,
@@ -12,6 +12,14 @@ import {
 import { copyToClipboard } from '../util/copyToClipboard';
 import { translate } from '../translate/translate';
 
+let Config;
+
+try {
+  Config = window.require('electron').remote.getCurrentWindow();
+} catch (e) {
+  Config = _config;
+}
+
 export const TOASTER_MESSAGE = 'TOASTER_MESSAGE';
 export const DISPLAY_ADDCOIN_MODAL = 'DISPLAY_ADDCOIN_MODAL';
 export const GET_ACTIVE_COINS = 'GET_ACTIVE_COINS';
@@ -3423,7 +3431,6 @@ export function getAgamaLog(type) {
 }
 
 export function guiLogState(logData) {
-  console.log(logData);
   return {
     type: LOG_GUI_HTTP,
     timestamp: logData.timestamp,
diff --git a/react/src/components/dashboard/about.js b/react/src/components/dashboard/about.js
index f671f59..91c5564 100644
--- a/react/src/components/dashboard/about.js
+++ b/react/src/components/dashboard/about.js
@@ -3,7 +3,7 @@ import { translate } from '../../translate/translate';
 
 class About extends React.Component {
   render() {
-    return(
+    return (
       <div className="page" style={{ marginLeft: '0' }}>
         <div className="page-content" id="section-about-iguana">
           <h2>About Iguana</h2>
diff --git a/react/src/components/dashboard/dashboard.js b/react/src/components/dashboard/dashboard.js
index dfd94b8..06c69fe 100644
--- a/react/src/components/dashboard/dashboard.js
+++ b/react/src/components/dashboard/dashboard.js
@@ -3,7 +3,6 @@ import Navbar from './navbar';
 import CoinTile from './coinTile';
 import EDEX from './edex';
 import WalletsBalance from './walletsBalance';
-import WalletsHeader from './walletsHeader';
 import WalletsProgress from './walletsProgress';
 import WalletsNav from './walletsNav';
 import SendCoin from './sendCoin';
diff --git a/react/src/components/dashboard/jumblr.js b/react/src/components/dashboard/jumblr.js
index 4f13110..fbe0577 100644
--- a/react/src/components/dashboard/jumblr.js
+++ b/react/src/components/dashboard/jumblr.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { translate } from '../../translate/translate';
+import WalletsHeader from './walletsHeader';
 /*import { dashboardChangeSection, toggleAddcoinModal, logout } from '../../actions/actionCreators';
 import Store from '../../store';*/
 
@@ -31,7 +32,8 @@ class Jumblr extends React.Component {
   render() {
     return (
       <div className="page" style={{ marginLeft: '0' }}>
-        <div className="page-content" id="section-jumblr">
+        <WalletsHeader activeSection="jumblr" />
+        <div className="page-content" id="section-jumblr" style={{ marginTop: '30px' }}>
           <div className="row" id="jumblr_dashboard">
             <div className="col-xs-12" id="jumblr_testing_alert">
               <div className="alert alert-danger" role="alert">
diff --git a/react/src/components/dashboard/navbar.js b/react/src/components/dashboard/navbar.js
index 18f1779..58f87f4 100644
--- a/react/src/components/dashboard/navbar.js
+++ b/react/src/components/dashboard/navbar.js
@@ -100,8 +100,7 @@ class Navbar extends React.Component {
                 </a>
               </li>
               <li
-                className={ this.props.Dashboard.activeSection === 'jumblr' ? 'active nav-top-menu' : 'nav-top-menu' }
-                style={{ display: 'none' }}>
+                className={ this.props.Dashboard.activeSection === 'jumblr' ? 'active nav-top-menu' : 'nav-top-menu' }>
                 <a id="nav-jumblr" onClick={ () => this.dashboardChangeSection('jumblr') }>
                   <i className="site-menu-icon" aria-hidden="true"></i> Jumblr
                 </a>
diff --git a/react/src/components/dashboard/notifications.js b/react/src/components/dashboard/notifications.js
new file mode 100644
index 0000000..3183afd
--- /dev/null
+++ b/react/src/components/dashboard/notifications.js
@@ -0,0 +1,63 @@
+import React from 'react';
+import { translate } from '../../translate/translate';
+
+class Notifications extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      displayModal: false,
+      totalCalls: 0,
+      totalErrorCalls: 0,
+      totalSuccessCalls: 0,
+      totalPendingCalls: 0,
+    };
+    this.toggleNotificationsModal = this.toggleNotificationsModal.bind(this);
+  }
+
+  componentWillReceiveProps(props) {
+    // get total number of calls per type
+    if (this.props.Dashboard &&
+        this.props.Dashboard.guiLog) {
+      const _guiLog = this.props.Dashboard.guiLog;
+      let totalCalls = Object.keys(_guiLog).length;
+      let totalErrorCalls = 0;
+      let totalSuccessCalls = 0;
+      let totalPendingCalls = 0;
+
+      for (let timestamp in _guiLog) {
+        if (_guiLog[timestamp].status === 'error') {
+          totalErrorCalls++;
+        }
+        if (_guiLog[timestamp].status === 'success') {
+          totalSuccessCalls++;
+        }
+        if (_guiLog[timestamp].status === 'pending') {
+          totalPendingCalls++;
+        }
+      }
+
+      this.setState(Object.assign({}, this.state, {
+        totalCalls,
+        totalErrorCalls,
+        totalSuccessCalls,
+        totalPendingCalls,
+      }));
+    }
+  }
+
+  toggleNotificationsModal() {
+
+  }
+
+  render() {
+    return (
+      <div className="notifications-badge" onClick={ this.toggleNotificationsModal }>
+        <span className="badge success">{ this.state.totalSuccessCalls }</span>
+        <span className="badge error">{ this.state.totalErrorCalls }</span>
+        <span className="badge pending">{ this.state.totalPendingCalls }</span>
+      </div>
+    );
+  }
+}
+
+export default Notifications;
\ No newline at end of file
diff --git a/react/src/components/dashboard/walletsHeader.js b/react/src/components/dashboard/walletsHeader.js
index 74af1d6..510180b 100644
--- a/react/src/components/dashboard/walletsHeader.js
+++ b/react/src/components/dashboard/walletsHeader.js
@@ -6,14 +6,20 @@ import { translate } from '../../translate/translate';
 class WalletsHeader extends React.Component {
   render() {
     if (this.props &&
-        this.props.coin) {
+        this.props.activeSection) {
       return (
-        <div className="page-header page-header-bordered header-easydex margin-bottom-0" id="easydex-header-div">
-          <h1 className="page-title">EasyDEX</h1>
+        <div
+          className="page-header page-header-bordered header-easydex margin-bottom-0"
+          id="easydex-header-div"
+          style={{ backgroundImage: 'url("assets/images/bg/' + this.props.activeSection + '_transparent_header_bg.png")', backgroundRepeat: 'no-repeat', backgroundPosition: '0%' }}>
+          <h1 className={ this.props.activeSection === 'jumblr' ? 'hide' : 'page-title' }>EasyDEX</h1>
           <ol className="breadcrumb">
-            <li className="header-easydex-section">{ translate('INDEX.DASHBOARD') }</li>
+            <li className={ this.props.activeSection === 'jumblr' ? 'hide' : 'header-easydex-section' }>{ translate('INDEX.DASHBOARD') }</li>
+            <li className={ this.props.activeSection !== 'jumblr' ? 'hide' : 'header-easydex-section' }>
+              <img src="assets/images/native/jumblr_header_title_logo.png" /><br /> { translate('SIDEBAR.JUMBLR_MOTTO') }
+            </li>
           </ol>
-          <div className="page-header-actions" style={{ zIndex: '1' }}>
+          <div className="page-header-actions" style={{ zIndex: '1', display: 'none' }}>
             <div id="kmd_header_button">
               <button
                 type="button"
@@ -54,7 +60,7 @@ class WalletsHeader extends React.Component {
               </ul>
             </div>
 
-            <div id="zec_header_button">
+            <div id="zec_header_button" style={{ display: 'none' }}>
               <button
                 type="button"
                 id="easydex_zec_wallet_actions_header"
@@ -107,7 +113,7 @@ class WalletsHeader extends React.Component {
               </button>
             </div>
 
-            <div id="kmd_header_button">
+            <div id="kmd_header_button" style={{ display: 'none' }}>
               <button
                 type="button"
                 id="easydex_acpax_wallet_actions_header"
@@ -151,7 +157,7 @@ class WalletsHeader extends React.Component {
               </ul>
             </div>
 
-            <div className="row no-space width-350 hidden-xs" id="easydex_btc_btcd_balances_header">
+            <div className="row no-space width-350 hidden-xs" id="easydex_btc_btcd_balances_header" style={{ display: 'none' }}>
               <div className="col-xs-6">
                 <div className="counter">
                   <span className="font-weight-medium" id="header_coinname_balance"> - BTC</span>
diff --git a/react/src/components/main/walletMain.js b/react/src/components/main/walletMain.js
index d53d560..c9bdb6f 100644
--- a/react/src/components/main/walletMain.js
+++ b/react/src/components/main/walletMain.js
@@ -4,6 +4,7 @@ import AddCoin from '../addcoin/addcoin';
 import Login from '../login/login';
 import Dashboard from '../dashboard/dashboard';
 import SyncOnly from '../dashboard/syncOnly';
+import Notifications from '../dashboard/notifications';
 
 class WalletMain extends React.Component {
   render() {
@@ -14,6 +15,7 @@ class WalletMain extends React.Component {
         <AddCoin {...this.props.AddCoin} />
         <Login {...this.props} />
         <Toaster {...this.props.toaster} />
+        <Notifications {...this.props} />
       </div>
     );
   }
diff --git a/react/src/reducers/dashboard.js b/react/src/reducers/dashboard.js
index ec27c59..5b5f69e 100644
--- a/react/src/reducers/dashboard.js
+++ b/react/src/reducers/dashboard.js
@@ -7,7 +7,8 @@ import {
   BASILISK_CONNECTION,
   DASHBOARD_CONNECT_NOTARIES,
   VIEW_CACHE_DATA,
-  LOG_GUI_HTTP
+  LOG_GUI_HTTP,
+  TOGGLE_NOTIFICATIONS_MODAL
 } from '../actions/actionCreators';
 
 export function Dashboard(state = {
@@ -69,12 +70,15 @@ export function Dashboard(state = {
     case LOG_GUI_HTTP:
       let _guiLogState = state.guiLog;
 
-      if (_guiLogState[state.timestamp]) {
-        _guiLogState[state.timestamp].status = state.log.status;
+      if (_guiLogState[action.timestamp]) {
+        _guiLogState[action.timestamp].status = action.log.status;
+        _guiLogState[action.timestamp].response = action.log.response;
+      } else {
+        _guiLogState[action.timestamp] = action.log;
       }
 
       return Object.assign({}, state, {
-        //displayViewCacheModal: action.display,
+        guiLog: _guiLogState,
       });
     default:
       return state;
diff --git a/react/src/styles/index.scss b/react/src/styles/index.scss
index d3860b4..7803f51 100644
--- a/react/src/styles/index.scss
+++ b/react/src/styles/index.scss
@@ -375,6 +375,42 @@ input:checked + .slider:before {
   text-align: center;
 }
 
+.breadcrumb>li+li:before {
+  display: none;
+}
+
+.notifications {
+
+}
+
+.notifications-badge {
+  position: absolute;
+  bottom: 10px;
+  left: 5px;
+  cursor: pointer;
+
+  .badge {
+    margin-left: 2px;
+    font-weight: bold;
+  }
+
+  .badge.success {
+    color: #3c763d;
+    background-color: #dff0d8;
+    border-color: #d6e9c6;
+  }
+  .badge.pending {
+    color: #8a6d3b;
+    background-color: #fcf8e3;
+    border-color: #faebcc;
+  }
+  .badge.error {
+    color: #a94442;
+    background-color: #f2dede;
+    border-color: #ebccd1;
+  }
+}
+
 /*.toaster .single-toast:nth-child(0) {
   bottom: 12px;
 }