dkforest

commit 63c945c123a3b9862febc476fb8e680dea52b425
parent ddeaf1f59c55336184a35e28e801fd2478ea87b8
Author: n0tr1v <n0tr1v@protonmail.com>
Date:   Sat,  9 Dec 2023 07:31:53 -0500

hands help

Diffstat:
M
pkg/web/handlers/poker/poker.go
 | 
96
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-

1 file changed, 95 insertions(+), 1 deletion(-)
diff --git a/pkg/web/handlers/poker/poker.go b/pkg/web/handlers/poker/poker.go
@@ -1229,9 +1229,87 @@ func buildDevHtml() (html string) {
 `
 }
 
+func buildHelpHtml() (html string) {
+	html += `
+<div style="display: none; position: absolute; top: 10px; left: 10px; width: 190px; height: 450px; z-index: 1000; background-color: #ccc;">
+	<div>
+		<div class="mini-card red">A♥</div>
+		<div class="mini-card red">K♥</div>
+		<div class="mini-card red">Q♥</div>
+		<div class="mini-card red">J♥</div>
+		<div class="mini-card red">T♥</div>
+	</div>
+	<div>
+		<div class="mini-card red">T♥</div>
+		<div class="mini-card red">9♥</div>
+		<div class="mini-card red">8♥</div>
+		<div class="mini-card red">7♥</div>
+		<div class="mini-card red">6♥</div>
+	</div>
+	<div>
+		<div class="mini-card red">A♥</div>
+		<div class="mini-card">A♣</div>
+		<div class="mini-card red">A♦</div>
+		<div class="mini-card">A♠</div>
+		<div class="mini-card red disabled">K♥</div>
+	</div>
+	<div>
+		<div class="mini-card red">A♥</div>
+		<div class="mini-card">A♣</div>
+		<div class="mini-card red">A♦</div>
+		<div class="mini-card">K♠</div>
+		<div class="mini-card red">K♥</div>
+	</div>
+	<div>
+		<div class="mini-card">K♣</div>
+		<div class="mini-card">T♣</div>
+		<div class="mini-card">8♣</div>
+		<div class="mini-card">7♣</div>
+		<div class="mini-card">5♣</div>
+	</div>
+
+	<div>
+		<div class="mini-card red">T♥</div>
+		<div class="mini-card">9♣</div>
+		<div class="mini-card red">8♦</div>
+		<div class="mini-card">7♠</div>
+		<div class="mini-card red">6♥</div>
+	</div>
+	<div>
+		<div class="mini-card red">A♥</div>
+		<div class="mini-card red">A♦</div>
+		<div class="mini-card">A♣</div>
+		<div class="mini-card disabled">K♠</div>
+		<div class="mini-card red disabled">Q♥</div>
+	</div>
+	<div>
+		<div class="mini-card red">A♥</div>
+		<div class="mini-card">A♣</div>
+		<div class="mini-card red">K♦</div>
+		<div class="mini-card">K♠</div>
+		<div class="mini-card red disabled">7♥</div>
+	</div>
+	<div>
+		<div class="mini-card red">A♥</div>
+		<div class="mini-card">A♣</div>
+		<div class="mini-card red disabled">K♦</div>
+		<div class="mini-card disabled">J♠</div>
+		<div class="mini-card red disabled">7♥</div>
+	</div>
+	<div>
+		<div class="mini-card red">A♥</div>
+		<div class="mini-card disabled">K♣</div>
+		<div class="mini-card red disabled">Q♦</div>
+		<div class="mini-card disabled">9♠</div>
+		<div class="mini-card red disabled">7♥</div>
+	</div>
+</div>`
+	return
+}
+
 func buildCardsHtml() (html string) {
 	for i := 52; i >= 1; i-- {
-		html += `<div class="card-holder" id="card` + itoa(i) + `"><div class="back"></div><div class="card"><div class=inner></div></div></div>`
+		html += `<div class="card-holder" id="card` + itoa(i) + `"><div class="back"></div><div class="card"><div class="inner"></div></div></div>`
 	}
 	return
 }
@@ -1503,6 +1581,21 @@ body {
 	box-shadow:1px 2px 2px rgba(0,0,0,.8);
 	margin:2px;
 }
+.mini-card {
+	width: 29px;
+	height: 40px;
+	display:inline-block;
+	justify-content: center;
+	font-size: 20px;
+	writing-mode: vertical-rl;
+	text-orientation: upright;
+	font-weight: bolder;
+	background-color:#fcfcfc;
+	border-radius:2%;
+	border:1px solid black;
+}
+.red { color: #cc0000; }
+.disabled { background-color: #bbb; }
 .card {
 	box-shadow: inset 2px 2px 0 #fff, inset -2px -2px 0 #fff;
 	transform-style: preserve-3d;
@@ -1759,6 +1852,7 @@ func PokerHandler(c echo.Context) error {
 	//send(`<script>document.onclick = function(e) { console.log(e.x, e.y); };</script>`) // TODO: dev only
 	send(`<div id="table"></div>`)
 	//send(buildDevHtml())
+	send(buildHelpHtml())
 	send(buildCardsHtml())
 	send(buildSeatsHtml(g, authUser, roomID))
 	send(buildActionsDiv(roomID))