From d020e94ac0b75ef0160106e6348e25ca17e72550 Mon Sep 17 00:00:00 2001
From: Jesse McDonald <nybble41@gmail.com>
Date: Wed, 20 May 2020 13:39:29 -0500
Subject: [PATCH] highlight the piece beside the name of the current player or
 winner

---
 css/chess.css     | 20 ++++++++++++++++++++
 js/pacosako_ui.js | 14 ++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/css/chess.css b/css/chess.css
index bc9c2e6..9d0c762 100644
--- a/css/chess.css
+++ b/css/chess.css
@@ -244,6 +244,16 @@ button#settings, button#cb_choose_game {
    height: 3rem;
 }
 
+#cb_names.cb-light-turn::before {
+   filter: drop-shadow(0 0 5px blue);
+   -webkit-filter: drop-shadow(0 0 5px blue);
+}
+
+#cb_names.cb-light-won::before {
+   filter: drop-shadow(0 0 5px darkviolet);
+   -webkit-filter: drop-shadow(0 0 5px darkviolet);
+}
+
 #cb_names::after {
    content: '';
    display: block;
@@ -257,6 +267,16 @@ button#settings, button#cb_choose_game {
    height: 3rem;
 }
 
+#cb_names.cb-dark-turn::after {
+   filter: drop-shadow(0 0 5px blue);
+   -webkit-filter: drop-shadow(0 0 5px blue);
+}
+
+#cb_names.cb-dark-won::after {
+   filter: drop-shadow(0 0 5px darkviolet);
+   -webkit-filter: drop-shadow(0 0 5px darkviolet);
+}
+
 #cb_names .cb-names-vs {
    padding-left: 0.25em;
    padding-right: 0.25em;
diff --git a/js/pacosako_ui.js b/js/pacosako_ui.js
index 2d7aca7..c638c0d 100644
--- a/js/pacosako_ui.js
+++ b/js/pacosako_ui.js
@@ -264,6 +264,8 @@ $(function (){
       $('#cb_board .cb-end').removeClass('cb-end');
       $('#cb_board .cb-legal').removeClass('cb-legal');
       $('#cb_explain_check').text('');
+      $('#cb_names').removeClass('cb-light-turn').removeClass('cb-dark-turn');
+      $('#cb_names').removeClass('cb-light-won').removeClass('cb-dark-won');
       $('#cb_phantom').remove();
 
       const game = visibleGame;
@@ -389,6 +391,18 @@ $(function (){
       } else {
          $('#cb_board').removeClass('cb-live').addClass('cb-archive');
       }
+
+      if (game.status === PS.PLAYING) {
+         if (game.player === PS.LIGHT) {
+            $('#cb_names').addClass('cb-light-turn');
+         } else {
+            $('#cb_names').addClass('cb-dark-turn');
+         }
+      } else if (game.winner === PS.LIGHT) {
+         $('#cb_names').addClass('cb-light-won');
+      } else if (game.winner === PS.DARK) {
+         $('#cb_names').addClass('cb-dark-won');
+      }
    }
 
    function applyTheme(theme) {