From 8d95154940ee332db82aeb65e4f6c9c669df8199 Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Tue, 24 Nov 2020 19:03:39 +0100
Subject: [PATCH] visual info

---
 frontend/src/components/Lobby.vue  | 4 +++-
 frontend/src/components/Player.vue | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue
index 0550196..4128f0e 100644
--- a/frontend/src/components/Lobby.vue
+++ b/frontend/src/components/Lobby.vue
@@ -12,7 +12,7 @@
 						<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"/>
+					<Card v-if="p.character" :card="p.character" class="character tiny-character" @click.native="selectedInfo = p.character"/>
 					<tiny-hand :ncards="p.ncards" @click.native="drawFromPlayer(p.name)"/>
 					<span style="position:absolute;top:0;" class="center-stuff">{{getActionEmoji(p)}}</span>
 					<div class="tiny-equipment">
@@ -28,6 +28,7 @@
 			</div>
 		</div>
 		<chat/>
+		<Chooser v-if="selectedInfo" text="Dettagli" :cards="[selectedInfo]"  cancelText="OK" :cancel="()=>{selectedInfo = null}"/>
 		<transition name="bounce">
 			<Chooser v-if="showChooser" text="Scegli il tuo personaggio" :cards="availableCharacters" :select="setCharacter"/>
 			<Chooser v-if="hasToChoose" text="Scegli una carta" :cards="chooseCards" :select="chooseCard"/>
@@ -67,6 +68,7 @@ export default {
 		hasToChoose: false,
 		chooseCards: [],
 		wantsToEndTurn: false,
+		selectedInfo: null,
 	}),
 	sockets: {
 		room(data) {
diff --git a/frontend/src/components/Player.vue b/frontend/src/components/Player.vue
index 6b56d48..5ac193d 100644
--- a/frontend/src/components/Player.vue
+++ b/frontend/src/components/Player.vue
@@ -8,7 +8,7 @@
 			<Card v-if="character" :card="character" style="margin-left: -30pt;margin-right: 0pt;"
 					@pointerenter.native="desc=character.desc" @pointerleave.native="desc=''"/>
 			<transition-group name="list" tag="div" style="margin: 0 0 0 10pt; display:flex;">
-				<Card v-for="card in equipment" v-bind:key="card.name+card.number" :card="card" />
+				<Card v-for="card in equipment" v-bind:key="card.name+card.number" :card="card" @pointerenter.native="desc=card.desc" @pointerleave.native="desc=''" />
 			</transition-group>
 		</div>
 		<p v-if="desc">{{desc}}</p>