From 62a72717cfd13c58c22670c11502ab8557a9f21d Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Mon, 25 Jan 2021 11:33:09 +0100
Subject: [PATCH] play sound when user has to respond

---
 frontend/src/assets/sounds/chooser.mp3 | Bin 0 -> 2470 bytes
 frontend/src/components/Chooser.vue    |   5 +++++
 frontend/src/components/Lobby.vue      |   2 +-
 frontend/src/components/Player.vue     |   6 +++---
 4 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 frontend/src/assets/sounds/chooser.mp3

diff --git a/frontend/src/assets/sounds/chooser.mp3 b/frontend/src/assets/sounds/chooser.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..d59996a3d2b46b3346a8de14897a7c8b85782ec5
GIT binary patch
literal 2470
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
I^<TRD4vQ5#RR910

literal 0
HcmV?d00001

diff --git a/frontend/src/components/Chooser.vue b/frontend/src/components/Chooser.vue
index 61594e2..391f337 100644
--- a/frontend/src/components/Chooser.vue
+++ b/frontend/src/components/Chooser.vue
@@ -14,6 +14,7 @@
 
 <script>
 import Card from '@/components/Card.vue'
+import show_sfx from '@/assets/sounds/chooser.mp3'
 
 export default {
 	name: 'Chooser',
@@ -30,6 +31,7 @@ export default {
 		},
 		text: String,
 		hintText: String,
+		playAudio: Boolean,
 	},
 	data: () => ({
 		desc: '',
@@ -55,6 +57,9 @@ export default {
 		if (this.realCancelText == '') {
 			this.realCancelText = this.$t('cancel')
 		}
+		if (this.playAudio) {
+			(new Audio(show_sfx)).play();
+		}
 	},
 }
 </script>
diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue
index a471cb9..4d667a5 100644
--- a/frontend/src/components/Lobby.vue
+++ b/frontend/src/components/Lobby.vue
@@ -61,7 +61,7 @@
 		<chat :username="username"/>
 		<Chooser v-if="selectedInfo" :text="$t('details')" :cards="selectedInfo" :cancelText="$t('ok')" :cancel="()=>{selectedInfo = null}" :select="()=>{selectedInfo = null}"/>
 		<transition name="bounce">
-			<Chooser v-if="hasToChoose" :text="`${$t('choose_card')}${target_p?$t('choose_card_from') + target_p:''}`" :cards="chooseCards" :select="chooseCard"/>
+			<Chooser v-show="hasToChoose" :text="`${$t('choose_card')}${target_p?$t('choose_card_from') + target_p:''}`" :cards="chooseCards" :select="chooseCard"/>
 			<full-screen-input v-if="!started && hasToSetUsername" :defaultValue="storedUsername" :text="$t('choose_username')" :val="username" :cancel="setUsername" :cancelText="$t('ok')"/>
 		</transition>
 	</div>
diff --git a/frontend/src/components/Player.vue b/frontend/src/components/Player.vue
index f53c1e3..0e7d4d3 100644
--- a/frontend/src/components/Player.vue
+++ b/frontend/src/components/Player.vue
@@ -38,15 +38,15 @@
 		</transition>
 		<Chooser v-if="is_my_turn && pending_action == 4 && (lives > 0 || is_ghost) && !(emporioCards && emporioCards.cards && emporioCards.cards.length > 0)" :text="$t('wait')" :cards="[]"/>
 		<Chooser v-if="card_against" :text="$t('card_against')" :hint-text="visiblePlayers.length === 0 ? $t('no_players_in_range'):''" :cards="visiblePlayers" :select="selectAgainst" :cancel="cancelCardAgainst"/>
-		<Chooser v-if="pending_action == 3" :text="respondText" :cards="respondCards" :select="respond"/>
-		<Chooser v-if="shouldChooseCard" :text="$t(choose_text)" :cards="available_cards" :select="choose"/>
+		<Chooser v-if="pending_action == 3" :text="respondText" :cards="respondCards" :select="respond" :playAudio="true"/>
+		<Chooser v-if="shouldChooseCard" :text="$t(choose_text)" :cards="available_cards" :select="choose" :playAudio="true"/>
 		<Chooser v-if="lives <= 0 && max_lives > 0 && !is_ghost" :text="$t('you_died')" :cancelText="$t('spectate')" :cancel="()=>{max_lives = 0}"/>
 		<Chooser v-if="win_status !== undefined" :text="win_status?$t('you_win'):$t('you_lose')" />
 		<Chooser v-if="show_role" :text="$t('you_are')" :cards="[my_role]" :hintText="($i18n.locale=='it'?my_role.goal:my_role.goal_eng)" :select="() => {show_role=false}" :cancel="() => {show_role=false}" :cancelText="$t('ok')" />
 		<Chooser v-if="notifycard" :key="notifycard.card" :text="`${notifycard.player} ${$t('did_pick_as')}:`" :cards="[notifycard.card]" :hintText="$t(notifycard.message)" class="turn-notify-4s"/>
 		<Chooser v-if="!show_role && is_my_turn && pending_action < 2" :text="$t('play_your_turn')" :key="is_my_turn" class="turn-notify" />
 		<Chooser v-if="!show_role && availableCharacters.length > 0" :text="$t('choose_character')" :cards="availableCharacters" :select="setCharacter"/>
-		<Chooser v-if="hasToPickResponse" :text="`${$t('pick_a_card')} ${attacker?($t('to_defend_from')+' '+attacker):''}`" :key="hasToPickResponse" class="turn-notify" />
+		<Chooser v-if="hasToPickResponse" :playAudio="true" :text="`${$t('pick_a_card')} ${attacker?($t('to_defend_from')+' '+attacker):''}`" :key="hasToPickResponse" class="turn-notify" />
 		<Chooser v-if="!card_against && card_with" :text="`${$t('choose_scarp_card_to')} ${card_with.name.toUpperCase()}`" :cards="handComputed.filter(x => x !== card_with)" :select="selectWith" :cancel="()=>{card_with = null}"/>
 		<Chooser v-if="showScrapScreen" :text="`${$t('discard')} ${hand.length}/${lives}`" :cards="hand" :select="scrap"  :cancel="cancelEndingTurn"/>
 		<Chooser v-if="sidWantsScrapForHealth && scrapHand.length < 2" :text="`${$t('discard')} ${2 - scrapHand.length} ${$t('to_regain_1_hp')}`"