Ui 2 pubsub components (#6152)

* Remove Application.orig from merge

* Disable i18n extraction for development

* Retrieve blockNumber via pubsub

* Chain via pubsub

* StatusIndicator with health

* WIP

* WIP

* s/BlockStatus/BlockNumber/

* Adjust BlockNumber display

* Cleanup debug

* Fix statusbar indicator

* NetPeers component

* Add BlockTimestamp

* Export statics on observer

* Cleanup debug logs

* Update references

js/packages/ui/ClientVersion/clientVersion.css

@@ -0,0 +1,20 @@
+/* Copyright 2015-2017 Parity Technologies (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/>.
+*/
+
+.clientVersion {
+  display: inline-block;
+}

js/packages/ui/ClientVersion/clientVersion.js

@@ -0,0 +1,52 @@
+// Copyright 2015-2017 Parity Technologies (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 from 'react';
+import PropTypes from 'prop-types';
+import { observer } from 'mobx-react';
+
+import Store from './store';
+
+import styles from './clientVersion.css';
+
+function ClientVersion ({ className }, { api }) {
+  const store = Store.get(api);
+
+  if (!store.clientVersion) {
+    return null;
+  }
+
+  const [ clientName, , versionString, , ] = store.clientVersion.split('/');
+  const [ versionNumber, versionType, , versionDate ] = (versionString || '').split('-');
+
+  return (
+    <div className={ [styles.clientVersion, className].join(' ') }>
+      { clientName } { versionNumber }-{ versionDate } { versionType }
+    </div>
+  );
+}
+
+ClientVersion.propTypes = {
+  className: PropTypes.string
+};
+
+ClientVersion.contextTypes = {
+  api: PropTypes.object.isRequired
+};
+
+ClientVersion.Store = Store;
+
+export default observer(ClientVersion);

js/packages/ui/ClientVersion/index.js

@@ -0,0 +1,17 @@
+// Copyright 2015-2017 Parity Technologies (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 './clientVersion';

js/packages/ui/ClientVersion/store.js

@@ -0,0 +1,50 @@
+// Copyright 2015-2017 Parity Technologies (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 { action, observable } from 'mobx';
+
+export default class Store {
+  @observable clientVersion = '';
+
+  constructor (api) {
+    this._api = api;
+    this._api.on('connected', this.setupSubscriptions, this);
+
+    if (this._api.isConnected) {
+      this.setupSubscriptions();
+    }
+  }
+
+  setupSubscriptions = () => {
+    this._api.web3
+      .clientVersion()
+      .then(this.setClientVersion);
+  }
+
+  @action setClientVersion = (clientVersion) => {
+    this.clientVersion = clientVersion;
+  }
+
+  static instance = null;
+
+  static get (api) {
+    if (!Store.instance) {
+      Store.instance = new Store(api);
+    }
+
+    return Store.instance;
+  }
+}