index.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <html>
  2. <head>
  3. <title>Embark</title>
  4. <link rel="stylesheet" href="css/app.css">
  5. <script src="js/app.js"></script>
  6. </head>
  7. <body>
  8. <div class="container">
  9. <h3>Welcome to Embark!</h3>
  10. <p>See the <a href="https://github.com/iurimatias/embark-framework/wiki">Wiki</a> to see what you can do with Embark!</p>
  11. <div>
  12. Choose account :
  13. <select id="accselector">
  14. </select>
  15. </div>
  16. <div>
  17. Current Ethereum address : <span id="ethaddr">Loading...</span>
  18. </div>
  19. <div>
  20. Current Balance : <span id="ethbal">Loading...</span>
  21. </div>
  22. <div>
  23. Block Number : <span id="block"></span>
  24. </div>
  25. <br><br>
  26. <div>
  27. In match : <span id="inmatch"></span>
  28. </div>
  29. <div>
  30. Opponent Account : <span id="opponentHash"></span>
  31. </div>
  32. <div>
  33. My match Hash : <span id="matchhash"></span>
  34. </div>
  35. <div>
  36. My map : <span id="maphash"></span>
  37. </div>
  38. <div>
  39. <input type="text" value="" placeholder="Stake..." id="stakeTxt" />
  40. <button id="createMatchBtn">Create Match</button>
  41. </div>
  42. <div>
  43. <input type="text" value="" placeholder="Match Hash..." id="matchhashTxt" />
  44. <button id="joinMatchBtn">Join Match</button>
  45. </div>
  46. <div>
  47. <button id="showMapBtn">Show Map</button><button id="startGameBtn">Start Game/Show Game UI</button>
  48. </div>
  49. <br>
  50. <br>
  51. <div id="GameUI" class="hidden">
  52. <div>
  53. <div>
  54. Coins : <span id="mycoins"></span>
  55. </div>
  56. <div>
  57. OpCoins : <span id="opcoins"></span>
  58. </div>
  59. <div>
  60. Pot : <span id="pot"></span>
  61. </div>
  62. <div>
  63. Round : <span id="round"></span>
  64. </div>
  65. <div>
  66. myBets : <span id="mybets"></span>
  67. </div>
  68. <div>
  69. opBets : <span id="opbets"></span>
  70. </div>
  71. <div>
  72. mySum : <span id="mysum"></span>
  73. </div>
  74. <div>
  75. opSum : <span id="opsum"></span>
  76. </div>
  77. </div>
  78. <table class="table">
  79. <tbody >
  80. <tr>
  81. <td>
  82. <input type="text" id="columnForMe" placeholder="Column For Me!">
  83. </td>
  84. <td>
  85. <input type="text" id="columnForOp" placeholder="Column For Opponent!">
  86. </td>
  87. <td>
  88. <button id="sendSelectMoveBtn">Send SELECT Move</button>
  89. </td>
  90. </tr>
  91. <tr>
  92. <td>
  93. <input type="text" id="amount" placeholder="Amount to bet!">
  94. </td>
  95. <td></td>
  96. <td>
  97. <button id="sendBetMoveBtn">Send BET Move</button>
  98. </td>
  99. </tr>
  100. <tr>
  101. <td></td>
  102. <td></td>
  103. <td>
  104. <button id="sendCallMoveBtn">Send CALL Move</button>
  105. </td>
  106. </tr>
  107. <tr>
  108. <td></td>
  109. <td></td>
  110. <td>
  111. <button id="sendFoldMoveBtn">Send FOLD Move</button>
  112. </td>
  113. </tr>
  114. <tr>
  115. <td>
  116. <input type="text" id="proofCol" placeholder="Proof For move!">
  117. </td>
  118. <td></td>
  119. <td>
  120. <button id="sendProofMoveBtn">Send Proof Move</button>
  121. </td>
  122. </tr>
  123. </tbody>
  124. </table>
  125. <table class="table text-center" id="mapTable">
  126. <tbody >
  127. </tbody>
  128. </table>
  129. </div>
  130. </div>
  131. </body>
  132. </html>