From 3232cc0e6eca6aab8679ac7aec58e5dcc2cc19dd Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Sun, 22 Nov 2020 16:27:22 +0100
Subject: [PATCH] pending action visualizer

---
 backend/game.py                   |  1 +
 backend/players.py                |  1 +
 frontend/src/components/Lobby.vue | 11 +++++++++++
 3 files changed, 13 insertions(+)

diff --git a/backend/game.py b/backend/game.py
index e593aba..2f78057 100644
--- a/backend/game.py
+++ b/backend/game.py
@@ -216,6 +216,7 @@ class Game:
             'max_lives': p.max_lives,
             'is_sheriff': isinstance(p.role, roles.Sheriff),
             'is_my_turn': p.is_my_turn,
+            'pending_action': p.pending_action,
         } for p in self.players]
         self.sio.emit('players_update', room=self.name, data=data)
 
diff --git a/backend/players.py b/backend/players.py
index 4b61773..e210278 100644
--- a/backend/players.py
+++ b/backend/players.py
@@ -66,6 +66,7 @@ class Player:
         self.lives = self.max_lives
         self.hand = []
         self.equipment = []
+        self.pending_action = PendingAction.WAIT
 
     def set_available_character(self, available):
         self.available_characters = available
diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue
index cd5689c..f57d332 100644
--- a/frontend/src/components/Lobby.vue
+++ b/frontend/src/components/Lobby.vue
@@ -13,6 +13,7 @@
 					</transition-group>
 					<Card :card="p.card" :class="{is_my_turn:p.is_my_turn}"/>
 					<tiny-hand :ncards="p.ncards"/>
+					<span style="position:absolute;top:0;">{{getActionEmoji(p)}}</span>
 					<div class="tiny-equipment">
 						<Card v-for="card in p.equipment" v-bind:key="card.name+card.number" :card="card" />
 					</div>
@@ -122,6 +123,16 @@ export default {
 		}
 	},
 	methods: {
+		getActionEmoji(p) {
+			if (p.is_my_turn === undefined || p.pending_action === undefined) return '';
+			if (p.pending_action != 4) {
+				return '▶️'
+			} else if (p.is_my_turn) {
+				return '⏸'
+			} else {
+				return ''
+			}
+		},
 		getPlayerCard(player) {
 			return {
 				name: player.name,