set Trump Color also uses websockets now

templates/home/player.html

@@ -7,6 +7,11 @@
             let player = {{player}}
             window.game_socket.send("playcard "+player+":"+card)
         }
+
+        function setTrumpColor(color) {
+            let player = {{player}}
+            window.game_socket.send("setTrumpColor "+player+":"+color)
+        }
         </script>
 
         <div class="content">
@@ -59,10 +64,16 @@
                 {% endfor %}
                 {% if choose_trump_color and (player == choose_trump_player) %}
                 <strong>Choose Trump Color:</strong>
+                <!--
                 <a href="/player/{{player}}/set_trump/r">Red&gt;</a>
                 <a href="/player/{{player}}/set_trump/g">Green&gt;</a>
                 <a href="/player/{{player}}/set_trump/b">Blue&gt;</a>
                 <a href="/player/{{player}}/set_trump/y">Yellow &gt;</a>
+                -->
+                <button onclick="setTrumpColor('r')">Red</button>
+                <button onclick="setTrumpColor('g')">Green</button>
+                <button onclick="setTrumpColor('b')">Blue</button>
+                <button onclick="setTrumpColor('y')">Yellow</button>
                 {% endif %}
             <!--
                 <li>

templates/shared/_layout.html

@@ -52,7 +52,7 @@
         };
 
         socket.onerror = function(error) {
-            alert(`[error] ${error.message}`);
+            alert("[error]: "+error.message);
         };
     </script>
 </head>