Added flip action for fasttrack board.

STEP-tw · Mar 12, 2019 · 6d32031 · 6d32031
1 parent 6fde246
commit 6d32031
Show file tree

Hide file tree

Showing 7 changed files with 140 additions and 388 deletions.
diff --git a/public/pages/board.html b/public/pages/board.html
@@ -14,12 +14,16 @@
     <script src="/market.js"></script>
     <script src="/notifyEscape.js"></script>
     <script src="/allPlayersInfo.js"></script>
+    <!-- <link rel="stylesheet" href="style.css" /> -->
     <link rel="stylesheet" href="/board.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css" />
   </head>
 
-  <body id="body">
+<body id="body">
+<!-- <div class="flip-box">
+  <div id="board"  class="board">
+    <div id="rat-race" class="rat-race"> -->
     <main class="round_border">
       <div hidden id="0">
         <div id="gamePiece1" class="gamePiece player1 "></div>
@@ -179,6 +183,7 @@ <h2>Select Deal</h2>
             <div class="game-options">
               <button onclick="openOverlay('leave-game')">Leave Game</button>
               <button  onclick="saveGame();">Save Game</button>
+              <button  onclick="renderFastTrack();">FastTrack</button>
             </div>
             <div class="all-player-details" id="players-information">
             </div>
@@ -524,6 +529,7 @@ <h2 class="sub-header">Liabilities</h2>
         </div>
       </div>
     </main>
+    <!-- there will be fast track board.. -->
   </body>
 
 </html>
diff --git a/public/scripts/board.js b/public/scripts/board.js
@@ -283,7 +283,10 @@ const isFasttrackPlayer = function(fasttrackPlayers, player) {
 
 const getRatRicePlayers = function(allPlayer, fasttrackPlayers) {
   return allPlayer.filter(
-    player => isFasttrackPlayer(fasttrackPlayers, player) && !player.bankrupted && !player.hasLeftGame
+    player =>
+      isFasttrackPlayer(fasttrackPlayers, player) &&
+      !player.bankrupted &&
+      !player.hasLeftGame
   );
 };
 
@@ -396,7 +399,6 @@ const handleAuctionCard = function(game) {
   if (soldTo != playerName) return;
   showPurchasedCard(activeCard);
 };
-
 const getGame = function() {
   fetch("/getgame")
     .then(data => data.json())

diff --git a/public/scripts/waitingPage.js b/public/scripts/waitingPage.js
@@ -43,7 +43,7 @@ const startNewGame = function() {
 const checkPlayersCount = function({ players, isHost }) {
   const buttonSpace = getElementById("start_button_space");
   buttonSpace.innerHTML = "";
-  if (players.length >= 2 && isHost) {
+  if (players.length > 1 && isHost) {
     const startButton = createButton("Start Game", "button", "", "button");
     startButton.onclick = startNewGame;
     appendChildren(buttonSpace, [startButton]);

diff --git a/spikes/board/style.css b/spikes/board/style.css