BOOK-769: Sportsbook

package.json

@@ -2,7 +2,7 @@
   "name": "bookie",
   "author": "Peerplays Blockchain Standards Association",
   "description": "Electron app powered by CRA",
-  "version": "1.3.0-rc.0",
+  "version": "1.3.0-sportsbook.1",
   "private": true,
   "homepage": "./",
   "devDependencies": {

src/actions/AppActions.js

@@ -89,6 +89,16 @@ class AppActions {
     };
   }
 
+  /**
+   * Action to set the Book mode ( Exchange or SportsBook )
+   */
+  static setBookMode(mode) {
+    return {
+      type: ActionTypes.APP_SET_BOOK_MODE,
+      mode
+    };
+  }
+
   /**
    * Action to show logout popup
    */

src/actions/BetActions.js

@@ -527,7 +527,7 @@ class BetActions {
         betDiff.map((item) => {
           item[0] = CurrencyUtils.correctFloatingPointPrecision([item[0], item[2]], currencyType);
 
-          if(item[1] === 'decrement') {
+          if (item[1] === 'decrement') {
             changeType = BetTypes.DECREMENT;
           }
 

src/actions/MarketDrawerActions.js

@@ -265,6 +265,178 @@ class MarketDrawerActions {
     };
   }
 
+  static getOpenBetsForEvent(eventId) {
+    return (dispatch, getState) => {
+      const bmgs = getState().getIn(['bettingMarketGroup', 'bettingMarketGroupsById']);
+
+      if (!bmgs || bmgs.isEmpty()) {
+        return null;
+      }
+
+      let openUnmatchedBets = Immutable.List();
+      let openMatchedBets = Immutable.List();
+
+      // For each BMG that belongs to the event
+      bmgs.forEach((bmg) => {
+        if (bmg.get('event_id') === eventId) {
+          // Get the associated bets and push them into their respective list. Forming a single list
+          let bets = MarketDrawerActions.getOpenBetsForBMG(getState(), bmg.get('id'));
+          bets.openUnmatchedBets.forEach((bet) => {
+            openUnmatchedBets = openUnmatchedBets.push(bet);
+          });
+
+          bets.openMatchedBets.forEach((bet) => {
+            openMatchedBets = openMatchedBets.push(bet);
+          });
+        }
+      });
+
+      // Send the list off to the private action, to be added to state. 
+      // - Pass in the eventId so that Bookie knows that we're on a event page.
+      // - Pass in null for the bettingMarketGroupId so that Bookie knows we're not on a BMG page.
+      dispatch(
+        MarketDrawerPrivateActions.getOpenBets(
+          openUnmatchedBets,
+          openMatchedBets,
+          null, // betting Market Group Id
+          eventId
+        )
+      );
+    };
+  }
+
+  static getOpenBetsForBMG(state, bettingMarketGroupId) {
+
+    const bettingMarketGroup = state.getIn([
+      'bettingMarketGroup',
+      'bettingMarketGroupsById',
+      bettingMarketGroupId
+    ]);
+
+    if (!bettingMarketGroup || bettingMarketGroup.isEmpty()) {
+      // If betting market group doesn't exist, clear open bets
+      return null;
+    } else {
+      const unmatchedBetsById = state.getIn(['bet', 'unmatchedBetsById']);
+      const matchedBetsById = state.getIn(['bet', 'matchedBetsById']);
+
+      const bettingMarketsById = state.getIn(['bettingMarket', 'bettingMarketsById']);
+      const assetsById = state.getIn(['asset', 'assetsById']);
+      const bettingMarketGroupDescription =
+        bettingMarketGroup && bettingMarketGroup.get('description');
+
+      // Helper function to filter related bet
+      const filterRelatedBet = (bet) => {
+        // Only get bet that belongs to this betting market group
+        const bettingMarket = bettingMarketsById.get(bet.get('betting_market_id'));
+        return bettingMarket && bettingMarket.get('group_id') === bettingMarketGroupId;
+      };
+
+      // Helper function to format bets to market drawer bet object structure
+      const formatBet = (bet) => {
+        const accountId = state.getIn(['account', 'account', 'id']);
+        const setting =
+          state.getIn(['setting', 'settingByAccountId', accountId]) ||
+          state.getIn(['setting', 'defaultSetting']);
+        const bettingMarket = bettingMarketsById.get(bet.get('betting_market_id'));
+        const bettingMarketDescription = bettingMarket && bettingMarket.get('description');
+        const precision =
+          assetsById.get(bettingMarketGroup.get('asset_id')).get('precision') || 0;
+        const odds = bet.get('backer_multiplier');
+        const betType = bet.get('back_or_lay');
+        const currencyFormat = setting.get('currencyFormat');
+
+        // Get the stake from the bet object
+        // BACK: The stake is present in a back bet by default
+        // LAY: The backer's stake needs to be calculated from the values recorded in the 
+        // lay bet on the blockchain
+        let stake = ObjectUtils.getStakeFromBetObject(bet) / Math.pow(10, precision);
+
+        // This if statement sets the profit/liability according to the kind of bet it is.
+        // Values are then converted to string format for consistent comparison
+        // BACK: ALWAYS have a liability of 0, profit to be calculated
+        // LAY: ALWAYS have a profit of 0, profit to be calculated
+        let profit = 0,
+          profitAsString = '0';
+        let liability = 0,
+          liabilityAsString = '0';
+
+        if (betType === BetTypes.BACK) {
+          // Get the raw value of the profit
+          profit = bet.get('original_profit') / Math.pow(10, precision);
+          profitAsString = CurrencyUtils.formatFieldByCurrencyAndPrecision(
+            'profit',
+            profit,
+            currencyFormat
+          ).toString(); // Record it as a string
+        } else if (betType === BetTypes.LAY) {
+          liability = bet.get('original_liability') / Math.pow(10, precision);
+          liabilityAsString = CurrencyUtils.formatFieldByCurrencyAndPrecision(
+            'liability',
+            liability,
+            currencyFormat
+          ).toString();
+        } else {
+          console.error('Serious Error - Bet with no type has been detected');
+        }
+
+        // store odds and stake values as String for easier comparison
+        const oddsAsString = CurrencyUtils.formatFieldByCurrencyAndPrecision(
+          'odds',
+          odds,
+          currencyFormat
+        ).toString();
+        const stakeAsString = CurrencyUtils.formatFieldByCurrencyAndPrecision(
+          'stake',
+          stake,
+          currencyFormat
+        ).toString();
+
+        let formattedBet = Immutable.fromJS({
+          id: bet.get('id'),
+          original_bet_id: bet.get('original_bet_id'),
+          bet_type: bet.get('back_or_lay'),
+          bettor_id: bet.get('bettor_id'),
+          betting_market_id: bet.get('betting_market_id'),
+          betting_market_description: bettingMarketDescription,
+          betting_market_group_description: bettingMarketGroupDescription,
+          odds: oddsAsString,
+          stake: stakeAsString,
+          profit: profitAsString,
+          liability: liabilityAsString
+        });
+
+        if (bet.get('category') === BetCategories.UNMATCHED_BET) {
+          // Keep all of the original values for precision and accuracy in future calculations
+          formattedBet = formattedBet
+            .set('original_odds', oddsAsString)
+            .set('original_stake', stakeAsString)
+            .set('original_profit', profitAsString)
+            .set('original_liability', liabilityAsString)
+            .set('updated', false);
+        }
+
+        return formattedBet;
+      };
+
+      const openUnmatchedBets = unmatchedBetsById
+        .filter(filterRelatedBet)
+        .map(formatBet)
+        .toList();
+      const openMatchedBets = matchedBetsById
+        .filter(filterRelatedBet)
+        .map(formatBet)
+        .toList();
+
+      return {
+        openUnmatchedBets,
+        openMatchedBets
+      };
+    }
+  }
+
+
+
   static getOpenBets(bettingMarketGroupId) {
     return (dispatch, getState) => {
       const bettingMarketGroup = getState().getIn([

src/components/App/App.less

@@ -203,3 +203,27 @@ body {
   line-height: 1.42857143; //reference from bootstrap
   color: @primary_label;
 }
+
+.sportsBookToggle {
+  z-index: 100;
+  margin: 5px;
+  -webkit-app-region: no-drag;
+
+  p {
+    display: inline-block;
+    padding: 2px 6px 2px 6px;
+    border: 1px solid @cello;
+    text-transform: uppercase;
+
+    &.active {
+      background-color: @cello;
+      color: @update_highlight;
+    }
+
+    &:hover {
+      background-color: @cello;
+      cursor: pointer;
+      color: @update_highlight;
+    }
+  }
+}

src/components/App/TitleBar/MacTitleBar/MacTitleBar.jsx

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import Clock from '../Clock';
 import {I18n} from 'react-redux-i18n';
 import {Config} from '../../../../constants';
+import SportsbookToggle from '../SportsbookToggle';
 
 class MacTitleBar extends PureComponent {
   render() {
@@ -14,6 +15,7 @@ class MacTitleBar extends PureComponent {
       onResizeClick,
       onCloseClick,
       isFullscreen,
+      loggedIn,
       ...props
     } = this.props;
 
@@ -33,6 +35,9 @@ class MacTitleBar extends PureComponent {
           />
         </div>
         <div className='right'>
+          {loggedIn && (
+            <SportsbookToggle />
+          )}
           <Clock className='clock' />
         </div>
       </div>