Redux

react/src/actions/actionCreators.js

@@ -29,6 +29,7 @@ import {
   DISPLAY_CLAIM_INTEREST_MODAL,
   START_INTERVAL,
   STOP_INTERVAL,
+  GET_PIN_LIST,
   DASHBOARD_SYNC_ONLY_UPDATE,
   DISPLAY_IMPORT_KEY_MODAL,
 } from './storeType';
@@ -345,6 +346,13 @@ export function toggleClaimInterestModal(display) {
   }
 }
 
+export function getPinList(pinList) {
+  return {
+    type: GET_PIN_LIST,
+    pinList: pinList,
+  }
+}
+
 export function skipFullDashboardUpdate(skip) {
   return {
     type: DASHBOARD_SYNC_ONLY_UPDATE,

react/src/actions/actions/pin.js

@@ -0,0 +1,110 @@
+import Config from '../../config';
+import {
+  getDecryptedPassphrase,
+  getPinList,
+  triggerToaster
+} from '../actionCreators';
+import { iguanaWalletPassphrase } from './walletAuth';
+
+export function encryptPassphrase(passphrase, key, pubKey) {
+  const payload = {
+    string: passphrase,
+    key: key,
+    pubkey: pubKey,
+  };
+
+  return dispatch => {
+    return fetch(`http://127.0.0.1:${Config.agamaPort}/shepherd/encryptkey`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(payload),
+    })
+    .catch(function(error) {
+      console.log(error);
+      dispatch(
+        triggerToaster(
+          'encryptKey',
+          'Error',
+          'error'
+        )
+      );
+    })
+    .then(response => response.json())
+    .then(json => {
+      dispatch(
+        triggerToaster(
+          'Passphrase successfully encrypted',
+          'Success',
+          'success'
+        )
+      );
+    })
+  }
+}
+
+export function loginWithPin(key, pubKey) {
+  const payload = {
+    key: key,
+    pubkey: pubKey,
+  };
+
+  return dispatch => {
+    return fetch(`http://127.0.0.1:${Config.agamaPort}/shepherd/decryptkey`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(payload),
+    })
+    .catch(function(error) {
+      console.log(error);
+      dispatch(
+        triggerToaster(
+          'decryptKey',
+          'Error',
+          'error'
+        )
+      );
+    })
+    .then(response => response.json())
+    .then(json => {
+      dispatch(iguanaWalletPassphrase(json.result));
+    })
+  }
+}
+
+export function loadPinList() {
+  return dispatch => {
+    return fetch(`http://127.0.0.1:${Config.agamaPort}/shepherd/getpinlist`, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    })
+    .catch(function(error) {
+      console.log(error);
+      dispatch(
+        triggerToaster(
+          'getPinList',
+          'Error',
+          'error'
+        )
+      );
+    })
+    .then(response => response.json())
+    .then(json => {
+      dispatch(
+        triggerToaster(
+          'getPinList',
+          'Success',
+          'success'
+        )
+      );
+      dispatch(
+        getPinList(json.result)
+      );
+    })
+  }
+}

react/src/actions/storeType.js

@@ -46,4 +46,5 @@ export const LOGOUT = 'LOGOUT';
 export const DISPLAY_COIND_DOWN_MODAL = 'DISPLAY_COIND_DOWN_MODAL';
 export const DISPLAY_LOGIN_SETTINGS_MODAL = 'DISPLAY_LOGIN_SETTINGS_MODAL';
 export const DISPLAY_CLAIM_INTEREST_MODAL = 'DISPLAY_CLAIM_INTEREST_MODAL';
+export const GET_PIN_LIST = 'GET_PIN_LIST';
 export const DISPLAY_IMPORT_KEY_MODAL = 'DISPLAY_IMPORT_KEY_MODAL';

react/src/components/app/app.js

