From 294e3c928d5e77fb2efaa338160dabad6bc107d8 Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Wed, 20 Jan 2021 12:29:13 +0100
Subject: [PATCH] new animations

---
 frontend/src/components/Deck.vue   | 38 ++++++++++++++++++++++++++++++
 frontend/src/components/Player.vue | 12 +++++++++-
 2 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Deck.vue b/frontend/src/components/Deck.vue
index 418e380..67857ce 100644
--- a/frontend/src/components/Deck.vue
+++ b/frontend/src/components/Deck.vue
@@ -149,6 +149,44 @@ export default {
 		transform: translate(0, 0) scale(1);
 	}
 }
+@keyframes pick {
+	0% {
+		transform: translate(0,0);
+		z-index: 1;
+	}
+	50% {
+		transform: translate(-10px,0);
+		z-index: 1;
+	}
+	100% {
+		transform: translate(0,0);
+		z-index: 1;
+	}
+}
+@keyframes draw {
+	0% {
+		transform: translate(0,0);
+		z-index: 1;
+	}
+	50% {
+		transform: translate(0,10px);
+		z-index: 1;
+	}
+	100% {
+		transform: translate(0,0);
+		z-index: 1;
+	}
+}
+.pick {
+	animation-duration: 2s;
+	animation-name: pick;
+	animation-iteration-count: infinite;
+}
+.draw {
+	animation-duration: 2s;
+	animation-name: draw;
+	animation-iteration-count: infinite;
+}
 .pick:hover {
 	transform: translate(-10px,0);
 	z-index: 1;
diff --git a/frontend/src/components/Player.vue b/frontend/src/components/Player.vue
index a2adbcf..dbf389b 100644
--- a/frontend/src/components/Player.vue
+++ b/frontend/src/components/Player.vue
@@ -26,7 +26,7 @@
 		<button v-if="is_my_turn && character.name === 'Doc Holyday' && special_use_count < 1 && hand.length > 1" @click="holydayScrap=true">{{$t('special_ability')}}</button>
 		<div v-if="lives > 0 || is_ghost" style="position:relative">
 			<span id="hand_text">{{$t('hand')}}</span>
-			<transition-group name="list" tag="div" class="hand">
+			<transition-group name="list" tag="div" :class="{hand:true, 'play-cards':pending_action===2}">
 				<Card v-for="card in handComputed" v-bind:key="card.name+card.number" :card="card" 
 					@click.native="play_card(card, false)"
 					@pointerenter.native="hint=($i18n.locale=='it'?card.desc:card.desc_eng)" @pointerleave.native="hint=''"
@@ -442,4 +442,14 @@ export default {
 		visibility: hidden;
 	}
 }
+/* @keyframes play-cards {
+	50% {
+		background: rgba(204, 204, 204, 0.3);
+	}
+}
+.play-cards {
+	animation: play-cards;
+	animation-duration: 3s;
+	animation-iteration-count: infinite;
+} */
 </style>
\ No newline at end of file