49 | Whisper is not enabled on this node. Start geth with:
33 |
34 |
35 |
37 |
38 |
39 |
40 | {this.props.market.name}/ETH
41 |
42 |
43 |
44 |
45 |
46 | {this.props.market.daySign}
47 |
48 | {this.props.market.dayChange} /{' '}
49 |
50 | {this.props.market.weekSign}
51 |
52 | {this.props.market.weekChange} /{' '}
53 |
54 | {this.props.market.monthSign}
55 |
56 | {this.props.market.monthChange}
57 |
58 |
59 |
60 |
61 | { this.props.price }
62 |
63 |
64 |
65 |
66 | { this.props.available }
67 |
68 |
69 |
70 |
71 | { this.props.trading }
72 |
73 |
74 |
75 |
76 | { this.props.balance }
77 |
78 |
79 |
80 | );
81 | }
82 | });
83 |
84 | module.exports = MarketRow;
85 |
--------------------------------------------------------------------------------
/frontend/app/components/MarketSelect.jsx:
--------------------------------------------------------------------------------
1 | import _ from 'lodash';
2 | import React from 'react';
3 | import {DropdownButton, MenuItem} from 'react-bootstrap';
4 |
5 | let MarketSelect = React.createClass({
6 | getInitialState() {
7 | return {
8 | items: [],
9 | market: this.props.market.market.name || '-'
10 | };
11 | },
12 |
13 | componentWillReceiveProps(nextProps) {
14 | var items = _.compact(this.props.market.markets.map(function(market) {
15 | if (!this.props.market.favorites || this.props.market.favorites.length === 0 || (market.id > 0 && market.favorite))
16 | return
38 |
39 | var marketRows = this.state.markets.map(function (market) {
40 | var price = this.props.intl.formatMessage({id: 'price'}, {
41 | price: market.lastPrice,
42 | currency: market.name
43 | }
44 | );
45 | var available = this.props.intl.formatMessage({id: 'wallet.sub'}, {
46 | currency: market.name,
47 | balance: market.available
48 | }
49 | );
50 | var trading = this.props.intl.formatMessage({id: 'wallet.sub'}, {
51 | currency: market.name,
52 | balance: market.trading
53 | }
54 | );
55 | var balance = this.props.intl.formatMessage({id: 'wallet.sub'}, {
56 | currency: market.name,
57 | balance: market.balance
58 | }
59 | );
60 | return (
61 |
72 |
{this.props.title}
73 |
74 |
75 |
76 |
77 |
79 |
80 |
82 |
83 |
85 |
86 |
88 |
89 |
91 |
92 |
94 |
95 |
97 |
98 |
99 |
100 | {marketRows}
101 |
102 |
103 |
33 |
34 |
35 |
36 | {!this.props.market.error && (
37 |
38 |
47 | )}
48 |
49 |
50 |
10 |
11 |
12 |
14 |
15 |
20 |
21 |
26 |
27 | BTC
30 |
31 |
32 |
33 |
38 |
39 |
44 |
45 |
50 |
51 |
52 | );
53 | }
54 | }));
55 |
56 | module.exports = NavBar;
57 |
--------------------------------------------------------------------------------
/frontend/app/components/Network.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {StoreWatchMixin} from 'fluxxor';
3 | import {injectIntl, FormattedDate, FormattedNumber, FormattedMessage, FormattedRelative} from 'react-intl';
4 |
5 | import utils from '../js/utils';
6 |
7 | let Network = injectIntl(React.createClass({
8 | mixins: [StoreWatchMixin('config', 'network', 'UserStore')],
9 |
10 | getInitialState() {
11 | return {
12 | gasPrice: '-'
13 | };
14 | },
15 |
16 | componentDidMount() {
17 | this.startCounting();
18 | },
19 |
20 | componentWillReceiveProps() {
21 | var formattedGasPrice = '-';
22 | if (this.state.network.gasPrice) {
23 | var gasPrice = utils.formatEther(this.state.network.gasPrice);
24 | formattedGasPrice = { this.props.intl.formatNumber(gasPrice.value) } { gasPrice.unit } ;
25 | this.setState({
26 | gasPrice: formattedGasPrice
27 | });
28 | }
29 | },
30 |
31 | componentWillUnmount() {
32 | if (this.timer) {
33 | clearInterval(this.timer);
34 | this.timer = null;
35 | }
36 | },
37 |
38 | getStateFromFlux() {
39 | var networkState = this.props.flux.stores.network.getState();
40 | return {
41 | user: this.props.flux.stores.UserStore.getState().user,
42 | config: this.props.flux.stores.config.getState(),
43 | network: networkState,
44 | host: this.props.flux.stores.config.getState().host,
45 | blockTimestamp: networkState.blockTimestamp,
46 | blockTime: parseInt(networkState.blockTime),
47 | networkLag: networkState.networkLag
48 | };
49 | },
50 |
51 | startCounting() {
52 | this.timer = setInterval(this.count, 1000);
53 | },
54 |
55 | count() {
56 | var lastBlock = this.state.network.blockTimestamp ? new Date().getTime() / 1000 - this.state.network.blockTimestamp : null;
57 | var lastState = '';
58 | if (lastBlock) {
59 | if (lastBlock > 90)
60 | lastState = 'danger';
61 | else if (lastBlock > 30)
62 | lastState = 'warning';
63 | else if (lastBlock > 20)
64 | lastState = 'success';
65 | }
66 | this.setState({
67 | lastBlock: parseInt(lastBlock),
68 | lastState: lastState
69 | });
70 | },
71 |
72 | render() {
73 | return (
74 |
75 |
76 |
77 |
79 |
80 |
81 |
82 | Host
83 |
84 | { this.state.host }
85 |
86 |
87 |
88 | Peers
89 | {
90 | this.state.network.peerCount ?
91 |
93 |
94 |
95 | Blocks
96 | {
97 | this.state.network.blockNumber ?
98 |
100 |
101 |
102 | Miner
103 |
104 | { this.state.network.mining ?
105 |
111 |
112 |
113 | Ether
114 |
115 | { this.state.user.balance ?
116 |
117 | : '-' }
123 |
124 |
125 |
126 | Gas price
127 |
128 | { this.state.gasPrice }
129 |
130 |
131 |
132 | Block time
133 |
134 | { this.state.blockTime ?
135 |
137 | { this.state.lastBlock ?
138 | ( this.state.lastBlock < this.state.config.timeout ?
139 |
142 |
143 |
144 |
145 | Network lag
146 |
147 | { this.state.networkLag ?
148 |
150 |
151 |
152 | Last block
153 |
154 |
158 |
159 |
160 | Client
161 | { this.state.network.client }
162 |
163 |
164 |
7 |
{this.props.title}
8 |
9 | );
10 | }
11 | });
12 |
13 | module.exports = Placeholder;
14 |
--------------------------------------------------------------------------------
/frontend/app/components/RangeSelect.jsx:
--------------------------------------------------------------------------------
1 | import _ from 'lodash';
2 | import React from 'react';
3 | import {ButtonGroup, Button} from 'react-bootstrap';
4 |
5 | import utils from '../js/utils';
6 |
7 | let RangeSelect = React.createClass({
8 | getInitialState: function () {
9 | var configState = this.props.flux.store("config");
10 | return {
11 | block: configState.rangeEnd ? configState.rangeEnd : this.props.flux.stores.network.blockNumber,
12 | range: 75,
13 | live: configState.rangeEnd ? "" : "active",
14 | last15: configState.range == 75 ? "active" : "",
15 | last30: configState.range == 150 ? "active" : "",
16 | last60: configState.range == 300 ? "active" : ""
17 | };
18 | },
19 |
20 | componentWillReceiveProps: function(nextProps) {
21 | var rangeEnd = nextProps.flux.stores.config.rangeEnd;
22 | if (!rangeEnd && this.state.live === "active") {
23 | this.refs.range.defaultValue = nextProps.flux.stores.network.blockNumber;
24 | this.setState({
25 | block: nextProps.flux.stores.network.blockNumber
26 | });
27 | }
28 | else if (rangeEnd) {
29 | this.refs.range.value = rangeEnd;
30 | this.setState({
31 | block: rangeEnd,
32 | live: ''
33 | });
34 | }
35 | },
36 |
37 | handleRange: function(e) {
38 | e.preventDefault();
39 |
40 | var value = _.parseInt(e.target.value);
41 |
42 | this.setState({
43 | last15: "",
44 | last30: "",
45 | last60: "",
46 | range: value
47 | });
48 |
49 | switch (value) {
50 | case 75:
51 | this.setState({
52 | last15: "active"
53 | });
54 | break;
55 | case 150:
56 | this.setState({
57 | last30: "active"
58 | });
59 | break;
60 | case 300:
61 | this.setState({
62 | last60: "active"
63 | });
64 | break;
65 | default:
66 | break;
67 | }
68 |
69 | this.props.flux.actions.config.updateRange(value);
70 | },
71 |
72 | handleRangeEnd: function(e) {
73 | e.preventDefault();
74 |
75 | var block = this.props.flux.stores.network.blockNumber;
76 | var value = null;
77 | if (e.target.value == "live")
78 | value = block;
79 | else
80 | value = _.parseInt(e.target.value);
81 |
82 | if (value >= block - 25) {
83 | this.refs.range.value = block;
84 | this.setState({
85 | block: block,
86 | live: "active"
87 | });
88 | this.props.flux.actions.config.updateRangeEnd(0);
89 | }
90 | else {
91 | this.setState({
92 | block: value,
93 | live: ""
94 | });
95 | this.props.flux.actions.config.updateRangeEnd(value);
96 | }
97 | },
98 |
99 | render: function() {
100 | return (
101 |
132 | );
133 | }
134 | });
135 |
136 | module.exports = RangeSelect;
137 |
--------------------------------------------------------------------------------
/frontend/app/components/SendEther.jsx:
--------------------------------------------------------------------------------
1 | import _ from 'lodash';
2 | import React from 'react';
3 | import {injectIntl, FormattedMessage} from 'react-intl';
4 | import {Button, Input} from 'react-bootstrap';
5 | import bigRat from 'big-rational';
6 |
7 | import ConfirmModal from './ConfirmModal';
8 |
9 | let fixtures = require("../js/fixtures");
10 |
11 | let SubSend = injectIntl(React.createClass({
12 | getInitialState: function() {
13 | return {
14 | amount: null,
15 | recipient: null,
16 | newSend: false,
17 | showModal: false,
18 | confirmMessage: null
19 | };
20 | },
21 |
22 | openModal: function() {
23 | this.setState({ showModal: true });
24 | },
25 |
26 | closeModal: function() {
27 | this.setState({ showModal: false });
28 | },
29 |
30 | handleChange: function(e) {
31 | e.preventDefault();
32 | this.validate(e);
33 | },
34 |
35 | handleValidation: function(e) {
36 | e.preventDefault();
37 | if (this.validate(e, true))
38 | this.openModal();
39 | },
40 |
41 | validate: function(e, showAlerts) {
42 | e.preventDefault();
43 |
44 | var address = this.refs.address.getValue().trim();
45 | var amount = this.refs.amount.getValue().trim();
46 |
47 | this.setState({
48 | recipient: address,
49 | amount: amount
50 | });
51 |
52 | if (!address || !amount) {
53 | this.props.setAlert('warning', this.props.intl.formatMessage({id: 'form.empty'}));
54 | }
55 | else if (!amount) {
56 | this.props.setAlert('warning', this.props.intl.formatMessage({id: 'form.cheap'}));
57 | }
58 | else if (parseFloat(amount) > this.props.user.balance) {
59 | this.props.setAlert('warning', this.props.intl.formatMessage({id: 'sub.not_enough'}, {
60 | currency: "ETH",
61 | balance: this.props.user.balance
62 | })
63 | );
64 | }
65 | else if (address.length != 42) {
66 | this.props.setAlert('warning',
67 | this.props.intl.formatMessage({id: 'address.size'}, {
68 | size: (address.length < 42 ? "short" : "long")
69 | })
70 | );
71 | }
72 | else {
73 | this.setState({
74 | newSend: true,
75 | confirmMessage:
76 |
128 |
129 |
130 | {this.props.modalTitle}
131 |
132 |
145 |
146 |
158 | );
159 | }
160 | }));
161 |
162 | module.exports = SubDepositModal;
163 |
--------------------------------------------------------------------------------
/frontend/app/components/SubNavBar.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {Link} from 'react-router';
3 | import {FormattedMessage} from 'react-intl';
4 | import {Nav} from 'react-bootstrap';
5 |
6 | let SubNavBar = React.createClass({
7 | render() {
8 | return (
9 |
10 |
11 |
15 |
16 |
20 |
21 |
25 |
26 |
30 |
31 | );
32 | }
33 | });
34 |
35 | module.exports = SubNavBar;
36 |
--------------------------------------------------------------------------------
/frontend/app/components/SubSend.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {injectIntl, FormattedMessage} from 'react-intl';
3 | import {Button, Input} from 'react-bootstrap';
4 |
5 | import ConfirmModal from './ConfirmModal';
6 |
7 | let SubSend = injectIntl(React.createClass({
8 | getInitialState: function() {
9 | return {
10 | amount: null,
11 | recipient: null,
12 | newSend: false,
13 | showModal: false,
14 | confirmMessage: null
15 | };
16 | },
17 |
18 | openModal: function() {
19 | this.setState({ showModal: true });
20 | },
21 |
22 | closeModal: function() {
23 | this.setState({ showModal: false });
24 | },
25 |
26 | handleChange: function(e) {
27 | e.preventDefault();
28 | this.validate(e);
29 | },
30 |
31 | handleValidation: function(e) {
32 | e.preventDefault();
33 | if (this.validate(e, true))
34 | this.openModal();
35 | },
36 |
37 | validate: function(e, showAlerts) {
38 | e.preventDefault();
39 |
40 | var address = this.refs.address.getValue().trim();
41 | var amount = this.refs.amount.getValue().trim();
42 |
43 | this.setState({
44 | recipient: address,
45 | amount: amount
46 | });
47 |
48 | if (!address) {
49 | this.props.setAlert('warning', this.props.intl.formatMessage({id: 'form.empty'}));
50 | }
51 | else if (!amount) {
52 | this.props.setAlert('warning', this.props.intl.formatMessage({id: 'form.cheap'}));
53 | }
54 | else if (parseFloat(amount) > this.props.user.balanceSub) {
55 | this.props.setAlert('warning',
56 | this.props.intl.formatMessage({id: 'sub.not_enough'}, {
57 | currency: this.props.market.name,
58 | balance: this.props.user.balanceSub
59 | })
60 | );
61 | }
62 | else if (address.length != 42) {
63 | this.props.setAlert('warning',
64 | this.props.intl.formatMessage({id: 'address.size'}, {
65 | size: (address.length < 42 ? "short" : "long")
66 | })
67 | );
68 | }
69 | else {
70 | this.setState({
71 | newSend: true,
72 | confirmMessage:
73 |
12 |
14 | );
15 | }
16 |
17 | });
18 |
19 | module.exports = SubTab;
20 |
--------------------------------------------------------------------------------
/frontend/app/components/SubWithdraw.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {injectIntl, FormattedMessage} from 'react-intl';
3 | import {Button, Input} from 'react-bootstrap';
4 |
5 | import ConfirmModal from './ConfirmModal';
6 |
7 | let SubWithdraw = injectIntl(React.createClass({
8 | getInitialState: function() {
9 | return {
10 | amount: null,
11 | recipient: null,
12 | newWithdrawal: false,
13 | showModal: false,
14 | confirmMessage: null
15 | };
16 | },
17 |
18 | openModal: function() {
19 | this.setState({ showModal: true });
20 | },
21 |
22 | closeModal: function() {
23 | this.setState({ showModal: false });
24 | },
25 |
26 | handleChange: function(e) {
27 | e.preventDefault();
28 | this.validate(e);
29 | },
30 |
31 | handleValidation: function(e) {
32 | e.preventDefault();
33 | if (this.validate(e, true))
34 | this.openModal();
35 | },
36 |
37 | validate: function(e, showAlerts) {
38 | e.preventDefault();
39 |
40 | var amount = this.refs.amount.getValue().trim();
41 |
42 | this.setState({
43 | amount: amount
44 | });
45 |
46 | if (!amount) {
47 | this.props.setAlert('warning', this.props.intl.formatMessage({id: 'withdraw.empty'}));
48 | }
49 | else if (parseFloat(amount) > this.props.user.balanceSubAvailable) {
50 | this.props.setAlert('warning',
51 | this.props.intl.formatMessage({id: 'withdraw.not_enough'}, {
52 | currency: this.props.market.name,
53 | balance: this.props.user.balanceSubAvailable,
54 | amount: amount
55 | })
56 | );
57 | }
58 | else {
59 | this.setState({
60 | newWithdrawal: true,
61 | confirmMessage:
62 |
49 |
50 |
51 |
63 |
64 |
66 |
67 |
68 |
70 |
53 |
54 |
55 |
56 |
{formatMessage({id:'form.new'})}
57 |
58 |
59 | {formatMessage({id:'form.buyorsell'})}
60 |
67 | Buy
68 | Sell
69 |
70 |
{formatMessage({id:'form.new'})}
71 |
72 |
73 |
74 |
75 |
82 |
83 |
84 |
85 |
{formatMessage({id:'form.buy'})}
86 |
90 |
91 |
92 |
93 |
{formatMessage({id:'form.sell'})}
94 |
98 |
99 |
100 |
101 |
102 |
63 |
64 |
65 | {this.props.trades.loading &&
66 |
}
67 |
68 |
69 |
70 | { this.props.trades.error &&
71 |
}
74 |
75 | {
76 | (this.props.trades.type == 1) ?
77 |
78 |
:
83 |
84 |
89 | }
90 |
91 |
99 |
100 | {
101 | // Per trade modal...
102 | }
103 |
114 |
10 |
11 |
16 |
10 |
11 |
16 |
111 |
112 |
113 | {utils.numeral(this.props.trade.amount, this.props.market.decimals)}
114 |
115 |
116 |
117 |
118 | {this.props.trade.market.name}
119 |
120 |
121 |
122 |
123 | {utils.numeral(this.props.trade.price, this.props.market.priceDecimals)}
124 |
125 |
126 |
127 |
128 |
130 |
131 |
132 | {!this.props.review &&
133 |
135 |
136 | ID: {this.props.trade.id}
137 |
138 |
139 | By: {this.props.trade.owner}
140 |
141 | }>
142 |
147 |
148 | }
149 |
150 |
151 | );
152 | }
153 | });
154 | module.exports = TradeRow;
155 |
--------------------------------------------------------------------------------
/frontend/app/components/TradeTable.jsx:
--------------------------------------------------------------------------------
1 | import _ from 'lodash';
2 | import React from 'react';
3 | import {FormattedMessage} from 'react-intl';
4 | import {Table} from 'react-bootstrap';
5 |
6 | // var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
7 | import TransitionGroup from './TransitionGroup';
8 | import TradeRow from './TradeRow';
9 |
10 | let TradeTable = React.createClass({
11 | render: function() {
12 | var index = _.findIndex(this.props.market.markets, {'id': this.props.market.market.id});
13 | var market = this.props.market.markets[index];
14 | var tradeRows = this.props.tradeList.map(function (trade, i) {
15 | return (
16 |
28 |
29 |
{this.props.title}
30 |
31 |
32 |
33 |
34 |
39 | { !this.props.review &&
40 |
42 |
43 |
44 |
45 | {tradeRows}
46 |
47 |
48 |
10 | {!this.props.market.error &&
11 |
15 | );
16 | }
17 |
18 | });
19 |
20 | module.exports = Trades;
21 |
--------------------------------------------------------------------------------
/frontend/app/components/TransitionGroup.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * The CSSTransitionGroup component uses the 'transitionend' event, which
3 | * browsers will not send for any number of reasons, including the
4 | * transitioning node not being painted or in an unfocused tab.
5 | *
6 | * This TimeoutTransitionGroup instead uses a user-defined timeout to determine
7 | * when it is a good time to remove the component. Currently there is only one
8 | * timeout specified, but in the future it would be nice to be able to specify
9 | * separate timeouts for enter and leave, in case the timeouts for those
10 | * animations differ. Even nicer would be some sort of inspection of the CSS to
11 | * automatically determine the duration of the animation or transition.
12 | *
13 | * This is adapted from Facebook's CSSTransitionGroup which is in the React
14 | * addons and under the Apache 2.0 License.
15 | */
16 |
17 | import React from 'react';
18 | import ReactTransitionGroup from 'react-addons-transition-group';
19 | import TransitionGroupChild from './TransitionGroupChild';
20 |
21 | let TransitionGroup = React.createClass({
22 | propTypes: {
23 | enterTimeout: React.PropTypes.number.isRequired,
24 | leaveTimeout: React.PropTypes.number.isRequired,
25 | transitionName: React.PropTypes.string.isRequired,
26 | transitionEnter: React.PropTypes.bool,
27 | transitionLeave: React.PropTypes.bool
28 | },
29 |
30 | getDefaultProps: function() {
31 | return {
32 | transitionEnter: true,
33 | transitionLeave: true
34 | };
35 | },
36 |
37 | _wrapChild: function(child) {
38 | return (
39 |
45 | {child}
46 |
47 | );
48 | },
49 |
50 | render: function() {
51 | return (
52 |
11 |
12 |
13 |
15 |
16 |
17 |
18 | { this.props.tx.inout }
19 |
20 |
21 |
22 |
23 | { this.props.tx.type }
24 |
25 |
26 |
27 |
28 |
29 | { this.props.tx.from }
30 |
31 |
33 | { this.props.tx.to }
34 |
35 |
36 |
37 |
38 |
39 |
45 |
46 |
47 |
48 | { this.props.tx.price ?
49 |
52 |
53 |
54 |
55 | { this.props.tx.total.value ?
56 |
63 |
64 |
65 |
67 |
68 | { this.props.intl.formatMessage({id: 'txs.hash'}) }
69 |
70 | { this.props.tx.hash }
71 |
72 |
75 | { this.props.intl.formatMessage({id: 'txs.id'}) }
76 |
77 | { this.props.tx.id }
78 |
79 |
82 |
83 | { this.props.tx.details }
84 |
85 |
86 |
87 |
88 |
89 | );
90 | }
91 | }));
92 |
93 | module.exports = TxRow;
94 |
--------------------------------------------------------------------------------
/frontend/app/components/TxsList.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {FormattedMessage} from 'react-intl';
3 | import {ProgressBar} from 'react-bootstrap';
4 |
5 | import AlertDismissable from './AlertDismissable';
6 | import RangeSelect from './RangeSelect';
7 | import TxsTable from './TxsTable';
8 |
9 | let TxsList = React.createClass({
10 | render: function() {
11 | return (
12 |
13 |
14 |
15 |
{ this.props.title } {
16 | this.props.market.loading &&
17 |
19 |
20 |
21 |
22 | {this.props.market.loading ?
23 |
:
24 |
}
25 |
26 |
27 |
28 | {this.props.market.market.error &&
29 |
}
30 |
31 |
33 |
41 |
{this.props.title}
42 |
43 |
44 |
45 |
54 |
55 |
56 | { txsRows }
57 |
58 |
59 |
33 |
34 |
35 |
37 |
38 |
68 |
8 |
9 |
10 |
12 |
13 |
14 |
15 |
16 |
17 | ETH
18 |
19 |
20 |
22 |
23 |
24 | (
26 |
27 |
28 |
29 | { this.props.market.name }
30 |
31 |
32 |
34 |
35 |
44 |
45 |
50 |
51 |
52 |
54 | { this.state.own ?
55 |
56 |
57 |
59 |
60 |
62 |
:
63 |
}
64 |
65 | { this.state.own &&
66 |
}
67 |
38 |
39 |
40 |
42 |
43 |
49 |
55 |
56 |
57 |
59 |
60 |
66 |
72 |
73 |
74 |
76 |
77 |
83 |
89 |
90 |
91 |
93 |
94 |
100 |
107 |
108 |
109 |
110 |
111 |
112 | { this.deposit() }
113 |
114 |
115 | { this.withdraw() }
116 |
117 |
118 | { this.transfer() }
119 |
120 |
121 | { this.sendEther() }
122 |
123 |
124 |
125 |
126 | { this.deposit() }
127 | { this.withdraw() }
128 | { this.transfer() }
129 | { this.sendEther() }
130 |
131 |
132 |
133 |
134 | {(!this.props.market.market.txs.error) &&
135 |
138 |
139 |
25 |
26 | { this.props.ticket &&
27 |
29 | BTC block # { this.props.intl.formatNumber(this.props.ticket.btcHeight) }
30 | BTC block hash: { this.props.ticket.btcHead }
31 | Block validation fee: { this.props.ticket.formattedBlockFee.value } { this.props.ticket.formattedBlockFee.unit }
32 | Real BTC block # { this.props.intl.formatNumber(this.props.ticket.btcRealHeight) }
33 | Real BTC block hash: { this.props.ticket.btcRealHead }
34 | { this.props.ticket.btcBehind &&
35 |
36 | { this.props.intl.formatMessage({id: 'btc.behind'}, {
37 | behind: this.props.ticket.btcBehind
38 | }) }
39 |
}
40 | }>
41 |
42 | BTC block #
44 | }
45 | { (this.props.ticket && this.props.ticket.btcBehind) &&
46 |
48 | { this.props.intl.formatMessage({id: 'btc.behind'}, {
49 | behind: this.props.ticket.btcBehind
50 | }) }
51 | }>
52 |
55 |
57 | }
58 |
59 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 | Offer your ether for bitcoin
129 |
130 |
131 |
132 |
161 |
162 |
163 |
164 |
165 |
172 |
12 |
13 |
14 |
15 |
16 |
Buying Ether
17 |
18 |
19 | Reserve button for that ticket.
21 |
22 |
23 | Generate an intermediate BTC wallet in the Reserve section by
24 | clicking on the Generate wallet button.
25 |
26 |
27 | Send the total BTC amount of the ticket plus a 0.3mBTC miner fee
28 | to your intermediate address. You can still recover your bitcoins
29 | if you change your mind later on, at least until you broadcast
30 | the transaction you'll generate on step 5.
31 |
32 | Wait for at least 3 confirmations.
33 |
34 | Click on Create transaction to generate a signed transaction.
35 | Do NOT broadcast the transaction just yet, you only need
36 | the transaction hash.
37 |
38 |
39 | Your transaction hash should show up in the Proof of Work panel.
40 | Click Compute to get a valid nonce. This can take up to a
41 | few minutes on slower computers.
42 |
43 |
44 | Once you have a valid nonce, click Verify to make sure
45 | your nonce is valid, then click Reserve .
46 |
47 | After the ticket is successfully reserved, broadcast the signed
48 | Bitcoin Transaction to the Bitcoin network by clicking on Broadcast
49 | transaction .
50 |
51 | Wait for 6 confirmations.
52 |
53 | Go the the
56 | Click Claim .
57 |
58 |
Notes:
59 |
60 |
61 | A ticket is exclusively reserved for 2 hours; afterwards, anyone with ether
62 | can Claim the ticket (thus getting the ether fee). If a further 2 hours
63 | elapses without the ticket being claimed, the ticket becomes open for
64 | someone else to Reserve.
65 |
66 |
67 | If you do not have any ether already, you will need to provide the Bitcoin
68 | transaction hash (only the hash) and Proof of Work, to a 3rd party who has ether
69 | and can Reserve a ticket for you. Once the ticket is reserved, broadcast your
70 | Bitcoin transaction and then inform the 3rd party to Claim the ticket on your
71 | behalf. If the 3rd party doesn't Claim within 2 hours of the reservation,
72 | any other 3rd party may Claim the ticket for you (and get the ether fee).
73 |
74 |
75 |
76 |
10 |
11 |
15 |
16 |
20 |
21 |
25 |
26 |
30 |
31 |
35 |
36 | );
37 | }
38 | });
39 |
40 | module.exports = BtcNav;
41 |
--------------------------------------------------------------------------------
/frontend/app/components/btcswap/TicketDetails.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import utils from '../../js/utils';
4 |
5 | let TicketDetails = React.createClass({
6 | render() {
7 | var amount = utils.formatEther(this.props.ticket.amount);
8 | return (
9 |
10 |
Amount : { amount.value } { amount.unit }
11 |
Price : { this.props.ticket.price } BTC/ETH
12 |
Total : { this.props.ticket.total } BTC
13 |
Total with fee : { this.props.ticket.totalWithFee } BTC
14 |
BTC address : { this.props.ticket.address }
15 |
26 |
27 |
28 | { this.props.ticket.id == '-' ? '-' :
29 |
31 |
32 |
33 |
34 |
40 |
41 |
42 |
43 | {
44 | utils.numeral(this.props.ticket.price, 8)
45 | //
48 |
49 |
50 |
51 | { this.props.ticket.total } BTC
52 |
53 |
54 |
55 |
56 | {this.props.ticket.address}
57 |
58 |
59 |
60 |
61 | {this.props.ticket.owner}
62 |
63 |
64 |
65 |
66 | { (this.props.ticket.expiry > 1 && this.props.ticket.expiry > new Date().getTime() / 1000) ?
67 |
69 |
70 |
71 |
72 | { !this.props.review &&
73 |
74 | { this.props.isOwn ? "Cancel" : (
75 | (!this.props.ticket.claimer || (this.props.ticket.expiry > 1 && this.props.ticket.expiry < new Date().getTime() / 1000)) ?
76 | "Reserve" : "Claim") }
77 | }
78 |
79 |
80 |
81 | );
82 | }
83 | }));
84 |
85 | module.exports = TicketRow;
86 |
--------------------------------------------------------------------------------
/frontend/app/components/btcswap/Tickets.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {Table, Button, Modal} from 'react-bootstrap';
3 |
4 | import AlertModal from '../AlertModal';
5 | import ConfirmModal from '../ConfirmModal';
6 | import TransitionGroup from '../TransitionGroup';
7 |
8 | import Nav from './Nav';
9 | import Blocks from './Blocks';
10 | import TicketRow from './TicketRow';
11 | import TicketDetails from './TicketDetails';
12 |
13 | var Tickets = React.createClass({
14 | getInitialState() {
15 | return {
16 | alertLevel: 'info',
17 | alertMessage: '',
18 | showAlert: false,
19 | showModal: false,
20 | showConfirmModal: false,
21 | message: null,
22 | note: null,
23 | submit: null
24 | };
25 | },
26 |
27 | componentDidMount() {
28 | // TODO smooth / less hackish scroll to ticketId
29 | if (this.props.params.ticketId && this.refs["ticket-" + this.props.params.ticketId]) {
30 | var ticketOffset = this.refs["ticket-" + this.props.params.ticketId].offsetTop;
31 | window.scroll(0, ticketOffset);
32 | }
33 | },
34 |
35 | componentWillReceiveProps(nextProps) {
36 | if (nextProps.ticket.error)
37 | this.setState({
38 | showAlert: true,
39 | alertLevel: 'danger',
40 | alertMessage: nextProps.ticket.error
41 | });
42 | },
43 |
44 | openConfirmModal: function(ticket) {
45 | this.setState({
46 | showConfirmModal: true,
47 | message: ticket.owner == this.props.user.user.id ?
48 | "Are you sure you want to cancel this ticket?" :
49 |
50 | { (!ticket.claimer || (ticket.expiry > 1 && ticket.expiry < new Date().getTime() / 1000)) ?
51 |
{`Reserve ticket #${ticket.id}?`}
:
52 |
{`Claim ticket #${ticket.id}?`}
}
53 |
116 |
117 |
118 |
119 |
120 |
121 |
122 | ID
123 | AMOUNT
124 | PRICE BTC/ETH
125 | TOTAL
126 | BTC ADDRESS
127 | BY
128 | EXPIRY
129 |
131 |
132 |
133 | {ticketRows}
134 |
135 |
136 |
137 |
144 |
145 |
152 |
153 |
154 |
155 | Ticket details
156 |
157 |
158 | { this.state.message }
159 |
160 |
161 | Close
162 |
163 |
164 |
EtherEx
14 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/frontend/app/js/abi.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | etherex: require('./abi/etherex'),
3 | sub: require('./abi/sub')
4 | };
5 |
--------------------------------------------------------------------------------
/frontend/app/js/abi/sub.js:
--------------------------------------------------------------------------------
1 | module.exports = [
2 | {
3 | "constant": false,
4 | "type": "function",
5 | "name": "allowance(int256,int256)",
6 | "outputs": [
7 | {
8 | "type": "int256",
9 | "name": "out"
10 | }
11 | ],
12 | "inputs": [
13 | {
14 | "type": "int256",
15 | "name": "_address"
16 | },
17 | {
18 | "type": "int256",
19 | "name": "_spender"
20 | }
21 | ]
22 | },
23 | {
24 | "constant": false,
25 | "type": "function",
26 | "name": "approve(int256,int256)",
27 | "outputs": [
28 | {
29 | "type": "int256",
30 | "name": "out"
31 | }
32 | ],
33 | "inputs": [
34 | {
35 | "type": "int256",
36 | "name": "_spender"
37 | },
38 | {
39 | "type": "int256",
40 | "name": "_value"
41 | }
42 | ]
43 | },
44 | {
45 | "constant": false,
46 | "type": "function",
47 | "name": "balance()",
48 | "outputs": [
49 | {
50 | "type": "int256",
51 | "name": "out"
52 | }
53 | ],
54 | "inputs": []
55 | },
56 | {
57 | "constant": false,
58 | "type": "function",
59 | "name": "balanceOf(int256)",
60 | "outputs": [
61 | {
62 | "type": "int256",
63 | "name": "out"
64 | }
65 | ],
66 | "inputs": [
67 | {
68 | "type": "int256",
69 | "name": "_address"
70 | }
71 | ]
72 | },
73 | {
74 | "constant": false,
75 | "type": "function",
76 | "name": "transfer(int256,int256)",
77 | "outputs": [
78 | {
79 | "type": "int256",
80 | "name": "out"
81 | }
82 | ],
83 | "inputs": [
84 | {
85 | "type": "int256",
86 | "name": "_to"
87 | },
88 | {
89 | "type": "int256",
90 | "name": "_value"
91 | }
92 | ]
93 | },
94 | {
95 | "constant": false,
96 | "type": "function",
97 | "name": "transferFrom(int256,int256,int256)",
98 | "outputs": [
99 | {
100 | "type": "int256",
101 | "name": "out"
102 | }
103 | ],
104 | "inputs": [
105 | {
106 | "type": "int256",
107 | "name": "_from"
108 | },
109 | {
110 | "type": "int256",
111 | "name": "_to"
112 | },
113 | {
114 | "type": "int256",
115 | "name": "_value"
116 | }
117 | ]
118 | },
119 | {
120 | "inputs": [
121 | {
122 | "indexed": true,
123 | "type": "int256",
124 | "name": "_owner"
125 | },
126 | {
127 | "indexed": true,
128 | "type": "int256",
129 | "name": "_spender"
130 | },
131 | {
132 | "indexed": false,
133 | "type": "int256",
134 | "name": "_value"
135 | }
136 | ],
137 | "type": "event",
138 | "name": "Approval(int256,int256,int256)"
139 | },
140 | {
141 | "inputs": [
142 | {
143 | "indexed": true,
144 | "type": "int256",
145 | "name": "_from"
146 | },
147 | {
148 | "indexed": true,
149 | "type": "int256",
150 | "name": "_to"
151 | },
152 | {
153 | "indexed": false,
154 | "type": "int256",
155 | "name": "_value"
156 | }
157 | ],
158 | "type": "event",
159 | "name": "Transfer(int256,int256,int256)"
160 | }
161 | ];
162 |
--------------------------------------------------------------------------------
/frontend/app/js/constants.js:
--------------------------------------------------------------------------------
1 | var keyMirror = require('keymirror');
2 |
3 | module.exports = {
4 | SECONDS_PER_BLOCK: 15,
5 | CHANGE_EVENT: "change",
6 | config: keyMirror({
7 | UPDATE_ETHEREUM_CLIENT_SUCCESS: null,
8 | UPDATE_ETHEREUM_CLIENT_FAILED: null,
9 | UPDATE_PERCENT_LOADED_SUCCESS: null,
10 | UPDATE_DEMO_MODE: null,
11 | UPDATE_CONFIG: null,
12 | UPDATE_BTC_SWAP_CLIENT: null
13 | }),
14 | network: keyMirror({
15 | UPDATE_READY: null,
16 | UPDATE_NETWORK: null,
17 | UPDATE_ETHEREUM_STATUS: null,
18 | UPDATE_BLOCK_CHAIN_AGE: null,
19 | UPDATE_IS_MONITORING_BLOCKS: null,
20 | ETHEREUM_STATUS_CONNECTED: null,
21 | ETHEREUM_STATUS_FAILED: null,
22 | ETHEREUM_STATUS_LOADING: null,
23 | LOAD_DEMO_DATA: null
24 | }),
25 | trade: keyMirror({
26 | LOAD_TRADE_IDS: null,
27 | LOAD_TRADE_IDS_FAIL: null,
28 | LOAD_TRADE: null,
29 | LOAD_TRADES: null,
30 | LOAD_TRADES_FAIL: null,
31 | LOAD_TRADES_SUCCESS: null,
32 | LOAD_TRADES_PROGRESS: null,
33 | LOAD_DEMO_DATA: null,
34 | UPDATE_TRADE: null,
35 | UPDATE_TRADES: null,
36 | UPDATE_TRADES_FAIL: null,
37 | UPDATE_TRADES_SUCCESS: null,
38 | UPDATE_TRADES_MESSAGE: null,
39 | CHECK_PENDING: null,
40 | ADD_TRADE: null,
41 | ADD_TRADE_SUCCESS: null,
42 | ADD_TRADE_FAIL: null,
43 | FILL_TRADE: null,
44 | FILL_TRADE_FAIL: null,
45 | FILL_TRADES: null,
46 | FILL_TRADES_FAIL: null,
47 | CANCEL_TRADE: null,
48 | CANCEL_TRADE_FAIL: null,
49 | ESTIMATE_GAS: null,
50 | ESTIMATE_GAS_ADD: null,
51 | ESTIMATE_GAS_FILL: null,
52 | HIGHLIGHT_FILLING: null,
53 | HIGHLIGHT_FILLING_FAIL: null,
54 | CLICK_FILL: null,
55 | SWITCH_MARKET: null,
56 | SWITCH_MARKET_FAIL: null,
57 | SWITCH_TYPE: null,
58 | SWITCH_TYPE_FAIL: null
59 | }),
60 | user: keyMirror({
61 | LOAD_USER: null,
62 | LOAD_USER_FAIL: null,
63 | LOAD_USER_SUCCESS: null,
64 | LOAD_ADDRESSES: null,
65 | LOAD_ADDRESSES_FAIL: null,
66 | LOAD_ADDRESSES_SUCCESS: null,
67 | LOAD_DEFAULT_ACCOUNT: null,
68 | UPDATE_USER: null,
69 | UPDATE_BALANCE: null,
70 | UPDATE_BALANCE_FAIL: null,
71 | UPDATE_BALANCE_SUB: null,
72 | UPDATE_BALANCE_SUB_FAIL: null,
73 | DEPOSIT: null,
74 | DEPOSIT_FAIL: null,
75 | WITHDRAW: null,
76 | WITHDRAW_FAIL: null,
77 | SEND_SUB: null,
78 | SEND_SUB_FAIL: null,
79 | SEND_ETHER: null,
80 | SEND_ETHER_FAIL: null,
81 | SWITCH_ADDRESS: null
82 | }),
83 | market: keyMirror({
84 | LOAD_MARKET: null,
85 | LOAD_MARKETS: null,
86 | LOAD_MARKETS_FAIL: null,
87 | LOAD_MARKETS_SUCCESS: null,
88 | LOAD_MARKETS_PROGRESS: null,
89 | LOAD_DEMO_DATA: null,
90 | UPDATE_LAST_PRICE: null,
91 | UPDATE_MARKET: null,
92 | UPDATE_MARKETS: null,
93 | UPDATE_MARKET_BALANCE: null,
94 | CHANGE_MARKET: null,
95 | RELOAD_PRICES: null,
96 | UPDATE_PRICES: null,
97 | UPDATE_PRICES_DATA: null,
98 | RELOAD_TRANSACTIONS: null,
99 | UPDATE_TRANSACTIONS: null,
100 | TOGGLE_FAVORITE: null,
101 | UPDATE_MESSAGES: null,
102 | UPDATE_MESSAGES_FAIL: null,
103 | REGISTER_MARKET: null,
104 | REGISTER_MARKET_FAIL: null
105 | }),
106 | ticket: keyMirror({
107 | LOAD_TICKETS: null,
108 | LOAD_TICKETS_PROGRESS: null,
109 | LOAD_TICKETS_SUCCESS: null,
110 | LOAD_TICKET_IDS: null,
111 | LOAD_TICKET_IDS_FAIL: null,
112 | LOAD_TICKET: null,
113 | LOAD_TICKET_FAIL: null,
114 | LOOKUP_TICKET: null,
115 | LOOKUP_TICKET_FAIL: null,
116 | LOAD_DEMO_DATA: null,
117 | UPDATE_TICKET: null,
118 | UPDATE_TICKETS: null,
119 | UPDATE_TICKETS_MESSAGE: null,
120 | UPDATE_TICKETS_SUCCESS: null,
121 | UPDATE_TICKETS_FAIL: null,
122 | UPDATE_WALLET: null,
123 | UPDATE_WALLET_FAIL: null,
124 | UPDATE_TX: null,
125 | UPDATE_TX_FAIL: null,
126 | UPDATE_BTC_HEAD: null,
127 | UPDATE_BTC_HEAD_FAIL: null,
128 | UPDATE_BTC_HEIGHT: null,
129 | UPDATE_BTC_HEIGHT_FAIL: null,
130 | UPDATE_BTC_HEADER: null,
131 | UPDATE_BLOCK_FEE: null,
132 | UPDATE_POW: null,
133 | PROPAGATE_TX: null,
134 | CREATE_TICKET: null,
135 | CREATE_TICKET_SUCCESS: null,
136 | CREATE_TICKET_FAIL: null,
137 | RESERVE_TICKET: null,
138 | RESERVE_TICKET_SUCCESS: null,
139 | RESERVE_TICKET_FAIL: null,
140 | CLAIM_TICKET: null,
141 | CLAIM_TICKET_SUCCESS: null,
142 | CLAIM_TICKET_FAIL: null,
143 | CANCEL_TICKET: null,
144 | CANCEL_TICKET_SUCCESS: null,
145 | CANCEL_TICKET_FAIL: null,
146 | ESTIMATE_GAS: null,
147 | ESTIMATE_GAS_ACTION: null,
148 | COMPUTE_POW_FAIL: null,
149 | VERIFY_POW: null,
150 | VERIFY_POW_FAIL: null,
151 | CLOSE_ALERT: null
152 | })
153 | };
154 |
--------------------------------------------------------------------------------
/frontend/app/js/jsx_preprocessor.js:
--------------------------------------------------------------------------------
1 | // preprocessor.js
2 | var ReactTools = require('react-tools');
3 | module.exports = {
4 | process: function(src) {
5 | return ReactTools.transform(src);
6 | }
7 | };
8 |
--------------------------------------------------------------------------------
/frontend/app/js/units.js:
--------------------------------------------------------------------------------
1 | import bigRat from 'big-rational';
2 |
3 | var units = {
4 | "Uether": bigRat("1000000000000000000000000000000000000000000000000000000"),
5 | "Vether": bigRat("1000000000000000000000000000000000000000000000000000"),
6 | "Dether": bigRat("1000000000000000000000000000000000000000000000000"),
7 | "Nether": bigRat("1000000000000000000000000000000000000000000000"),
8 | "Yether": bigRat("1000000000000000000000000000000000000000000"),
9 | "Zether": bigRat("1000000000000000000000000000000000000000"),
10 | "Eether": bigRat("1000000000000000000000000000000000000"),
11 | "Pether": bigRat("1000000000000000000000000000000000"),
12 | "Tether": bigRat("1000000000000000000000000000000"),
13 | "Gether": bigRat("1000000000000000000000000000"),
14 | "Mether": bigRat("1000000000000000000000000"),
15 | "Kether": bigRat("1000000000000000000000"),
16 | "ether": bigRat("1000000000000000000"),
17 | "finney": bigRat("1000000000000000"),
18 | "szabo": bigRat("1000000000000"),
19 | "Gwei": bigRat("1000000000"),
20 | "Mwei": bigRat("1000000"),
21 | "Kwei": bigRat("1000"),
22 | "wei": bigRat("1")
23 | };
24 |
25 | module.exports = units;
26 |
--------------------------------------------------------------------------------
/frontend/app/js/utils.js:
--------------------------------------------------------------------------------
1 | var crypto = require('crypto');
2 | var units = require('./units');
3 | import bigRat from 'big-rational';
4 | var numeral = require("numeral");
5 | var si = require("si-prefix");
6 |
7 | var scale = new si.Scale({
8 | minor: true,
9 | above: {
10 | 2: 'hundred',
11 | 3: 'thousand',
12 | 6: 'million',
13 | 9: 'billion',
14 | 12: 'trillion',
15 | 15: 'quadrillion',
16 | 18: 'quintillion',
17 | 21: 'sextillion',
18 | 24: 'septillion',
19 | 27: 'octillion',
20 | 30: 'nonillion',
21 | 33: 'decillion',
22 | 36: 'undecillion',
23 | 39: 'duodecillion',
24 | 42: 'tredecillion',
25 | 45: 'quattuordecillion',
26 | 48: 'quindecillion',
27 | 51: 'sexdecillion',
28 | 54: 'septendecillion',
29 | 57: 'octodecillion',
30 | 60: 'novemdecillion',
31 | 63: 'vigintillion'
32 | },
33 | below: {
34 | 1: 'deci',
35 | 2: 'centi',
36 | 3: 'milli',
37 | 6: 'micro',
38 | 9: 'nano',
39 | 12: 'pico',
40 | 15: 'femto',
41 | 18: 'atto',
42 | 21: 'zepto',
43 | 24: 'yocto'
44 | }
45 | });
46 | var scaleUnit = new si.Unit(scale, '');
47 |
48 | var utils = {
49 | formatEther(wei) {
50 | if (!wei)
51 | return 0;
52 | return this.formatBalance(wei, 0, true);
53 | },
54 |
55 | formatBalance(wei, precision, split) {
56 | var value = 0;
57 | var unit = null;
58 | var big = bigRat(wei);
59 | if (typeof precision === 'undefined')
60 | precision = 4;
61 | if (big.compare(units.Uether.multiply(1000)) > 0) {
62 | value = big.divide(units.Uether).valueOf();
63 | unit = Object.keys(units)[0];
64 | if (split)
65 | return { value: value, unit: unit };
66 | return this.numeral(value, precision) + " " + unit;
67 | }
68 | for (var i in units)
69 | if (units[i].valueOf() != 1 && big.compare(units[i]) >= 0) {
70 | value = big.divide(units[i].divide(1000)).divide(1000).valueOf();
71 | if (split)
72 | return { value: value, unit: i };
73 | return this.numeral(value, precision) + " " + i;
74 | }
75 | if (split)
76 | return { value: wei.valueOf(), unit: "wei"};
77 | return this.numeral(wei.valueOf(), 0) + " wei";
78 | },
79 |
80 | randomId() {
81 | return crypto.randomBytes(32).toString('hex');
82 | },
83 |
84 | format(n) {
85 | return n ? scaleUnit.format(n, ' ') : '0';
86 | },
87 |
88 | numeral(n, p) {
89 | return numeral(n).format('0,0.' + this.repeat('0', p));
90 | },
91 |
92 | padLeft(string, chars, sign) {
93 | return new Array(chars - string.length + 1).join(sign ? sign : "0") + string;
94 | },
95 |
96 | padRight(string, chars, sign) {
97 | return string + (new Array(chars - string.length + 1).join(sign ? sign : "0"));
98 | },
99 |
100 | repeat(str, num) {
101 | return new Array(num + 1).join(str);
102 | },
103 |
104 | consoleLog: 'background-color: #222; color: #fff; padding: 2px 6px;',
105 | consoleWarn: 'background-color: #c87f0a; color: #fff; padding: 2px 6px;',
106 | consoleError: 'background-color: #d62c1a; color: #fff; padding: 2px 6px;',
107 | consoleDebug: 'background-color: #217dbb; color: #fff; padding: 2px 6px;',
108 |
109 | log(prefix, message) {
110 | console.log('%cEtherEx', this.consoleLog, prefix, message);
111 | },
112 |
113 | warn(prefix, message) {
114 | console.warn('%cEtherEx', this.consoleWarn, prefix, message);
115 | },
116 |
117 | error(prefix, message) {
118 | console.error('%cEtherEx', this.consoleError, prefix, message);
119 | },
120 |
121 | debug(prefix, message) {
122 | console.log('%cEtherEx', this.consoleDebug, prefix, message);
123 | }
124 | };
125 |
126 | module.exports = utils;
127 |
--------------------------------------------------------------------------------
/frontend/app/stores/ConfigStore.js:
--------------------------------------------------------------------------------
1 | var _ = require('lodash');
2 | var Fluxxor = require('fluxxor');
3 | var fixtures = require("../js/fixtures");
4 | var constants = require('../js/constants');
5 |
6 | var ConfigStore = Fluxxor.createStore({
7 | initialize: function () {
8 | this.host = process.env.RPC_HOST || fixtures.host;
9 | this.address = fixtures.addresses.etherex;
10 | this.network = 2; // default to testnet
11 | this.ethereumClient = null;
12 | this.btcSwapAddress = fixtures.addresses.btcswap;
13 | this.btcSwapClient = null;
14 | this.storeBlockFee = 10000000000000000; // 0.01 ETH =~ storing 1 block
15 | this.debug = false;
16 | this.debugHandler = null;
17 | this.demoMode = false;
18 | this.percentLoaded = null;
19 | this.range = 75; // max 300 blocks / ~ 1 hour
20 | this.rangeEnd = 0;
21 | this.si = false;
22 | this.timeout = 300;
23 | this.alertCount = null;
24 |
25 | this.bindActions(
26 | constants.config.UPDATE_CONFIG, this.handleUpdateConfig,
27 | constants.config.UPDATE_DEMO_MODE, this.handleDemoMode,
28 | constants.config.UPDATE_ETHEREUM_CLIENT_SUCCESS, this.handleUpdateEthereumClientSuccess,
29 | constants.config.UPDATE_ETHEREUM_CLIENT_FAILED, this.handleUpdateEthereumClientFailed,
30 | constants.config.UPDATE_PERCENT_LOADED_SUCCESS, this.handleUpdatePercentLoadedSuccess,
31 | constants.config.UPDATE_BTC_SWAP_CLIENT, this.handleUpdateBtcSwapClient
32 | );
33 | },
34 |
35 | getState: function () {
36 | return {
37 | host: this.host,
38 | address: this.address,
39 | network: this.network,
40 | ethereumClient: this.ethereumClient,
41 | btcSwapAddress: this.btcSwapAddress,
42 | btcSwapClient: this.btcSwapClient,
43 | storeBlockFee: this.storeBlockFee,
44 | debug: this.debug,
45 | debugHandler: this.debugHandler,
46 | demoMode: this.demoMode,
47 | percentLoaded: this.percentLoaded,
48 | range: this.range,
49 | rangeEnd: this.rangeEnd,
50 | si: this.si,
51 | timeout: this.timeout,
52 | alertCount: this.alertCount
53 | };
54 | },
55 |
56 | getEthereumClient: function () {
57 | return this.ethereumClient;
58 | },
59 |
60 | getBtcSwapClient: function () {
61 | return this.btcSwapClient;
62 | },
63 |
64 | handleUpdatePercentLoadedSuccess: function (payload) {
65 | this.percentLoaded = payload.percentLoaded;
66 | this.emit(constants.CHANGE_EVENT);
67 | },
68 |
69 | handleUpdateEthereumClientSuccess: function (payload) {
70 | this.ethereumClient = payload.ethereumClient;
71 | this.ethereumClientFailed = false;
72 | this.emit(constants.CHANGE_EVENT);
73 | },
74 |
75 | handleUpdateEthereumClientFailed: function () {
76 | this.ethereumClient = null;
77 | this.ethereumClientFailed = true;
78 | this.emit(constants.CHANGE_EVENT);
79 | },
80 |
81 | handleUpdateBtcSwapClient: function(payload) {
82 | this.btcSwapClient = payload.btcSwapClient;
83 | this.emit(constants.CHANGE_EVENT);
84 | },
85 |
86 | handleUpdateConfig: function (payload) {
87 | _.merge(this, payload);
88 | this.emit(constants.CHANGE_EVENT);
89 | },
90 |
91 | handleDemoMode: function (payload) {
92 | this.demoMode = payload.enable;
93 | this.emit(constants.CHANGE_EVENT);
94 | }
95 | });
96 |
97 | module.exports = ConfigStore;
98 |
--------------------------------------------------------------------------------
/frontend/app/stores/NetworkStore.js:
--------------------------------------------------------------------------------
1 | var _ = require('lodash');
2 | var Fluxxor = require('fluxxor');
3 | var constants = require('../js/constants');
4 |
5 | var NetworkStore = Fluxxor.createStore({
6 |
7 | initialize: function () {
8 | this.ready = null;
9 | this.client = null;
10 | this.peerCount = null;
11 | this.blockNumber = 0;
12 | this.blockTime = null;
13 | this.blockTimestamp = null;
14 | this.networkLag = null;
15 | this.ether = null;
16 | this.gasPrice = null;
17 | this.ethereumStatus = null;
18 | this.mining = null;
19 | this.hashrate = null;
20 | this.blockChainAge = null;
21 | this.isMonitoring = false;
22 |
23 | this.bindActions(
24 | constants.network.UPDATE_NETWORK, this.handleUpdateNetwork,
25 | constants.network.UPDATE_READY, this.handleUpdateReady,
26 | constants.network.UPDATE_ETHEREUM_STATUS, this.handleUpdateEthereumStatus,
27 | constants.network.UPDATE_IS_MONITORING_BLOCKS, this.handleUpdateIsMonitoring,
28 | constants.network.UPDATE_BLOCK_CHAIN_AGE, this.handleUpdateBlockChainAge
29 | );
30 | },
31 |
32 | getState: function () {
33 | return {
34 | ready: this.ready,
35 | client: this.client,
36 | peerCount: this.peerCount,
37 | blockNumber: this.blockNumber,
38 | blockTime: this.blockTime,
39 | blockTimestamp: this.blockTimestamp,
40 | networkLag: this.networkLag,
41 | ether: this.ether,
42 | gasPrice: this.gasPrice,
43 | ethereumStatus: this.ethereumStatus,
44 | mining: this.mining,
45 | hashrate: this.hashrate,
46 | blockChainAge: this.blockChainAge,
47 | isMonitoring: this.isMonitoring
48 | };
49 | },
50 |
51 | handleUpdateReady: function (payload) {
52 | this.ready = payload.ready;
53 | // this.emit(constants.CHANGE_EVENT);
54 | },
55 |
56 | handleUpdateNetwork: function (payload) {
57 | _.merge(this, payload);
58 | this.emit(constants.CHANGE_EVENT);
59 | },
60 |
61 | handleUpdateBlockChainAge: function (payload) {
62 | this.blockChainAge = payload.blockChainAge;
63 | this.emit(constants.CHANGE_EVENT);
64 | },
65 |
66 | handleUpdateEthereumStatus: function (payload) {
67 | this.ethereumStatus = payload.ethereumStatus;
68 | this.emit(constants.CHANGE_EVENT);
69 | },
70 |
71 | handleUpdateIsMonitoring: function (payload) {
72 | this.isMonitoring = payload.isMonitoring;
73 | this.emit(constants.CHANGE_EVENT);
74 | }
75 | });
76 |
77 | module.exports = NetworkStore;
78 |
--------------------------------------------------------------------------------
/frontend/app/stores/UserStore.js:
--------------------------------------------------------------------------------
1 | var _ = require("lodash");
2 | var Fluxxor = require("fluxxor");
3 |
4 | var constants = require("../js/constants");
5 | var fixtures = require("../js/fixtures");
6 | import utils from '../js/utils';
7 | import bigRat from 'big-rational';
8 |
9 | var UserStore = Fluxxor.createStore({
10 |
11 | initialize: function(options) {
12 | this.user = options.user || {
13 | loading: true,
14 | id: 'loading...',
15 | balance: 0,
16 | balanceFormatted: {value: 0, unit: 'ether'},
17 | balanceWei: 0,
18 | balancePending: 0,
19 | balanceSub: 0,
20 | balanceSubAvailable: 0,
21 | balanceSubTrading: 0,
22 | balanceSubPending: 0,
23 | addresses: []
24 | };
25 | this.defaultAccount = null;
26 | this.loading = true;
27 | this.error = null;
28 |
29 | this.bindActions(
30 | constants.user.LOAD_USER, this.onLoadUser,
31 | constants.user.LOAD_USER_FAIL, this.onUserFail,
32 | constants.user.LOAD_USER_SUCCESS, this.onLoadUserSuccess,
33 | constants.user.LOAD_ADDRESSES, this.onLoadAddresses,
34 | constants.user.LOAD_ADDRESSES_FAIL, this.onUserFail,
35 | constants.user.LOAD_ADDRESSES_SUCCESS, this.onLoadAddressesSuccess,
36 | constants.user.LOAD_DEFAULT_ACCOUNT, this.onLoadDefaultAccount,
37 | constants.user.UPDATE_USER, this.onUpdateUser,
38 | constants.user.UPDATE_BALANCE, this.onUpdateBalance,
39 | constants.user.UPDATE_BALANCE_FAIL, this.onUserFail,
40 | constants.user.UPDATE_BALANCE_SUB, this.onUpdateBalanceSub,
41 | constants.user.UPDATE_BALANCE_SUB_FAIL, this.onUserFail,
42 | constants.user.DEPOSIT, this.onDeposit,
43 | constants.user.DEPOSIT_FAIL, this.onUserFail,
44 | constants.user.WITHDRAW, this.onWithdraw,
45 | constants.user.WITHDRAW_FAIL, this.onUserFail,
46 | constants.user.SEND_ETHER, this.onSendEther,
47 | constants.user.SEND_ETHER_FAIL, this.onUserFail,
48 | constants.user.SEND_SUB, this.onSendSub,
49 | constants.user.SEND_SUB_FAIL, this.onUserFail,
50 | constants.user.SWITCH_ADDRESS, this.onSwitchAddress
51 | );
52 |
53 | this.setMaxListeners(1024); // prevent "possible EventEmitter memory leak detected"
54 | },
55 |
56 | onLoadUser: function() {
57 | this.loading = true;
58 | this.error = null;
59 | this.emit(constants.CHANGE_EVENT);
60 | },
61 |
62 | onLoadUserSuccess: function(payload) {
63 | this.user = payload;
64 | this.loading = false;
65 | this.error = null;
66 | this.emit(constants.CHANGE_EVENT);
67 | },
68 |
69 | onLoadDefaultAccount: function(payload) {
70 | this.defaultAccount = payload;
71 | this.emit(constants.CHANGE_EVENT);
72 | },
73 |
74 | onLoadAddresses: function() {
75 | this.user.id = 'loading...';
76 | this.loading = true;
77 | this.error = null;
78 | this.emit(constants.CHANGE_EVENT);
79 | },
80 |
81 | onLoadAddressesSuccess: function(payload) {
82 | this.user.id = payload.primary;
83 | this.user.addresses = payload.addresses;
84 | this.loading = false;
85 | this.error = null;
86 | this.emit(constants.CHANGE_EVENT);
87 | },
88 |
89 | onUpdateUser: function(payload) {
90 | _.merge(this, payload);
91 | this.emit(constants.CHANGE_EVENT);
92 | },
93 |
94 | onSwitchAddress: function(payload) {
95 | this.user.id = payload.address;
96 | this.emit(constants.CHANGE_EVENT);
97 | },
98 |
99 | onDeposit: function(payload) {
100 | if (this.flux.stores.config.debug)
101 | utils.log("DEPOSIT", payload.amount);
102 | this.emit(constants.CHANGE_EVENT);
103 | },
104 |
105 | onWithdraw: function(payload) {
106 | if (this.flux.stores.config.debug)
107 | utils.log("WITHDRAW", payload.amount);
108 | this.emit(constants.CHANGE_EVENT);
109 | },
110 |
111 | onUpdateBalance: function(payload) {
112 | // console.log("BALANCE", payload.balance);
113 | this.user.balance = bigRat(payload.balance).divide(bigRat(fixtures.ether)).valueOf();
114 | this.user.balanceFormatted = utils.formatEther(payload.balance);
115 | this.user.balanceWei = payload.balance;
116 | this.user.balancePending = bigRat(payload.balancePending).divide(bigRat(fixtures.ether)).valueOf();
117 | this.emit(constants.CHANGE_EVENT);
118 | },
119 |
120 | onUpdateBalanceSub: function(payload) {
121 | // console.log("BALANCE_SUB", payload);
122 | this.user.balanceSubAvailable = payload.available;
123 | this.user.balanceSubTrading = payload.trading;
124 | this.user.balanceSub = payload.balance;
125 | this.emit(constants.CHANGE_EVENT);
126 | },
127 |
128 | onSendEther: function(payload) {
129 | if (this.flux.stores.config.debug)
130 | utils.log("SEND_ETHER", payload);
131 | this.emit(constants.SEND_ETHER);
132 | },
133 |
134 | onSendSub: function(payload) {
135 | if (this.flux.stores.config.debug)
136 | utils.log("SEND_SUB", payload);
137 | this.emit(constants.SEND_SUB);
138 | },
139 |
140 | onUserFail: function(payload) {
141 | utils.error("ERROR: ", payload.error);
142 | this.loading = false;
143 | this.error = payload.error;
144 | this.emit(constants.CHANGE_EVENT);
145 | },
146 |
147 | getState: function() {
148 | return {
149 | user: this.user,
150 | defaultAccount: this.defaultAccount,
151 | loading: this.loading,
152 | error: this.error
153 | };
154 | }
155 | });
156 |
157 | module.exports = UserStore;
158 |
--------------------------------------------------------------------------------
/frontend/app/tests/app.spec.jsx:
--------------------------------------------------------------------------------
1 | // var React = require('react/addons');
2 | // var TestUtils = React.addons.TestUtils;
3 | // var expect = require('expect');
4 |
5 | describe('EtherEx', function () {
6 | it('renders without problems', function (done) {
7 | require('../app');
8 | done();
9 | });
10 | });
11 |
--------------------------------------------------------------------------------
/frontend/karma.conf.js:
--------------------------------------------------------------------------------
1 | var webpackConfig = require('./webpack.config');
2 | webpackConfig.devtool = 'inline-source-map';
3 |
4 | module.exports = function (config) {
5 | config.set({
6 | browsers: [ 'Chrome' ],
7 | singleRun: true,
8 | frameworks: [ 'mocha' ],
9 | files: [
10 | 'tests.karma.js'
11 | ],
12 | preprocessors: {
13 | 'tests.karma.js': [ 'webpack', 'sourcemap' ]
14 | },
15 | reporters: [ 'dots' ],
16 | // https://github.com/karma-runner/karma/issues/1497
17 | // https://github.com/webpack/karma-webpack/pull/63
18 | webpack: webpackConfig,
19 | webpackServer: {
20 | noInfo: true
21 | }
22 | });
23 | };
24 |
--------------------------------------------------------------------------------
/frontend/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "EtherEx",
3 | "version": "0.9.11",
4 | "description": "EtherEx frontend",
5 | "main": "app/app.jsx",
6 | "scripts": {
7 | "build": "grunt build",
8 | "dist": "grunt build",
9 | "prestart": "npm install",
10 | "prebuild": "npm install",
11 | "test": "",
12 | "start": "grunt",
13 | "upgrade": "npm-check-updates -u && npm test"
14 | },
15 | "repository": {
16 | "type": "git",
17 | "url": "https://github.com/etherex/etherex.git"
18 | },
19 | "keywords": [
20 | "Ethereum",
21 | "EtherEx"
22 | ],
23 | "author": "caktux ",
24 | "license": "MIT",
25 | "private": true,
26 | "bugs": {
27 | "url": "https://github.com/etherex/etherex/issues"
28 | },
29 | "homepage": "https://github.com/etherex/etherex",
30 | "devDependencies": {
31 | "babel-core": "^6.7.6",
32 | "babel-loader": "^6.2.4",
33 | "babel-preset-es2015": "^6.6.0",
34 | "babel-preset-react": "^6.5.0",
35 | "css-loader": "^0.23.1",
36 | "eslint": "^2.7.0",
37 | "eslint-plugin-react": "^4.3.0",
38 | "expect": "^1.16.0",
39 | "file-loader": "^0.8.5",
40 | "grunt": "^1.0.1",
41 | "grunt-contrib-clean": "^1.0.0",
42 | "grunt-contrib-watch": "^1.0.0",
43 | "grunt-eslint": "^18.0.0",
44 | "grunt-gh-pages": "^1.0.0",
45 | "grunt-karma": "^0.12.2",
46 | "grunt-webpack": "^1.0.11",
47 | "json-loader": "^0.5.4",
48 | "karma": "^0.13.22",
49 | "karma-chrome-launcher": "^0.2.3",
50 | "karma-cli": "^0.1.2",
51 | "karma-mocha": "^0.2.2",
52 | "karma-sourcemap-loader": "^0.3.7",
53 | "karma-webpack": "^1.7.0",
54 | "less": "^2.6.1",
55 | "less-loader": "^2.2.3",
56 | "mocha": "^2.4.5",
57 | "node-libs-browser": "^1.0.0",
58 | "react-hot-loader": "^1.3.0",
59 | "style-loader": "^0.13.1",
60 | "url-loader": "^0.5.7",
61 | "webpack": "^1.12.14",
62 | "webpack-dev-server": "^1.14.1"
63 | },
64 | "dependencies": {
65 | "big-rational": "^0.10.5",
66 | "bootstrap": "^3.3.6",
67 | "bootswatch": "^3.3.6",
68 | "btc-swap": "etherex/btc-swap",
69 | "d3": "^3.5.16",
70 | "flat": "^2.0.0",
71 | "fluxxor": "^1.7.3",
72 | "history": "^2.0.1",
73 | "intl": "^1.1.0",
74 | "intl-locales-supported": "^1.0.0",
75 | "keymirror": "^0.1.1",
76 | "lodash": "^4.9.0",
77 | "numeral": "^1.5.3",
78 | "react": "^15.0.1",
79 | "react-addons-perf": "^15.0.1",
80 | "react-addons-transition-group": "^15.0.1",
81 | "react-bootstrap": "^0.28.5",
82 | "react-dom": "^15.0.1",
83 | "react-intl": "^2.0.1",
84 | "react-qr": "^0.0.2",
85 | "react-router": "^2.0.1",
86 | "si-prefix": "^0.1.0",
87 | "techan": "caktux/techan.js",
88 | "ua-parser-js": "^0.7.10",
89 | "web3": "^0.15.3"
90 | }
91 | }
92 |
--------------------------------------------------------------------------------
/frontend/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/etherex/etherex/c91832e0c4c97aa55280557cd6773cb89cb5e858/frontend/screenshot.png
--------------------------------------------------------------------------------
/frontend/tests.karma.js:
--------------------------------------------------------------------------------
1 | var context = require.context('./app/tests', true, /.+\.spec\.jsx?$/);
2 | context.keys().forEach(context);
3 | module.exports = context;
4 |
--------------------------------------------------------------------------------
/frontend/update_abi.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env python
2 |
3 | import json
4 | from serpent import mk_full_signature
5 |
6 | contracts = {
7 | 'etherex': '../contracts/etherex.se',
8 | 'sub': '../contracts/etx.se'
9 | }
10 |
11 | for c in contracts:
12 | sig = mk_full_signature(contracts[c])
13 | # print sig
14 |
15 | abi = json.dumps(sig, indent=4, separators=(',', ': '))
16 | # print abi
17 |
18 | with open('app/js/abi/%s.js' % c, 'w') as out:
19 | out.write("module.exports = %s;\n" % abi)
20 |
--------------------------------------------------------------------------------
/frontend/webpack.config.js:
--------------------------------------------------------------------------------
1 | var path = require('path');
2 |
3 | module.exports = {
4 | entry: [
5 | "./app/app.jsx"
6 | ],
7 | resolveLoader: {
8 | root: path.join(__dirname, 'node_modules')
9 | },
10 | node: {
11 | fs: 'empty',
12 | net: 'empty',
13 | tls: 'empty'
14 | },
15 | output: {
16 | /* global __dirname */
17 | path: path.join(__dirname, "app"),
18 | filename: "app.js"
19 | },
20 | plugins: [],
21 | resolve: {
22 | extensions: ['', '.js', '.jsx', '.json']
23 | },
24 | module: {
25 | loaders: [
26 | { test: /\.css$/, loader: "style!css" },
27 | { test: /\.less$/, loader: "style!css!less" },
28 | { test: /\.jsx$/, loader: "react-hot" },
29 | { test: /\.js$/, include: /app/, loader: "babel", query: { presets: ["es2015"] }},
30 | { test: /\.jsx$/, include: /app/, loader: "babel", query: { presets: ["react", "es2015"] }},
31 | { test: /\.json$/, loader: "json" },
32 | { test: /\.woff|woff2$/, loader: "url?limit=10000&minetype=application/font-woff" },
33 | { test: /\.ttf$/, loader: "file" },
34 | { test: /\.eot$/, loader: "file" },
35 | { test: /\.svg$/, loader: "file" },
36 | { test: /\.gif/, loader: 'url?limit=10000&mimetype=image/gif' },
37 | { test: /\.jpg/, loader: 'url?limit=10000&mimetype=image/jpg' },
38 | { test: /\.png/, loader: 'url?limit=10000&mimetype=image/png' }
39 | ]
40 | }
41 | };
42 |
--------------------------------------------------------------------------------
/setup.cfg:
--------------------------------------------------------------------------------
1 | [flake8]
2 | ignore = E302
3 | max-line-length = 160
4 | exclude = frontend,tests/integration.py,tests/integration-user.py
5 |
6 | [pytest]
7 | norecursedirs = .git frontend
8 |
--------------------------------------------------------------------------------
/setup.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env python
2 |
3 | from distutils.core import setup
4 |
5 | setup(name='etherex',
6 | version='1.0',
7 | description='A Decentralized Future Calls For A Decentralized Exchange',
8 | author='caktux',
9 | author_email='caktux@gmail.com',
10 | url='https://github.com/etherex/etherex/')
11 |
--------------------------------------------------------------------------------
/tests/integration-user.py:
--------------------------------------------------------------------------------
1 | # -*- coding: utf-8 -*-
2 | from selenium import webdriver
3 | from selenium.webdriver.common.by import By
4 | from selenium.webdriver.common.keys import Keys
5 | from selenium.webdriver.support.ui import Select
6 | from selenium.common.exceptions import NoSuchElementException
7 | from selenium.common.exceptions import NoAlertPresentException
8 | import unittest, time, re
9 |
10 | class EndUser(unittest.TestCase):
11 | def setUp(self):
12 | self.driver = webdriver.Firefox()
13 | self.driver.implicitly_wait(30)
14 | self.base_url = "http://etherex.github.io"
15 | self.verificationErrors = []
16 | self.accept_next_alert = True
17 | self.driver.set_window_position(0, 0)
18 | self.driver.set_window_size(1280, 1200)
19 |
20 | def test_integration(self):
21 | driver = self.driver
22 | driver.get(self.base_url + "/etherex/#/trades")
23 | time.sleep(5)
24 | driver.save_screenshot('screenshot-user.png')
25 |
26 | try:
27 | error = driver.find_element_by_css_selector("div.alert.alert-danger > span").text
28 | if "Unable to load addresses" in error:
29 | self.fail(error)
30 | if "No market found" in error:
31 | self.fail(error)
32 | error = driver.find_element_by_xpath("//div[@id='wrap']/div/div[4]/div[2]/div[2]/h4").text
33 | if error == "No trades found":
34 | self.fail(error)
35 | except: pass
36 |
37 | try:
38 | # Assert balance and sub-balances
39 | # self.assertEqual("1,039.1100 ether", driver.find_element_by_xpath("//div[@id='wrap']/div/div[2]/div/div/span").text)
40 | self.assertEqual("0", driver.find_element_by_xpath("//div[@id='wrap']/div/div[2]/div[2]/div/div/div").text)
41 | self.assertEqual("0", driver.find_element_by_xpath("//div[@id='wrap']/div/div[2]/div[2]/div/div[2]/div").text)
42 | # self.assertEqual("10 billion", driver.find_element_by_xpath("//div[@id='wrap']/div/div[2]/div[2]/div/div[3]/div").text)
43 |
44 | # Assert no price set
45 | self.assertEqual("N/A ETX/ETH", driver.find_element_by_xpath("//div[@id='wrap']/div/div[3]/div/div/span[2]").text)
46 |
47 | # Assert trade table headers
48 | self.assertEqual("Trades", driver.find_element_by_xpath("//*[@id='wrap']/div/div[4]/div[2]/div[1]/div[1]/h3/span[1]").text)
49 | self.assertEqual("Asks", driver.find_element_by_xpath("//*[@id='wrap']/div/div[4]/div[2]/div[3]/div/div[1]/div/h4").text)
50 | self.assertEqual("Bids", driver.find_element_by_xpath("//div[@id='wrap']/div/div[4]/div[2]/div[3]/div/div[2]/div/h4").text)
51 |
52 | # Assert added asks
53 | self.assertEqual("50.00000", driver.find_element_by_xpath("//div[@id='wrap']/div/div[4]/div[2]/div[3]/div/div/div/div/table/tbody/tr/td/div").text)
54 | self.assertEqual("150.00000", driver.find_element_by_xpath("//div[@id='wrap']/div/div[4]/div[2]/div[3]/div/div/div/div/table/tbody/tr[2]/td/div").text)
55 | self.assertEqual("0.32000000", driver.find_element_by_xpath("//div[@id='wrap']/div/div[4]/div[2]/div[3]/div/div/div/div/table/tbody/tr[10]/td[3]/div").text)
56 |
57 | # Assert added bids
58 | self.assertEqual("0.24000000", driver.find_element_by_xpath("//div[@id='wrap']/div/div[4]/div[2]/div[3]/div/div[2]/div/div/table/tbody/tr/td[3]/div").text)
59 | self.assertEqual("10.5000", driver.find_element_by_xpath("//div[@id='wrap']/div/div[4]/div[2]/div[3]/div/div[2]/div/div/table/tbody/tr[4]/td[4]/div/span").text)
60 |
61 | # Click-fill first three trades
62 | driver.find_element_by_xpath("//*[@id='wrap']/div/div[4]/div[2]/div[3]/div/div[1]/div/div/table/tbody/tr[3]").click()
63 | time.sleep(1)
64 |
65 | # Assert amount, price and total got filled
66 | self.assertEqual("450", driver.find_element_by_xpath("//div[@id='wrap']/div/div[4]/div[1]/div[2]/div[2]/div[1]/div/form/div[1]/div/input").get_attribute("value"))
67 | self.assertEqual("0.25", driver.find_element_by_xpath("//div[@id='wrap']/div/div[4]/div[1]/div[2]/div[2]/div[1]/div/form/div[2]/div/input").get_attribute("value"))
68 | self.assertEqual("112.5", driver.find_element_by_xpath("//div[@id='wrap']/div/div[4]/div[1]/div[2]/div[2]/div[1]/div/form/div[3]/div/input").get_attribute("value"))
69 |
70 | # Fill trades
71 | driver.find_element_by_xpath("//*[@id='wrap']/div/div[4]/div[1]/div[2]/div[2]/div[1]/div/form/div[4]/button").click()
72 | time.sleep(1)
73 |
74 | # Assert filling trades message
75 | self.assertEqual("You will be filling 3 trades for a total of 112.50000 ether.", driver.find_element_by_css_selector("div.modal.fade.in > div > div > form > div.modal-body > span").text)
76 | time.sleep(1)
77 |
78 | # Click Yes
79 | driver.find_element_by_css_selector("div.modal-footer > button.btn.btn-primary").click()
80 | time.sleep(1)
81 |
82 | # Assert new sub-balance
83 | time.sleep(10)
84 | self.assertEqual("4.5 hundred", driver.find_element_by_xpath("//div[@id='wrap']/div/div[2]/div[2]/div/div[1]/div").text)
85 |
86 | # Assert new Last price
87 | self.assertEqual("0.25000000 ETX/ETH", driver.find_element_by_xpath("//div[@id='wrap']/div/div[3]/div/div/span[2]").text)
88 |
89 | driver.save_screenshot('screenshot-user-passed.png')
90 |
91 | except Exception as e:
92 | driver.save_screenshot('screenshot-user-fail.png')
93 | self.fail(e)
94 | driver.quit()
95 |
96 | self.assertEqual([], self.verificationErrors)
97 |
98 | driver.quit()
99 |
--------------------------------------------------------------------------------
/tests/test_etx.py:
--------------------------------------------------------------------------------
1 | from ethereum import tester
2 |
3 | class TestEtxContract(object):
4 |
5 | CONTRACT = 'contracts/etx.se'
6 |
7 | def setup_class(cls):
8 | cls.s = tester.state()
9 | cls.c = cls.s.abi_contract(cls.CONTRACT)
10 | cls.snapshot = cls.s.snapshot()
11 | cls.initialBalance = 1000000 * 10 ** 5
12 |
13 | def setup_method(self, method):
14 | self.s.revert(self.snapshot)
15 |
16 | def test_negative_send_should_fail(self):
17 | assert self.c.transfer(tester.a0, -1000, sender=tester.k1) == 0
18 | assert self.c.balanceOf(tester.a0) == self.initialBalance
19 | assert self.c.balanceOf(tester.a1) == 0
20 |
21 | def test_send_with_invalid_recipient_should_not_overwrite_internal_settings(self):
22 | assert self.c.transfer(0, 1) == 0
23 | assert self.s.block.get_storage_data(self.c.address, 0) == 1410973349
24 |
25 | assert self.c.transfer(-1000, 1) == 0
26 |
27 | def test_simple_transfer_without_balance_should_fail(self):
28 | assert self.c.transfer(tester.a2, 1, sender=tester.k1) == 0
29 |
30 | def test_simple_transfer(self):
31 | assert self.c.transfer(tester.a1, 10000) == 1
32 | assert self.c.balanceOf(tester.a1) == 10000
33 |
34 | def test_approve_then_transfer(self):
35 | assert self.c.approve(tester.a1, 10000) == 1
36 | assert self.c.allowance(tester.a0, tester.a1) == 10000
37 | assert self.c.transferFrom(tester.a0, tester.a1, 10000, sender=tester.k1) == 1
38 | assert self.c.balanceOf(tester.a1) == 10000
39 | assert self.c.allowance(tester.a0, tester.a1) == 0
40 |
41 | def test_approve_twice_then_transfer(self):
42 | assert self.c.approve(tester.a1, 10000) == 1
43 | assert self.c.allowance(tester.a0, tester.a1) == 10000
44 | assert self.c.approve(tester.a1, 20000) == 1
45 | assert self.c.allowance(tester.a0, tester.a1) == 20000
46 | assert self.c.transferFrom(tester.a0, tester.a1, 10000, sender=tester.k1) == 1
47 | assert self.c.balanceOf(tester.a1) == 10000
48 | assert self.c.balanceOf(tester.a0) == self.initialBalance - 10000
49 | assert self.c.allowance(tester.a0, tester.a1) == 10000
50 | assert self.c.transferFrom(tester.a0, tester.a1, 10000, sender=tester.k1) == 1
51 | assert self.c.balanceOf(tester.a1) == 20000
52 | assert self.c.balanceOf(tester.a0) == self.initialBalance - 20000
53 | assert self.c.allowance(tester.a0, tester.a1) == 0
54 |
55 | def test_approve_send_to_another(self):
56 | assert self.c.approve(tester.a1, 10000) == 1
57 | assert self.c.allowance(tester.a0, tester.a1) == 10000
58 | assert self.c.transferFrom(tester.a0, tester.a2, 10000, sender=tester.k1) == 1
59 | assert self.c.balanceOf(tester.a2) == 10000
60 | assert self.c.allowance(tester.a0, tester.a1) == 0
61 |
62 | def test_approve_then_unapprove(self):
63 | assert self.c.approve(tester.a1, 10000) == 1
64 | assert self.c.allowance(tester.a0, tester.a1) == 10000
65 | assert self.c.approve(tester.a1, 0) == 1
66 | assert self.c.allowance(tester.a0, tester.a1) == 0
67 | assert self.c.transferFrom(tester.a0, tester.a2, 10000, sender=tester.k1) == 0
68 |
--------------------------------------------------------------------------------