@@ -5,6 +5,7 @@ import Main from '../main/main';
 
 function mapStateToProps(state) {
   return {
+    login: state.login,
     toaster: state.toaster,
     AddCoin: state.AddCoin,
     Main: state.Main,

react/src/components/dashboard/bodyBottom/bodyBottom.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import PropTypes from 'prop-types';
+
+export default class BodyEnd extends React.PureComponent {
+  static propTypes = {
+    children: PropTypes.node,
+  };
+
+  componentDidMount() {
+    this._popup = document.createElement('div');
+    document.body.appendChild(this._popup);
+    this._render();
+  }
+
+  componentDidUpdate() {
+    this._render();
+  }
+
+  componentWillUnmount() {
+    ReactDOM.unmountComponentAtNode(this._popup);
+    document.body.removeChild(this._popup);
+  }
+
+  _render() {
+    ReactDOM.render(this.props.children, this._popup);
+  }
+
+  render() {
+    return null;
+  }
+}

react/src/components/dashboard/invoiceModal/invoiceModal.js

@@ -0,0 +1,140 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { connect } from 'react-redux';
+import Store from '../../../store';
+import { translate } from '../../../translate/translate';
+import BodyEnd from '../bodyBottom/bodyBottom';
+import {
+  InvoiceModalRender,
+  InvoiceModalButtonRender,
+  AddressItemRender,
+} from './invoiceModal.render';
+
+class InvoiceModal extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      modalIsOpen: false,
+      content: '',
+      qrAddress: '',
+      qrAmount: 0,
+    };
+    this.openModal = this.openModal.bind(this);
+    this.closeModal = this.closeModal.bind(this);
+    this.updateInput = this.updateInput.bind(this);
+    this.renderAddressList = this.renderAddressList.bind(this);
+    this.updateQRContent = this.updateQRContent.bind(this);
+  }
+
+  openModal() {
+    this.setState({
+      modalIsOpen: true
+    });
+  }
+
+  updateInput(e) {
+    this.setState({
+      [e.target.name]: e.target.value
+    }, this.updateQRContent);
+   }
+
+  updateQRContent() {
+    this.setState({
+      content: JSON.stringify({
+        address: this.state.qrAddress,
+        amount: this.state.qrAmount,
+        coin: this.props.ActiveCoin.coin,
+      }),
+    });
+  }
+
+   closeModal() {
+    this.setState({
+      modalIsOpen: false,
+    });
+  }
+
+  hasNoAmount(address) {
+    return address.amount === 'N/A' || address.amount === 0;
+  }
+
+  hasNoInterest(address) {
+    return address.interest === 'N/A' || address.interest === 0 || !address.interest;
+  }
+
+  isBasiliskMode() {
+    return this.props.ActiveCoin.mode === 'basilisk';
+  }
+
+  isNativeMode() {
+    return this.props.ActiveCoin.mode == 'native';
+  }
+
+  renderAddressList(type) {
+    const _addresses = this.props.ActiveCoin.addresses;
+    const _cache = this.props.ActiveCoin.cache;
+    const _coin = this.props.ActiveCoin.coin;
+
+    if (_addresses &&
+        _addresses[type] &&
+        _addresses[type].length) {
+      let items = [];
+
+      for (let i = 0; i < _addresses[type].length; i++) {
+        let address = _addresses[type][i];
+
+        if (this.isBasiliskMode() &&
+            this.hasNoAmount(address)) {
+          address.amount = _cache && _cache[_coin][address.address] &&
+            _cache[_coin][address.address].getbalance &&
+            _cache[_coin][address.address].getbalance.data &&
+            _cache[_coin][address.address].getbalance.data.balance ? _cache[_coin][address.address].getbalance.data.balance : 'N/A';
+        }
+        if (this.isBasiliskMode() &&
+            this.hasNoInterest(address)) {
+          address.interest = _cache && _cache[_coin][address.address] &&
+            _cache[_coin][address.address].getbalance &&
+            _cache[_coin][address.address].getbalance.data &&
+            _cache[_coin][address.address].getbalance.data.interest ? _cache[_coin][address.address].getbalance.data.interest : 'N/A';
+        }
+
+        items.push(
+          AddressItemRender.call(this, address, type)
+        );
+      }
+
+      return items;
+    } else {
+      return null;
+    }
+  }
+
+  render() {
+    if (this.state.modalIsOpen) {
+      return <BodyEnd>{ InvoiceModalRender.call(this) }</BodyEnd>
+    } else {
+      return InvoiceModalButtonRender.call(this);
+    }
+  }
+}
+
+const mapStateToProps = (state) => {
+  return {
+    ActiveCoin: {
+      coin: state.ActiveCoin.coin,
+      mode: state.ActiveCoin.mode,
+      send: state.ActiveCoin.send,
+      receive: state.ActiveCoin.receive,
+      balance: state.ActiveCoin.balance,
+      cache: state.ActiveCoin.cache,
+      activeAddress: state.ActiveCoin.activeAddress,
+      lastSendToResponse: state.ActiveCoin.lastSendToResponse,
+      addresses: state.ActiveCoin.addresses,
+    },
+    Dashboard: {
+      activeHandle: state.Dashboard.activeHandle,
+    },
+  };
+};
+
+export default connect(mapStateToProps)(InvoiceModal);