Render all player opponent cards to show correct order

ptwu · Apr 17, 2020 · c7884a1 · c7884a1
1 parent 5f9c13e
commit c7884a1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/classes/game.js b/src/classes/game.js
@@ -25,6 +25,7 @@ const Game = function (name, host) {
 	}(this);
 
 	this.startNewRound = () => {
+		this.lastMoveParsed = { 'move': '', 'player': '' };
 		this.roundInProgress = true;
 		this.foldPot = 0;
 		this.bigBlindWent = false;
@@ -121,7 +122,8 @@ const Game = function (name, host) {
 				'myMoney': this.players[pn].getMoney(),
 				'myBet': this.getPlayerBetInStage(this.players[pn]),
 				'myStatus': this.players[pn].getStatus(),
-				'myBlind': this.players[pn].getBlind()
+				'myBlind': this.players[pn].getBlind(),
+				'roundInProgress': this.roundInProgress
 			});
 		}
 	}
@@ -298,6 +300,7 @@ const Game = function (name, host) {
 			} else {
 				let currTurnIndex = 0;
 				//check if move just made was a fold
+				console.log(this.players);
 				if (this.lastMoveParsed.move == 'Fold') {
 					for (let i = 0; i < this.players.length; i++) {
 						if (this.players[i].username == this.lastMoveParsed.player.username) {

diff --git a/src/client/main.js b/src/client/main.js
@@ -34,6 +34,7 @@ socket.on("hostRoom", function (data) {
 
 socket.on("joinRoom", function (data) {
 	if (data == undefined) {
+		$('#joinModal').closeModal();
 		Materialize.toast('Enter a valid name/code! (max length of name is 12 characters & cannot be the same as someone else\'s)', 4000);
 		$("#hostButton").removeClass("disabled");
 	} else {
@@ -61,8 +62,15 @@ socket.on("rerender", function (data) {
 	else $('#communityCards').html('<p></p>');
 	if (data.currBet == undefined) data.currBet = 0;
 	$('#table-title').text('Round ' + data.round + "    |    " + data.stage + "    |    Current Top Bet: $" + data.topBet + "    |    Pot: $" + data.pot);
-	$('#opponentCards').html(data.players.map(function (p) { return (p.username != data.username ? renderOpponent(p.username, { 'text': p.status, 'money': p.money, 'blind': p.blind, 'bets': data.bets }) : '&nbsp;') }));
+	$('#opponentCards').html(data.players.map(function (p) { return renderOpponent(p.username, { 'text': p.status, 'money': p.money, 'blind': p.blind, 'bets': data.bets }) }));
 	renderSelf({ 'money': data.myMoney, 'text': data.myStatus, 'blind': data.myBlind, 'bets': data.bets });
+	if (!data.roundInProgress) {
+		$("#usernameFold").hide();
+		$("#usernameCheck").hide();
+		$("#usernameBet").hide();
+		$("#usernameCall").hide();
+		$("#usernameRaise").hide();
+	}
 });
 
 socket.on("gameBegin", function (data) {
@@ -94,7 +102,7 @@ socket.on("reveal", function (data) {
 		}
 	}
 	$('#table-title').text('Hand Winner(s): ' + data.winners);
-	$('#playNext').html('<button onClick=playNext() id="playNextButton" class="btn white black-text menuButtons">Play Next Round</button>');
+	$('#playNext').html('<button onClick=playNext() id="playNextButton" class="btn white black-text menuButtons">Start Next Game</button>');
 	$('#blindStatus').text(data.hand);
 	$('#usernamesMoney').text('$' + data.money);
 	$('#opponentCards').html(data.cards.map(function (p) { return ((p.username != data.username) ? renderOpponentCards(p.username, { 'cards': p.cards, 'folded': p.folded, 'money': p.money, 'endHand': p.hand }) : '&nbsp;') }));
@@ -107,7 +115,7 @@ socket.on("endHand", function (data) {
 	$("#usernameCall").hide();
 	$("#usernameRaise").hide();
 	$('#table-title').text(data.winner + ' takes the pot of $' + data.pot);
-	$('#playNext').html('<button onClick=playNext() id="playNextButton" class="btn white black-text menuButtons">Play Next Round</button>');
+	$('#playNext').html('<button onClick=playNext() id="playNextButton" class="btn white black-text menuButtons">Start Next Game</button>');
 	$('#blindStatus').text('');
 	if (data.folded == 'Fold') {
 		$("#status").text('You Folded');