From 68ba68a8713457a74afe4ee433a65ed90966b4d7 Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Tue, 24 Nov 2020 12:02:23 +0100
Subject: [PATCH] show character

---
 backend/game.py                   | 1 +
 backend/roles.py                  | 3 ++-
 frontend/src/components/Lobby.vue | 9 +++++++--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/backend/game.py b/backend/game.py
index bb5e9b1..dc63251 100644
--- a/backend/game.py
+++ b/backend/game.py
@@ -242,6 +242,7 @@ class Game:
             'is_sheriff': isinstance(p.role, roles.Sheriff),
             'is_my_turn': p.is_my_turn,
             'pending_action': p.pending_action,
+            'character': p.character.__dict__
         } for p in self.players]
         self.sio.emit('players_update', room=self.name, data=data)
 
diff --git a/backend/roles.py b/backend/roles.py
index 4f44ea0..c5378c4 100644
--- a/backend/roles.py
+++ b/backend/roles.py
@@ -6,7 +6,8 @@ class Role(ABC):
         self.name = name
         self.goal = goal
         self.health_mod = health_mod
-    
+        self.alt_goal = ''
+
     @abstractmethod
     def on_player_death(self, alive_players: list, initial_players: int):
         pass
diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue
index 495751e..0550196 100644
--- a/frontend/src/components/Lobby.vue
+++ b/frontend/src/components/Lobby.vue
@@ -12,8 +12,9 @@
 						<span v-for="(n, i) in (p.max_lives-p.lives)" v-bind:key="n" :alt="i">💀</span>
 					</transition-group>
 					<Card :card="p.card" :class="{is_my_turn:p.is_my_turn}"/>
+					<Card v-if="p.character" :card="p.character" class="character tiny-character"/>
 					<tiny-hand :ncards="p.ncards" @click.native="drawFromPlayer(p.name)"/>
-					<span style="position:absolute;top:0;">{{getActionEmoji(p)}}</span>
+					<span style="position:absolute;top:0;" class="center-stuff">{{getActionEmoji(p)}}</span>
 					<div class="tiny-equipment">
 						<Card v-for="card in p.equipment" v-bind:key="card.name+card.number" :card="card" />
 					</div>
@@ -139,7 +140,6 @@ export default {
 				name: player.name,
 				number: ((this.username == player.name) ? 'YOU' : (this.players[0].name == player.name) ? 'OWNER' :'') + (player.dist ? `${player.dist}⛰` : ''),
 				icon: (player.lives === undefined || player.lives > 0) ? (player.is_sheriff ? '⭐' : '🤠') : '☠️',
-				alt_text: player.character,
 				is_character: true,
 			}
 		},
@@ -225,6 +225,11 @@ export default {
 .tiny-equipment .card:nth-child(n+2) {
 	margin-top: -60pt;
 }
+.tiny-character {
+	position: absolute;
+	transform: scale(0.6) translate(-80px, -50px);
+	top: 0;
+}
 .players-table {
 	display: flex;
 	justify-content: space-evenly;