Initial new UI source code import (#2607)

* address -> name mappings * expanding, loading all coin details * send use only actual BasicCoin tokens registered (any reg) * sending token & accounts * form styling updates * send form layout in place * coin send working as expected * api subscriptions on multiple addresses * bring in events * simplify * basic events display in-place, functionally complete * basic functionality in-place * fix horrible event address issue * rwork display of events slightly * test TLA availability * table for owner -> tokens * fix signature lookup address * fix signature lookup address * basic overview styling * txhash links * page layout adjustments * background import * adjust colors * no global registration, simplify color selection * updated styling * connection dialog for "busy connecting" * initial token connection - WIP * init token updates take place * basic test for manual token * rework connection display * allow updates of the secure token * first stab at making the build build * update runner tags * fix linting issues * skip tests requiring network (should be e2e, TODO) * re-enable javascript tag/runner * release push does the trick * push to any branch, CI name * javscript-test runner as well * swap dependencies build requires test * revert stages swap * retrieve images associated with tokens * remove js build deps order * null image when hash = 0x0 * 6x64 images (hashes for registries) * don't pass tokens as prop to IdentityIcon * check images against content hash pictures * cleanup signer after connection changes * fix naming typo * display unknownImages for balances (not available as content hash) * unknownImage for transfer dialog * basic githubhint layout * single input for commit/filename * ethcore_hashContent call * lookup hash * registration in place * fixes * events is using a proper table * pass value through as-is * stop wrongly using main app IdentityIcon * NEVER export class instance functions * alignment back to normal * typo in definition * set & get images working (mostly) * show content retrieval info * set exitcode via || * use javascript:latest images * disable npm progress bar * rename phase I * rename phase II * only send build output to GitHub on major branches * also run the build step as part of the test (until comprehensive) * ci-specific build (no webpack progress) * allow for account creation via recovery phrase * display account uuid (where available), closes #2546 * connection dialog now shows up in dapps as well, closes #2538 * token images show up as expected * IdentityName component added and deployed * fix padding tests * adjust tests to map to stricter 0x-prefixed hex * render names via common component for the address -> name * split lint into seperate script (early exit) * test phases changed to lint, test & pack * pack part of test phase * remove files marked for deletion (cleanup) * Signer cleanups, start moving in the direction of the rest * add personal signer methods * basic signer request subscription * don't poll blockNumber when not connected * missing return, creating massive ws queue backlogs * ΞTH -> ETH * fix failing tests * registry uses setAddress to actually set addresses now * bytes mapping operates on lowerCase hex strings * sha3 ids for each application * add dappreg to list of contracts * adjust alignment of queries * show gas estimation log * abi with payable for register function * add key as required * image retrieval from dappreg * use proper Image urls * embed and link apps from Parity, retrieved via /api/apps * filter apps that has been replaced * proxy entry for parity-utils * add basiccoin abi * add support for fallback abi type * capture constructor paramaters * merge master into js * move images to assets/images/ * add font assets * import fonts as part of build * don't inline woff files * Revert "merge master into js" This reverts commit cfcfa81bd26f1b3cbc748d3afa1eb5c670b363fe. * remove unused npm packages * information on gas estimates (like almost everywhere else) * don't pass gas & gasPrice to estimation * display account passwordhint when available * signer subscriptions based on polling & function trapping * pending requests retrieved via jsapi * update signer middleware * remove all web3 instances * remove web3 package * last web3 dependencies removed * no need to toChecksumAddress - api takes care of it * expand description for personal_confirmRequest * Signer conversion from web3 -> parity.js completed * explicit in no return * green circle background * remove generated background * convert /api/* paths to localhost:8080/api/* paths (hard-coded, temporary) * change dapps to load from localhost:8080/ui/* * remove dangling web3 files * update manager test for signer * /api/ping -> / * additional token images * additional token images * add missing styles.css for 8180 error pages * cater for txhash returning null/empty object * adjust output directories * Release merge with origin with ours strategy * additional token images * cater for development server * s/localhost/127.0.0.1/ (cater for origin) * Fix address selection for contract deployment * Adjust z-index for error overlay * better text on unique background pattern * fix signer rejections * Don't allow gavcoin transfer with no balance * fix txhash rendering in signer * remove unnecessary ParityBackground * script to update js-precompiled * Redirect from :8080 to :8180 * Remove extra return * Dapp logo images
2016-10-18 11:52:56 +02:00
parent 6c7af57529
commit 1e6a2cb378
969 changed files with 57315 additions and 0 deletions
--- a/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingForm.css
+++ b/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingForm.css
@@ -0,0 +1,45 @@
+/* Copyright 2015, 2016 Ethcore (UK) Ltd.
+/* This file is part of Parity.
+/*
+/* Parity is free software: you can redistribute it and/or modify
+/* it under the terms of the GNU General Public License as published by
+/* the Free Software Foundation, either version 3 of the License, or
+/* (at your option) any later version.
+/*
+/* Parity is distributed in the hope that it will be useful,
+/* but WITHOUT ANY WARRANTY; without even the implied warranty of
+/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+/* GNU General Public License for more details.
+/*
+/* You should have received a copy of the GNU General Public License
+/* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+*/
+.container {
+  width: 220px;
+  padding: 20px 40px 0 40px;
+  /*border-left: 1px solid #aaa;*/
+  position: absolute;
+  top: 0;
+  right: 0;
+  box-sizing: content-box;
+}
+
+.rejectToggle {
+  display: block;
+  cursor: pointer;
+  color: #00e;
+  opacity: .7;
+  transition: opacity .5s;
+}
+
+.rejectToggle:hover {
+  opacity: 1;
+  text-decoration: underline;
+}
+
+.rejectToggle svg {
+  position: relative;
+  width: 18px !important;
+  height: 18px !important;
+  top: 3px;
+}
--- a/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingForm.js
+++ b/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingForm.js
@@ -0,0 +1,93 @@
+// Copyright 2015, 2016 Ethcore (UK) Ltd.
+// This file is part of Parity.
+
+// Parity is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// Parity is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+
+import React, { Component, PropTypes } from 'react';
+
+import BackIcon from 'material-ui/svg-icons/navigation/arrow-back';
+
+import TransactionPendingFormConfirm from './TransactionPendingFormConfirm';
+import TransactionPendingFormReject from './TransactionPendingFormReject';
+import styles from './TransactionPendingForm.css';
+
+export default class TransactionPendingForm extends Component {
+
+  static propTypes = {
+    address: PropTypes.string.isRequired,
+    isSending: PropTypes.bool.isRequired,
+    onConfirm: PropTypes.func.isRequired,
+    onReject: PropTypes.func.isRequired,
+    className: PropTypes.string
+  };
+
+  state = {
+    isRejectOpen: false
+  };
+
+  render () {
+    const { className } = this.props;
+
+    return (
+      <div className={ `${styles.container} ${className}` }>
+        { this.renderForm() }
+        { this.renderRejectToggle() }
+      </div>
+    );
+  }
+
+  renderForm () {
+    const { address, isSending, onConfirm, onReject } = this.props;
+
+    if (this.state.isRejectOpen) {
+      return (
+        <TransactionPendingFormReject
+          onReject={ onReject } />
+      );
+    }
+
+    return (
+      <TransactionPendingFormConfirm
+        address={ address }
+        onConfirm={ onConfirm }
+        isSending={ isSending } />
+    );
+  }
+
+  renderRejectToggle () {
+    const { isRejectOpen } = this.state;
+    let html;
+
+    if (!isRejectOpen) {
+      html = <span>reject transaction</span>;
+    } else {
+      html = <span><BackIcon />I've changed my mind</span>;
+    }
+
+    return (
+      <a
+        onClick={ this.onToggleReject }
+        className={ styles.rejectToggle }
+      >
+      { html }
+      </a>
+    );
+  }
+
+  onToggleReject = () => {
+    const { isRejectOpen } = this.state;
+    this.setState({ isRejectOpen: !isRejectOpen });
+  }
+
+}
--- a/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormConfirm/TransactionPendingFormConfirm.css
+++ b/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormConfirm/TransactionPendingFormConfirm.css
@@ -0,0 +1,41 @@
+/* Copyright 2015, 2016 Ethcore (UK) Ltd.
+/* This file is part of Parity.
+/*
+/* Parity is free software: you can redistribute it and/or modify
+/* it under the terms of the GNU General Public License as published by
+/* the Free Software Foundation, either version 3 of the License, or
+/* (at your option) any later version.
+/*
+/* Parity is distributed in the hope that it will be useful,
+/* but WITHOUT ANY WARRANTY; without even the implied warranty of
+/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+/* GNU General Public License for more details.
+/*
+/* You should have received a copy of the GNU General Public License
+/* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+*/
+.confirmForm {
+  margin-top: -45px;
+}
+
+.confirmButton {
+  display: block !important;
+  margin-bottom: 10px;
+}
+
+.signerIcon {
+  width: 24px;
+  height: 24px;
+  vertical-align: middle;
+  margin-left: 12px;
+}
+
+.passwordHint {
+  font-size: 0.75em;
+  color: rgba(255, 255, 255, 0.5);
+  margin-bottom: 0.75em;
+}
+
+.passwordHint span {
+  opacity: 0.85;
+}
--- a/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormConfirm/TransactionPendingFormConfirm.js
+++ b/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormConfirm/TransactionPendingFormConfirm.js
@@ -0,0 +1,133 @@
+// Copyright 2015, 2016 Ethcore (UK) Ltd.
+// This file is part of Parity.
+
+// Parity is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// Parity is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+
+import React, { Component, PropTypes } from 'react';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import RaisedButton from 'material-ui/RaisedButton';
+import ReactTooltip from 'react-tooltip';
+
+import { Form, Input, SignerIcon } from '../../../../../ui';
+
+import styles from './TransactionPendingFormConfirm.css';
+
+class TransactionPendingFormConfirm extends Component {
+  static propTypes = {
+    accounts: PropTypes.object.isRequired,
+    address: PropTypes.string.isRequired,
+    isSending: PropTypes.bool.isRequired,
+    onConfirm: PropTypes.func.isRequired
+  }
+
+  id = Math.random(); // for tooltip
+
+  state = {
+    password: ''
+  }
+
+  render () {
+    const { accounts, address, isSending } = this.props;
+    const { password } = this.state;
+    const account = accounts[address] || {};
+
+    const passwordHint = account.meta && account.meta.passwordHint
+      ? (<div><span>(hint) </span>{ account.meta.passwordHint }</div>)
+      : null;
+
+    return (
+      <div className={ styles.confirmForm }>
+        <Form>
+          <Input
+            onChange={ this.onModifyPassword }
+            onKeyDown={ this.onKeyDown }
+            label='Account Password'
+            hint='unlock the account'
+            type='password'
+            value={ password } />
+          <div className={ styles.passwordHint }>
+            { passwordHint }
+          </div>
+          <div
+            data-tip
+            data-place='bottom'
+            data-for={ 'transactionConfirmForm' + this.id }
+            data-effect='solid'
+          >
+            <RaisedButton
+              onClick={ this.onConfirm }
+              className={ styles.confirmButton }
+              fullWidth
+              primary
+              disabled={ isSending }
+              icon={ <SignerIcon className={ styles.signerIcon } /> }
+              label={ isSending ? 'Confirming...' : 'Confirm Transaction' }
+            />
+          </div>
+          { this.renderTooltip() }
+        </Form>
+      </div>
+    );
+  }
+
+  renderTooltip () {
+    if (this.state.password.length) {
+      return;
+    }
+
+    return (
+      <ReactTooltip id={ 'transactionConfirmForm' + this.id }>
+        Please provide a password for this account
+      </ReactTooltip>
+    );
+  }
+
+  onModifyPassword = evt => {
+    const password = evt.target.value;
+    this.setState({
+      password
+    });
+  }
+
+  onConfirm = () => {
+    const { password } = this.state;
+    this.props.onConfirm(password);
+  }
+
+  onKeyDown = evt => {
+    if (evt.which !== 13) {
+      return;
+    }
+
+    this.onConfirm();
+  }
+}
+
+function mapStateToProps (state) {
+  const { accounts } = state.personal;
+
+  return {
+    accounts
+  };
+}
+
+function mapDispatchToProps (dispatch) {
+  return bindActionCreators({}, dispatch);
+}
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(TransactionPendingFormConfirm);
--- a/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormConfirm/index.js
+++ b/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormConfirm/index.js
@@ -0,0 +1,17 @@
+// Copyright 2015, 2016 Ethcore (UK) Ltd.
+// This file is part of Parity.
+
+// Parity is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// Parity is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+
+export default from './TransactionPendingFormConfirm';
--- a/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormReject/TransactionPendingFormReject.css
+++ b/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormReject/TransactionPendingFormReject.css
@@ -0,0 +1,25 @@
+/* Copyright 2015, 2016 Ethcore (UK) Ltd.
+/* This file is part of Parity.
+/*
+/* Parity is free software: you can redistribute it and/or modify
+/* it under the terms of the GNU General Public License as published by
+/* the Free Software Foundation, either version 3 of the License, or
+/* (at your option) any later version.
+/*
+/* Parity is distributed in the hope that it will be useful,
+/* but WITHOUT ANY WARRANTY; without even the implied warranty of
+/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+/* GNU General Public License for more details.
+/*
+/* You should have received a copy of the GNU General Public License
+/* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+*/
+/* the rejection button itself, once .reject has been pressed */
+.rejectButton {
+  display: block !important;
+  margin-bottom: 5px;
+}
+
+.rejectText {
+  margin-bottom: 10px;
+}
--- a/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormReject/TransactionPendingFormReject.js
+++ b/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormReject/TransactionPendingFormReject.js
@@ -0,0 +1,93 @@
+// Copyright 2015, 2016 Ethcore (UK) Ltd.
+// This file is part of Parity.
+
+// Parity is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// Parity is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+
+import React, { Component, PropTypes } from 'react';
+
+import RaisedButton from 'material-ui/RaisedButton';
+
+import { REJECT_COUNTER_TIME } from '../../constants/constants';
+import styles from './TransactionPendingFormReject.css';
+
+export default class TransactionPendingFormReject extends Component {
+
+  static propTypes = {
+    onReject: PropTypes.func.isRequired,
+    className: PropTypes.string,
+    rejectCounterTime: PropTypes.number
+  };
+
+  static defaultProps = {
+    rejectCounterTime: REJECT_COUNTER_TIME
+  };
+
+  state = {
+    rejectCounter: this.props.rejectCounterTime
+  }
+
+  componentWillMount () {
+    this.onInitCounter();
+  }
+
+  componentWillUnmount () {
+    this.onResetCounter();
+  }
+
+  render () {
+    const { rejectCounter } = this.state;
+    const { onReject } = this.props;
+
+    return (
+      <div>
+        <div className={ styles.rejectText }>
+          Are you sure you want to reject transaction? <br />
+          <strong>This cannot be undone</strong>
+        </div>
+        <RaisedButton
+          onClick={ onReject }
+          className={ styles.rejectButton }
+          disabled={ rejectCounter > 0 }
+          fullWidth
+          label={ `Reject Transaction ${this.renderCounter()}` }
+        />
+      </div>
+    );
+  }
+
+  renderCounter () {
+    const { rejectCounter } = this.state;
+    if (!rejectCounter) {
+      return '';
+    }
+    return `(${rejectCounter})`;
+  }
+
+  onInitCounter () {
+    this.rejectInterval = setInterval(() => {
+      let { rejectCounter } = this.state;
+      if (rejectCounter === 0) {
+        return clearInterval(this.rejectInterval);
+      }
+      this.setState({ rejectCounter: rejectCounter - 1 });
+    }, 1000);
+  }
+
+  onResetCounter () {
+    clearInterval(this.rejectInterval);
+    this.setState({
+      rejectCounter: this.props.rejectCounterTime
+    });
+  }
+}
--- a/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormReject/index.js
+++ b/js/src/views/Signer/components/TransactionPendingForm/TransactionPendingFormReject/index.js
@@ -0,0 +1,17 @@
+// Copyright 2015, 2016 Ethcore (UK) Ltd.
+// This file is part of Parity.
+
+// Parity is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// Parity is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+
+export default from './TransactionPendingFormReject';
--- a/js/src/views/Signer/components/TransactionPendingForm/index.js
+++ b/js/src/views/Signer/components/TransactionPendingForm/index.js
@@ -0,0 +1,17 @@
+// Copyright 2015, 2016 Ethcore (UK) Ltd.
+// This file is part of Parity.
+
+// Parity is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// Parity is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+
+export default from './TransactionPendingForm';