${winnings} `);
+});
+
+displayRevealState = async (gameId, revealer) => {
+ const game = await gameData.getGame(gameId);
+
+ document.getElementById(
+ "reveal_yourchoice_html"
+ ).innerHTML = ``;
+
+ document.getElementById(
+ "reveal_theirchoice_html"
+ ).innerHTML = ``;
+
+ document.getElementById("reveal_outcome_html").innerHTML = solveGame(game.choiceOne, game.choiceTwo);
+};
+
+solveGame = (revealer_choice, opponent_choice) => {
+ switch ((revealer_choice + 3 - opponent_choice) % 3) {
+ case 0:
+ return ``;
+ case 1:
+ return ``;
+ case 2:
+ return ``;
+ default:
+ return ``;
+ }
+};
+
+getChoiceIcon = (choice) => {
+ switch (choice) {
+ case "0":
+ return ``;
+ case "1":
+ return ``;
+ case "2":
+ return ``;
+ case "3":
+ return ``;
+ default:
+ return ``;
+ }
+};
+
+gamesCount = async function () {
+ try {
+ const docs = await gameData.fetchData();
+ const games = docs.rows.filter((x) => x.status !== gameUtil.gameStatusEnum.finished);
+ console.log("ALL games|", games);
+
+ // const games = (await gameData.fetchData()).rows;
+
+ const allGames = games.length;
+ const activeGames = games.filter((x) => x.doc.status !== gameUtil.gameStatusEnum.finished).length;
+ return [allGames, activeGames];
+ // return [1, 2];
+ } catch (ex) {
+ console.error("gamesCount error: ", ex);
+ }
+};
+
+accountGamesCount = async function (_account) {
+ try {
+ const docs = await gameData.fetchData();
+ const games = docs.rows.filter((x) => x.doc.playerOne === _account || x.doc.playerTwo === _account);
+ console.log("games|", games);
+ const allGames = games.length;
+ const activeGames = games.filter((x) => x.doc.status !== gameUtil.gameStatusEnum.finished).length;
+ return [allGames, activeGames];
+ } catch (ex) {
+ console.error("accountGamesCount error: ", ex);
+ }
+};
+
+module.exports = {
+ gameListRefresh,
+ gamesCount,
+ accountGamesCount,
+};
diff --git a/app/src/gameUtil.js b/app/src/gameUtil.js
new file mode 100644
index 0000000..eea7935
--- /dev/null
+++ b/app/src/gameUtil.js
@@ -0,0 +1,130 @@
+const gameStatusEnum = { created: 1, played: 2, revealed: 3, playexpired: 4, revealexpired: 5, finished: 6 };
+
+getEvent = (minedTxRecepit, eventIndex) => minedTxRecepit.logs[eventIndex].topics;
+
+getGameLifeTimeSeconds = (days, hours, minutes) => {
+ return 3600 * 24 * days + 3600 * hours + 60 * minutes;
+};
+
+setTxProgress = async (progress, delay) => {
+ const percentVal = `${progress}%`;
+ setTimeout(
+ () => {
+ $(".progress-bar").css("width", percentVal);
+ $(".progress-bar").html(percentVal);
+ },
+ delay ? delay : 500
+ );
+
+ if (progress == "0") {
+ $(".progress").css("display", "none");
+ }
+};
+
+updateUI = async (txObj, txName, $txStatus) => {
+ if (!txObj.receipt.status) {
+ console.error("Wrong status");
+ console.error(txObj.receipt);
+ await $txStatus.html(`There was an error in the ${txName} transaction execution, status not 1`, `error`);
+ } else if (txObj.receipt.logs.length == 0) {
+ console.log("Empty logs");
+ console.log(txObj.receipt);
+ await $txStatus.html(`There was an error in the ${txName} transaction, missing expected event`, `error`);
+ } else {
+ await $txStatus.html(`${txName} transaction executed`, ``);
+ }
+};
+
+secondsToDisplayString = (seconds) => {
+ let days = Math.floor(seconds / (24 * 60 * 60));
+ seconds -= days * (24 * 60 * 60);
+ let hours = Math.floor(seconds / (60 * 60));
+ seconds -= hours * (60 * 60);
+ let minutes = Math.floor(seconds / 60);
+ seconds -= minutes * 60;
+
+ let dayStr = days === 0 ? `` : days === 1 ? `1d` : `${days}d`;
+ let hourStr = hours === 0 ? `` : hours === 1 ? `1h` : `${hours}h`;
+ let minStr = minutes === 0 ? `` : minutes === 1 ? `1m` : `${minutes}m`;
+ return `${dayStr} ${hourStr} ${minStr}`;
+};
+
+createHtmlGameRow = (game, activeAddress, blockTimeStamp) => {
+ return `| ${activeAddress == game.playerOne ? game.playerTwoLabel : game.playerOneLabel} |
+ ${game.stakeInEther} |
+ ${makeExpiryButton(game.playDeadline, game.status, blockTimeStamp)} |
+ ${makeExpiryButton(game.revealDeadline, game.status, blockTimeStamp)} |
+ ${makeActionButton(game, activeAddress, blockTimeStamp)} |
+ `;
+};
+
+makeExpiryButton = (deadline, status, blockTimeStamp) => {
+ const expiredStateElem = ``;
+ return status === gameStatusEnum.finished || deadline < blockTimeStamp
+ ? expiredStateElem
+ : `${secondsToDisplayString(deadline - blockTimeStamp)}`;
+};
+
+makeActionButton = (game, activeAddress, blockTimeStamp) => {
+ const settleActionButton = ``;
+ const playActionButton = ``;
+ const waitActionButton = ``;
+ const expiredActionButton = ``;
+ const finishedActionButton = ``;
+ const revealActionButton = ``;
+
+ const isPlayerOne = activeAddress === game.playerOne;
+ const playHasExpired = game.playDeadline < blockTimeStamp;
+ const revealHasExpired = game.revealDeadline < blockTimeStamp;
+
+ if (revealHasExpired && game.status != gameStatusEnum.finished) {
+ return settleActionButton;
+ }
+ switch (game.status) {
+ case gameStatusEnum.created:
+ if (isPlayerOne) {
+ return playHasExpired ? (revealHasExpired ? settleActionButton : revealActionButton) : waitActionButton;
+ } else {
+ return playHasExpired ? finishedActionButton : playActionButton;
+ }
+
+ case gameStatusEnum.played:
+ if (isPlayerOne) {
+ return revealHasExpired ? settleActionButton : revealActionButton;
+ } else {
+ return revealHasExpired ? settleActionButton : waitActionButton;
+ }
+
+ case gameStatusEnum.playexpired:
+ return isPlayerOne ? (revealHasExpired ? settleActionButton : revealActionButton) : expiredActionButton;
+
+ case gameStatusEnum.revealexpired:
+ return settleActionButton;
+
+ case gameStatusEnum.finished:
+ return finishedActionButton;
+
+ case gameStatusEnum.expired:
+ return settleActionButton;
+
+ default:
+ return "";
+ }
+};
+
+module.exports = {
+ getEvent,
+ getGameLifeTimeSeconds,
+ setTxProgress,
+ updateUI,
+ secondsToDisplayString,
+ createHtmlGameRow,
+ makeActionButton,
+ gameStatusEnum,
+};
diff --git a/app/src/index.html b/app/src/index.html
index bd69fd7..2c6652b 100644
--- a/app/src/index.html
+++ b/app/src/index.html
@@ -1,29 +1,455 @@
- Rock Paper Scissors
+ A Classic Game
-
+
+
-
-
+
- Rock Paper Scissors
+
+
+
+
+
+
ROCK PAPER SCISSORS
+
+
+
+
+
+
+
+
+
+ DAPP
+
+
+
+
+
+ Active Games
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Active Games
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Minimum Stake
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Minimum Maximum Lifetime
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Yours |
+ Theirs |
+ Outcome |
+
+
+
+
+ |
+ |
+ |
+
+
+
+
+
+
+
+
+
+
+