Staging

src/botPage/bot/TradeEngine/Proposal.js

@@ -34,8 +34,8 @@ export default Engine =>
             }
 
             return {
-                id      : toBuy.id,
-                askPrice: toBuy.ask_price,
+                proposal: toBuy,
+                currency: this.tradeOption.currency,
             };
         }
         renewProposalsOnPurchase() {
@@ -138,10 +138,12 @@ export default Engine =>
 
             return (
                 isNotEqual('duration') ||
+                isNotEqual('duration_unit') ||
                 isNotEqual('amount') ||
                 isNotEqual('prediction') ||
                 isNotEqual('barrierOffset') ||
-                isNotEqual('secondBarrierOffset')
+                isNotEqual('secondBarrierOffset') ||
+                isNotEqual('symbol')
             );
         }
     };

src/botPage/bot/TradeEngine/Purchase.js

@@ -14,20 +14,25 @@ export default Engine =>
                 return Promise.resolve();
             }
 
-            const { id, askPrice } = this.selectProposal(contractType);
-
+            const { currency, proposal } = this.selectProposal(contractType);
             const onSuccess = r => {
                 const { buy } = r;
+
                 contractStatus({
                     id  : 'contract.purchase_recieved',
                     data: buy.transaction_id,
+                    proposal,
+                    currency,
                 });
 
                 this.subscribeToOpenContract(buy.contract_id);
                 this.store.dispatch(purchaseSuccessful());
                 this.renewProposalsOnPurchase();
+
                 delayIndex = 0;
+
                 notify('info', `${translate('Bought')}: ${buy.longcode} (${translate('ID')}: ${buy.transaction_id})`);
+
                 info({
                     accountID      : this.accountInfo.loginid,
                     totalRuns      : this.updateAndReturnTotalRuns(),
@@ -37,13 +42,17 @@ export default Engine =>
                 });
             };
 
-            const action = () => this.api.buyContract(id, askPrice);
             this.isSold = false;
+
             contractStatus({
                 id  : 'contract.purchase_sent',
-                data: askPrice,
+                data: proposal.ask_price,
+                proposal,
+                currency,
             });
 
+            const action = () => this.api.buyContract(proposal.id, proposal.ask_price);
+
             if (!this.options.timeMachineEnabled) {
                 return doUntilDone(action).then(onSuccess);
             }

src/botPage/view/TradeInfoPanel/TradeTable.js

@@ -3,7 +3,7 @@ import json2csv from 'json2csv';
 import React, { Component } from 'react';
 import ReactDataGrid from 'react-data-grid';
 import { observer as globalObserver } from '../../../common/utils/observer';
-import { appendRow, updateRow, saveAs } from '../shared';
+import { appendRow, updateRow, saveAs, ticksService } from '../shared';
 import { translate } from '../../../common/i18n';
 import { roundBalance } from '../../common/tools';
 import * as style from '../style';
@@ -57,6 +57,27 @@ export default class TradeTable extends Component {
             { key: 'contract_status', width: 70, resizable: true, name: translate('Status'), formatter: StatusFormat },
         ];
     }
+
+    static getTradeObject(pipSizes, contract) {
+        const symbolPipSize = pipSizes[contract.underlying];
+        const tradeObj = {
+            ...contract,
+            reference: `${contract.transaction_ids.buy}`,
+            buy_price: roundBalance({ balance: contract.buy_price, currency: contract.currency }),
+            timestamp: getTimestamp(contract.date_start),
+        };
+
+        if (contract.entry_tick) {
+            tradeObj.entry_tick = (+contract.entry_tick).toFixed(symbolPipSize);
+        }
+
+        if (contract.exit_tick) {
+            tradeObj.exit_tick = (+contract.exit_tick).toFixed(symbolPipSize);
+        }
+
+        return tradeObj;
+    }
+
     componentWillMount() {
         const { api } = this.props;
 
@@ -66,44 +87,50 @@ export default class TradeTable extends Component {
                 this.export();
             }
         });
+
         globalObserver.register('summary.clear', () => {
             this.setState({ [this.props.accountID]: { ...this.state.initial } });
             globalObserver.emit('summary.disable_clear');
         });
+
         globalObserver.register('bot.stop', () => {
             const accountData = this.state[this.props.accountID];
             if (accountData && accountData.rows.length > 0) {
                 globalObserver.emit('summary.enable_clear');
             }
         });
