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

js/src/ui/Modal/Busy/busy.css

@@ -0,0 +1,27 @@
+/* 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/>.
+*/
+
+.center {
+  text-align: center;
+}
+
+.title {
+}
+
+.state {
+  margin-top: 1em;
+}

js/src/ui/Modal/Busy/busy.js

@@ -0,0 +1,39 @@
+// 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 styles from './busy.css';
+
+export default class Busy extends Component {
+  static propTypes = {
+    title: PropTypes.string,
+    state: PropTypes.string,
+    children: PropTypes.node
+  }
+
+  render () {
+    const { children, title, state } = this.props;
+
+    return (
+      <div className={ styles.center }>
+        <div className={ styles.title }>{ title }</div>
+        <div className={ styles.state }>{ state }</div>
+        { children }
+      </div>
+    );
+  }
+}

js/src/ui/Modal/Busy/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 './busy';

js/src/ui/Modal/Completed/completed.css

@@ -0,0 +1,24 @@
+/* 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/>.
+*/
+
+.body {
+  text-align: center;
+}
+
+.body>div+div {
+  margin-top: 1em;
+}

js/src/ui/Modal/Completed/completed.js

@@ -0,0 +1,35 @@
+// 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 styles from './completed.css';
+
+export default class Completed extends Component {
+  static propTypes = {
+    children: PropTypes.node
+  }
+
+  render () {
+    const { children } = this.props;
+
+    return (
+      <div className={ styles.body }>
+        { children }
+      </div>
+    );
+  }
+}

js/src/ui/Modal/Completed/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 './completed';

js/src/ui/Modal/Title/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 './title';

js/src/ui/Modal/Title/title.js

@@ -0,0 +1,92 @@
+// 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 { LinearProgress } from 'material-ui';
+import { Step, Stepper, StepLabel } from 'material-ui/Stepper';
+
+import styles from '../modal.css';
+
+export default class Title extends Component {
+  static propTypes = {
+    busy: PropTypes.bool,
+    current: PropTypes.number,
+    steps: PropTypes.array,
+    waiting: PropTypes.array,
+    title: React.PropTypes.oneOfType([
+      PropTypes.node, PropTypes.string
+    ])
+  }
+
+  render () {
+    const { current, steps, title } = this.props;
+
+    return (
+      <div className={ styles.title }>
+        <h3>{ steps ? steps[current] : title }</h3>
+        { this.renderSteps() }
+        { this.renderWaiting() }
+      </div>
+    );
+  }
+
+  renderSteps () {
+    const { current, steps } = this.props;
+
+    if (!steps) {
+      return;
+    }
+
+    return (
+      <div className={ styles.steps }>
+        <Stepper
+          activeStep={ current }>
+          { this.renderTimeline() }
+        </Stepper>
+      </div>
+    );
+  }
+
+  renderTimeline () {
+    const { steps } = this.props;
+
+    return steps.map((label) => {
+      return (
+        <Step
+          key={ label }>
+          <StepLabel>
+            { label }
+          </StepLabel>
+        </Step>
+      );
+    });
+  }
+
+  renderWaiting () {
+    const { current, busy, waiting } = this.props;
+    const isWaiting = busy || (waiting || []).includes(current);
+
+    if (!isWaiting) {
+      return null;
+    }
+
+    return (
+      <div className={ styles.waiting }>
+        <LinearProgress />
+      </div>
+    );
+  }
+}

js/src/ui/Modal/index.js

@@ -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/>.
+
+import Busy from './Busy';
+import Completed from './Completed';
+
+export default from './modal';
+
+export {
+  Busy,
+  Completed
+};

js/src/ui/Modal/modal.css

@@ -0,0 +1,70 @@
+/* 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/>.
+*/
+.actions {
+  background: rgba(0, 0, 0, 0.25) !important;
+}
+
+.actions button:not([disabled]) {
+  color: white !important;
+}
+
+.actions button:not([disabled]) svg {
+  fill: white !important;
+}
+
+.body {
+  padding: 0 !important;
+}
+
+.dialog {
+}
+
+.content {
+  transform: translate(0px, 0px) !important;
+}
+
+.content>div {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+.content div {
+  transition: none !important;
+}
+
+.title {
+  padding: 1em;
+  margin-bottom: 0;
+  background: rgba(0, 0, 0, 0.25) !important;
+}
+
+.title h3 {
+  margin: 0;
+  text-transform: uppercase;
+}
+
+.title .steps {
+  margin-bottom: -1em;
+}
+
+.waiting {
+  margin: 1em -1em -1em -1em;
+}
+
+.overlay {
+  background: rgba(255, 255, 255, 0.5) !important;
+  transition: none !important;
+}

js/src/ui/Modal/modal.js

@@ -0,0 +1,106 @@
+// 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 { Dialog } from 'material-ui';
+
+import Container from '../Container';
+import Title from './Title';
+
+const ACTIONS_STYLE = { borderStyle: 'none' };
+const TITLE_STYLE = { borderStyle: 'none' };
+const DIALOG_STYLE = { paddingTop: '1px' };
+
+import styles from './modal.css';
+
+class Modal extends Component {
+  static contextTypes = {
+    muiTheme: PropTypes.object.isRequired
+  }
+
+  static propTypes = {
+    actions: PropTypes.node,
+    busy: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    current: PropTypes.number,
+    waiting: PropTypes.array,
+    scroll: PropTypes.bool,
+    steps: PropTypes.array,
+    title: React.PropTypes.oneOfType([
+      PropTypes.node, PropTypes.string
+    ]),
+    visible: PropTypes.bool.isRequired,
+    settings: PropTypes.object.isRequired
+  }
+
+  render () {
+    const { muiTheme } = this.context;
+    const { actions, busy, className, current, children, scroll, steps, waiting, title, visible, settings } = this.props;
+    const contentStyle = muiTheme.parity.getBackgroundStyle(null, settings.backgroundSeed);
+    const header = (
+      <Title
+        current={ current }
+        busy={ busy }
+        waiting={ waiting }
+        steps={ steps }
+        title={ title } />
+    );
+    const classes = `${styles.dialog} ${className}`;
+
+    return (
+      <Dialog
+        className={ classes }
+        actions={ actions }
+        actionsContainerStyle={ ACTIONS_STYLE }
+        autoDetectWindowHeight={ false }
+        autoScrollBodyContent={ !!scroll }
+        actionsContainerClassName={ styles.actions }
+        bodyClassName={ styles.body }
+        contentClassName={ styles.content }
+        contentStyle={ contentStyle }
+        modal
+        open={ visible }
+        overlayClassName={ styles.overlay }
+        overlayStyle={ { transition: 'none' } }
+        repositionOnUpdate={ false }
+        style={ DIALOG_STYLE }
+        title={ header }
+        titleStyle={ TITLE_STYLE }>
+        <Container light style={ { transition: 'none' } }>
+          { children }
+        </Container>
+      </Dialog>
+    );
+  }
+}
+
+function mapStateToProps (state) {
+  const { settings } = state;
+
+  return { settings };
+}
+
+function mapDispatchToProps (dispatch) {
+  return bindActionCreators({}, dispatch);
+}
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Modal);