// Copyright 2015, 2016 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 . import React, { Component, PropTypes } from 'react'; import { connect } from 'react-redux'; import { bindActionCreators } from 'redux'; import { FormattedMessage } from 'react-intl'; import BigNumber from 'bignumber.js'; import ActionDelete from 'material-ui/svg-icons/action/delete'; import AvPlayArrow from 'material-ui/svg-icons/av/play-arrow'; import ContentCreate from 'material-ui/svg-icons/content/create'; import EyeIcon from 'material-ui/svg-icons/image/remove-red-eye'; import ContentClear from 'material-ui/svg-icons/content/clear'; import { newError } from '~/redux/actions'; import { setVisibleAccounts } from '~/redux/providers/personalActions'; import { EditMeta, ExecuteContract } from '~/modals'; import { Actionbar, Button, Page, Modal, Editor } from '~/ui'; import Header from '../Account/Header'; import Delete from '../Address/Delete'; import Events from './Events'; import Queries from './Queries'; import styles from './contract.css'; class Contract extends Component { static contextTypes = { api: React.PropTypes.object.isRequired }; static propTypes = { setVisibleAccounts: PropTypes.func.isRequired, accounts: PropTypes.object, accountsInfo: PropTypes.object, balances: PropTypes.object, contracts: PropTypes.object, isTest: PropTypes.bool, params: PropTypes.object }; state = { contract: null, fromAddress: '', showDeleteDialog: false, showEditDialog: false, showExecuteDialog: false, showDetailsDialog: false, subscriptionId: -1, blockSubscriptionId: -1, allEvents: [], minedEvents: [], pendingEvents: [], queryValues: {}, loadingEvents: true }; componentDidMount () { const { api } = this.context; this.attachContract(this.props); this.setBaseAccount(this.props); this.setVisibleAccounts(); api .subscribe('eth_blockNumber', this.queryContract) .then(blockSubscriptionId => this.setState({ blockSubscriptionId })); } componentWillReceiveProps (nextProps) { const { accounts, contracts } = nextProps; if (Object.keys(contracts).length !== Object.keys(this.props.contracts).length) { this.attachContract(nextProps); } if (Object.keys(accounts).length !== Object.keys(this.props.accounts).length) { this.setBaseAccount(nextProps); } const prevAddress = this.props.params.address; const nextAddress = nextProps.params.address; if (prevAddress !== nextAddress) { this.setVisibleAccounts(nextProps); } } componentWillUnmount () { const { api } = this.context; const { subscriptionId, blockSubscriptionId, contract } = this.state; api.unsubscribe(blockSubscriptionId); contract.unsubscribe(subscriptionId); this.props.setVisibleAccounts([]); } setVisibleAccounts (props = this.props) { const { params, setVisibleAccounts } = props; const addresses = [ params.address ]; setVisibleAccounts(addresses); } render () { const { accountsInfo, balances, contracts, params, isTest } = this.props; const { allEvents, contract, queryValues, loadingEvents } = this.state; const account = contracts[params.address]; const balance = balances[params.address]; if (!account) { return null; } return (
{ this.renderActionbar(account) } { this.renderDeleteDialog(account) } { this.renderEditDialog(account) } { this.renderExecuteDialog() }
{ this.renderBlockNumber(account.meta) }
{ this.renderDetails(account) }
); } renderBlockNumber (meta = {}) { const { blockNumber } = meta; if (!blockNumber) { return null; } const formattedBlockNumber = (new BigNumber(blockNumber)).toFormat(); return (
); } renderDetails (contract) { const { showDetailsDialog } = this.state; if (!showDetailsDialog) { return null; } const cancelBtn = (