-        globalObserver.register('bot.contract', info => {
-            if (!info) {
+
+        globalObserver.register('bot.contract', contract => {
+            if (!contract) {
                 return;
             }
-            const timestamp = getTimestamp(info.date_start);
-            const tradeObj = { reference: info.transaction_ids.buy, ...info, timestamp };
-            const { accountID } = tradeObj;
-
-            const trade = {
-                ...tradeObj,
-                profit          : getProfit(tradeObj),
-                contract_status : translate('Pending'),
-                contract_settled: false,
-            };
 
-            const accountStat = this.getAccountStat(accountID);
-
-            const { rows } = accountStat;
-            const prevRowIndex = rows.findIndex(t => t.reference === trade.reference);
-
-            if (trade.is_expired && trade.is_sold && !trade.exit_tick) trade.exit_tick = '-';
+            ticksService.requestPipSizes().then(pipSizes => {
+                const tradeObj = TradeTable.getTradeObject(pipSizes, contract);
+                const trade = {
+                    ...tradeObj,
+                    profit          : getProfit(tradeObj),
+                    contract_status : translate('Pending'),
+                    contract_settled: false,
+                };
+
+                const { accountID } = tradeObj;
+                const accountStat = this.getAccountStat(accountID);
+                const { rows } = accountStat;
+                const prevRowIndex = rows.findIndex(t => t.reference === trade.reference);
+
+                if (trade.is_expired && trade.is_sold && !trade.exit_tick) {
+                    trade.exit_tick = '-';
+                }
 
-            if (prevRowIndex >= 0) {
-                this.setState({ [accountID]: updateRow(prevRowIndex, trade, accountStat) });
-            } else {
-                this.setState({ [accountID]: appendRow(trade, accountStat) });
-            }
+                if (prevRowIndex >= 0) {
+                    this.setState({ [accountID]: updateRow(prevRowIndex, trade, accountStat) });
+                } else {
+                    this.setState({ [accountID]: appendRow(trade, accountStat) });
+                }
+            });
         });
+
         globalObserver.register('contract.settled', contract => {
             const contractID = contract.contract_id;
             this.settleContract(api, contractID);
@@ -139,40 +166,47 @@ export default class TradeTable extends Component {
 
     refreshContract(api, contractID) {
         return api.getContractInfo(contractID).then(r => {
-            const contract = r.proposal_open_contract;
-            const timestamp = getTimestamp(contract.date_start);
-            const tradeObj = { reference: contract.transaction_ids.buy, ...contract, timestamp };
-            const { accountID } = this.props;
-
-            const trade = {
-                ...tradeObj,
-                profit: getProfit(tradeObj),
-            };
-
-            if (trade.is_expired && trade.is_sold && !trade.exit_tick) trade.exit_tick = '-';
-
-            const { id } = this.state[accountID];
-            const rows = this.state[accountID].rows.slice();
-            const updatedRows = rows.map(row => {
-                const { reference } = row;
-                if (reference === trade.reference) {
-                    return {
-                        contract_status : translate('Settled'),
-                        contract_settled: true,
-                        reference,
-                        ...trade,
-                    };
+            ticksService.requestPipSizes().then(pipSizes => {
+                const contract = r.proposal_open_contract;
+                const tradeObj = TradeTable.getTradeObject(pipSizes, contract);
+                const trade = {
+                    ...tradeObj,
+                    profit: getProfit(tradeObj),
+                };
+
+                if (trade.is_expired && trade.is_sold && !trade.exit_tick) {
+                    trade.exit_tick = '-';
                 }
-                return row;
+
+                const { accountID } = this.props;
+                const { id } = this.state[accountID];
+                const rows = this.state[accountID].rows.slice();
+
+                const updatedRows = rows.map(row => {
+                    const { reference } = row;
+
+                    if (reference === trade.reference) {
+                        return {
+                            contract_status : translate('Settled'),
+                            contract_settled: true,
+                            reference,
+                            ...trade,
+                        };
+                    }
+                    return row;
+                });
+
+                this.setState({ [accountID]: { id, rows: updatedRows } });
             });
-            this.setState({ [accountID]: { id, rows: updatedRows } });
         });
     }
+
     rowGetter(i) {
         const { accountID } = this.props;
         const { rows } = this.state[accountID];
         return rows[rows.length - 1 - i];
     }
+
     export() {
         const { accountID } = this.props;
 

src/botPage/view/TradeInfoPanel/index.js

@@ -5,6 +5,7 @@ import Summary from './Summary';
 import TradeTable from './TradeTable';
 import RunButton from './RunButton';
 import ClearButton from './ClearButton';
+import { roundBalance } from '../../common/tools';
 
 const resetAnimation = () => {
     $('.circle-wrapper')
@@ -71,7 +72,14 @@ class AnimateTrade extends Component {
         if (contractStatus.id === 'contract.purchase_sent') {
             resetAnimation();
             activateStage(0);
-            this.setState({ buy_price: contractStatus.data, stopMessage: this.indicatorMessages.stopping });
+
+            this.setState({
+                buy_price: roundBalance({
+                    balance : contractStatus.proposal.ask_price,
+                    currency: contractStatus.currency,
+                }),
+                stopMessage: this.indicatorMessages.stopping,
+            });
         } else if (contractStatus.id === 'contract.purchase_recieved') {
             $('.line').addClass('active');
             activateStage(1);
@@ -81,6 +89,7 @@ class AnimateTrade extends Component {
             activateStage(2);
             this.setState({ sell_id: contractStatus.data, stopMessage: this.indicatorMessages.stopped });
         }
+
         activateStage(contractStatus.id);
     }
     render() {

src/botPage/view/View.js

@@ -18,8 +18,8 @@ import Tour from './tour';
 import TradeInfoPanel from './TradeInfoPanel';
 import { showDialog } from '../bot/tools';
 import Elevio from '../../common/elevio';
-import { updateConfigCurrencies } from '../common/const';
-import { roundBalance, isVirtual } from '../common/tools';
+import config, { updateConfigCurrencies } from '../common/const';
+import { isVirtual } from '../common/tools';
 import {
     logoutAllTokens,
     getOAuthURL,
@@ -66,8 +66,16 @@ api.events.on('balance', response => {
         balance: { balance: b, currency },
     } = response;
 
-    const balance = (+roundBalance({ currency, balance: b })).toLocaleString(getLanguage().replace('_', '-'));
-    $('.topMenuBalance').text(`${balance} ${currency}`);
+    const elTopMenuBalances = document.querySelectorAll('.topMenuBalance');
+    const localString = getLanguage().replace('_', '-');
+    const balance = (+b).toLocaleString(localString, {
+        minimumFractionDigits: config.lists.CRYPTO_CURRENCIES.includes(currency) ? 8 : 2,
+    });
+
+    elTopMenuBalances.forEach(elTopMenuBalance => {
+        const element = elTopMenuBalance;
+        element.textContent = `${balance} ${currency}`;
+    });
 });
 
 const addBalanceForToken = token => {

src/botPage/view/blockly/blocks/shared.js

@@ -404,7 +404,7 @@ export const getPredictionForContracts = (contracts, selectedContractType) => {
         if (contract && contract.last_digit_range) {
             predictionRange.push(...contract.last_digit_range);
         } else {
-            predictionRange.push(0);
+            predictionRange.push(1, 2, 3, 4, 5);
         }
     }
     return predictionRange;

src/botPage/view/blockly/customBlockly.js

@@ -358,3 +358,21 @@ Blockly.Toolbox.TreeNode.prototype.onClick_ = function(_e) {
     }
     this.updateRow();
 };
+
+/**
+ * Preload all the audio files so that they play quickly when asked for.
+ * @package
+ */
+Blockly.WorkspaceAudio.prototype.preload = function() {
+    for (var name in this.SOUNDS_) {
+        var sound = this.SOUNDS_[name];
+        sound.volume = 0.01;
+        sound.play().catch(function() {});
+        sound.pause();
+        // iOS can only process one sound at a time.  Trying to load more than one
+        // corrupts the earlier ones.  Just load one and leave the others uncached.
+        if (goog.userAgent.IPAD || goog.userAgent.IPHONE) {
+            break;
+        }
+    }
+};

src/botPage/view/index.js

@@ -5,6 +5,7 @@ import View from './View';
 import '../../common/binary-ui/dropdown';
 import Elevio from '../../common/elevio';
 import GTM from '../../common/gtm';
+import { isProduction } from '../../common/utils/tools';
 
 $.ajaxSetup({
     cache: false,
@@ -14,7 +15,7 @@ $.ajaxSetup({
 window._trackJs = {
     token      : '346262e7ffef497d85874322fff3bbf8',
     application: 'binary-bot',
-    enabled    : window.location.hostname !== 'localhost',
+    enabled    : isProduction(),
     console    : {
         display: false,
     },