From fefa97a8aa0500a93332d6ff84a39c04070dfd40 Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Tue, 24 Nov 2020 17:23:33 +0100
Subject: [PATCH] add card range

---
 backend/cards.py                 | 2 ++
 backend/game.py                  | 2 +-
 frontend/src/components/Card.vue | 6 +++---
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/backend/cards.py b/backend/cards.py
index 457970a..08b18aa 100644
--- a/backend/cards.py
+++ b/backend/cards.py
@@ -28,6 +28,8 @@ class Card(ABC):
         self.vis_mod = vis_mod
         self.sight_mod = sight_mod
         self.range = range
+        if self.range != 0 and self.range != 99:
+            self.alt_text =  f'{self.range} 🔍'
         self.desc = desc
         self.need_target = False
 
diff --git a/backend/game.py b/backend/game.py
index dc63251..4e4f8eb 100644
--- a/backend/game.py
+++ b/backend/game.py
@@ -62,7 +62,7 @@ class Game:
             available_roles = available_roles[:len(self.players)]
         random.shuffle(available_roles)
         for i in range(len(self.players)):
-            self.sio.emit('chat_message', room=self.name, data=f'{self.players[i].name} ha come personaggio {self.players[i].character.name}')
+            self.sio.emit('chat_message', room=self.name, data=f'{self.players[i].name} ha come personaggio {self.players[i].character.name}, la sua abilità speciale è: {self.players[i].character.desc}')
             self.players[i].set_role(available_roles[i])
             if isinstance(available_roles[i], roles.Sheriff) or (len(available_roles) == 3 and isinstance(available_roles[i], roles.Vice)):
                 if isinstance(available_roles[i], roles.Sheriff):
diff --git a/frontend/src/components/Card.vue b/frontend/src/components/Card.vue
index 01158ee..fae0568 100644
--- a/frontend/src/components/Card.vue
+++ b/frontend/src/components/Card.vue
@@ -2,7 +2,7 @@
 	<div :class="{ card: true, equipment: card.is_equipment, character:card.is_character, back:card.is_back}">
 		<h4>{{card.name}}</h4>
 		<div class="emoji">{{card.icon}}</div>
-		<div v-if="card.is_character" class="alt_text">{{card.alt_text}}</div>
+		<div class="alt_text">{{card.alt_text}}</div>
 		<div class="suit">{{card.number}}{{suit}}</div>
 	</div>
 </template>
@@ -91,12 +91,12 @@ export default {
 	right: 3pt;
 	text-align: center;
 }
-.card.character .alt_text {
+.alt_text {
 	right: 3pt;
 	text-align: center;
 	position: absolute;
 	font-size: small;
-	bottom: 16pt;
+	bottom: 20pt;
 	left: 3pt;
 }
 @media (prefers-color-scheme: dark) {