From 3b9e16f1c16f2d7265fdf2831e1c02d45c07e195 Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Sat, 21 Nov 2020 15:41:18 +0100
Subject: [PATCH] equipment visualizer

---
 frontend/src/components/Lobby.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue
index c815381..a214f63 100644
--- a/frontend/src/components/Lobby.vue
+++ b/frontend/src/components/Lobby.vue
@@ -2,12 +2,15 @@
 	<div>
 		<h1>Lobby: {{ lobbyName }}</h1>
 		<h3>Giocatori (tu sei {{username}})</h3>
-		<div style="display:flex">
+		<div class="players-table">
 			<Card v-if="startGameCard" :card="startGameCard" @click.native="startGame"/>
 			<!-- <div style="position: relative;width:260pt;height:400pt;"> -->
 			<div v-for="p in playersTable" v-bind:key="p.card.name" style="position:relative;">
 				<Card :card="p.card" :class="{is_my_turn:p.is_my_turn}"/>
 				<tiny-hand :ncards="p.ncards"/>
+				<div class="tiny-equipment">
+					<Card v-for="card in p.equipment" v-bind:key="card.name+card.number" :card="card" />
+				</div>
 			</div>
 				<!-- :style="p.style"/> -->
 			<!-- </div> -->
@@ -153,4 +156,21 @@ export default {
     transform: scale(1);
   }
 }
+.tiny-equipment {
+	position: absolute;
+	display: flex;
+	flex-direction: column;
+	right: -35pt;
+	transform: scale(0.45);
+	transform-origin: 50% 0%;
+	top: 0;
+}
+.tiny-equipment .card:nth-child(n+2) {
+	margin-top: -60pt;
+}
+.players-table {
+	display: flex;
+	justify-content: space-evenly;
+	margin-bottom: 12pt;
+}
 </style>