From 4998a030cad3e1c188b183d5c47a7414b8241b30 Mon Sep 17 00:00:00 2001
From: Alex Karle <alex@karle.co>
Date: Sat, 4 Apr 2020 01:06:59 -0400
Subject: [PATCH] debug: Use pretty SVG cards for hands/trump

WOAHHHH NELLY! This looks _awesome_ :) It's finally coming together!

This is, of course, just a demo/debug site, but I think proof-of-concept
wise it's come a long way.
---
 public/debug.html | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)
diff --git a/public/debug.html b/public/debug.html
index 2c227c8..68b354c 100644
--- a/public/debug.html
+++ b/public/debug.html
@@ -3,7 +3,12 @@
   <head>
     <meta charset="utf-8">
     <title>Euchre Live!!</title>
-</head>
+    <style>
+       img.card {
+        width: 100px;
+       }
+    </style>
+  </head>
 <body>
   <div id="content"></div>
   <script>
@@ -16,13 +21,19 @@
         gameState = '<br>Game:          ' + msg.game.id + '<br>' +
           'Players:       ' + msg.game.players + '<br>' +
           'Spectators:    ' + msg.game.spectators + '<br>' +
-          'Game Phase:  '   + msg.game.phase + '<br>' +
-          'Trump Nominee: ' + msg.game.trump_nominee + '<br>'
+          'Game Phase:  '   + msg.game.phase + '<br>'
+
+          if (typeof msg.game.trump_nominee !== 'undefined') {
+            gameState += 'Trump Nominee: ' + '<img class="card" src="cards/' + msg.game.trump_nominee + '.svg"><br>'
+          }
         document.getElementById('game').innerHTML = gameState
       } else if (msg.msg_type === 'error') {
         document.getElementById('error').innerHTML += msg.msg + '<br>'
       } else if (msg.msg_type === 'deal') {
-        document.getElementById('hand').innerHTML = 'HAND: ' + msg.hand + '<br>'
+        document.getElementById('hand').innerHTML = 'HAND: <br>'
+        for (var i = 0; i < msg.hand.length; i++) {
+          document.getElementById('hand').innerHTML += '<img class="card" src="cards/' + msg.hand[i] + '.svg">'
+        }
       }
     };
 
--
libgit2 1.1.1

