From 4081d805f0cc5fe93d355aaeb3490955a15c5316 Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Thu, 21 Jan 2021 18:21:55 +0100
Subject: [PATCH] action sounds

---
 frontend/src/assets/sounds/tap-kissy.mp3  | Bin 0 -> 1062 bytes
 frontend/src/assets/sounds/tap-sizzle.mp3 | Bin 0 -> 1166 bytes
 frontend/src/components/Chat.vue          |   8 ++++++--
 3 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/assets/sounds/tap-kissy.mp3
 create mode 100644 frontend/src/assets/sounds/tap-sizzle.mp3

diff --git a/frontend/src/assets/sounds/tap-kissy.mp3 b/frontend/src/assets/sounds/tap-kissy.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..79619d53db5498df8b205fce855d18ece9bf1486
GIT binary patch
literal 1062
zcmeZtF=k-^0p*b3U{@f`&%nU!lUSB!YN2Ojpl4`c0G5Ri|9?9iK;lA}5t(`EKo(FR
z0~1j1Pll(Yg8w7~kj+3xCIcO5YzpGQfC}pg2$T7z6Yo}OF#G@S14kGbI31W{w+JvO
z{ag2HzuAX{XP;eCZD3$HW6H$FdYGI2{DU8M>?J$w_?RT-2(T~<H8d!26gUX59Q@<J
z-~9aP!4Ea|M;`oK&%((6FGl|V2L}Pm6#^`_4m0fj$QMj!Sz5y4;3TTg*5ljDw!ncU
zIW^J2n2p!8>Tn~U{(+t?M_684Y@PA4f1&k(faNtDLhP4YYDKcb0>!u{^0Iorun5|d
zVDEWKD0XYf%RKdy#cpfVwMAY&`{wlP#a$csi+i>#O-gG!vM#rp<88C>|EQO<&Un2r
zNvc^|aptJjs~dNV*Qkf+dWCZL#%;K*dtrP3ocjO&ziFPoYP9Rae7m)AkK$(??CyyM
z1u+-*jh#*3#2y@~-EFsbbJt^wvk6BJ82LE*x*CHbdKCnq^P$3{)F2Fj|Gx!}Tw^}K
U!1zywfkA<R!33D3S!m!+0HNDb2mk;8

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/sounds/tap-sizzle.mp3 b/frontend/src/assets/sounds/tap-sizzle.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..d467bb377b701cc4b45199f9dbadd2596b491179
GIT binary patch
literal 1166
zcmeZtF=k-^0p*b3U{@f`&%nU!lUSB!YN2Ojpl4`c0G5Ri|9?9iK;lA}5t(`EKo(FR
z0}}%SOCrMsQo(<c0mx>cBa?xSG&TisU_gcC1%%0xm}Y8S1!n*Mec%WK13L$E=obM7
z<y#wG+M6~oDtnX|FfwqvSRdeE;t<{;&%Z*L{qPUPfP{tT*$@9bv%s!iPyTchyVb!D
zb^QN-IvoGc!~Ecf-TyYJX?m>_rgU6jXi{KcU^QLKp}~|?-Zw*J!9>SHJrlOrNXaSA
zNtxQpe3p|*N~h$4g+jxc75g0awD)nlih1>K3~g{;G)3{|d=sOqYf2wHU87@i=jp}H
zoShlVwZ*z3R-Kx(OjIN;XvGz2-_LI|Ie9jUUXpcK%qQi2-oik{?Z~dwn+Z>s=r^;3
zmnlA<+Hj(dDf80u@0zo8vdjMDP4c&P*J;;S_%qMsrpwZGXRP<tW@WDQ6IxOK+f-r6
z_BAh+`3~>p4GLefXi;ym)#goWAFn^Hv$0m8ii2N5=t<VOl`Az>-^H>>$6npOM(5In
zpih%`uPn;zn(mQnnkR7Q?)m3s3KLtx{Vwbkn8?c`+$y4b_)4_nE<JTGDf77HA;uzY
zk&!~`&5kz{9&~)v4BoVGqeiB~wF)n8X2+{ddt77$<^CUB&g{+V*R;+?m90Odx@kY#
zhKz)=#rOYlt@Cm8bu|VhwpF8mlo0s;JK)Ia=F>NfjsJXU047M224D^(#ehMk767hp
Bb6o%c

literal 0
HcmV?d00001

diff --git a/frontend/src/components/Chat.vue b/frontend/src/components/Chat.vue
index 790450c..df78050 100644
--- a/frontend/src/components/Chat.vue
+++ b/frontend/src/components/Chat.vue
@@ -14,6 +14,8 @@
 </template>
 
 <script>
+import message_sfx from '@/assets/sounds/tap-kissy.mp3'
+import notification_sfx from '@/assets/sounds/tap-sizzle.mp3'
 export default {
 	name: 'Chat',
 	data: () => ({
@@ -27,9 +29,11 @@ export default {
 			if ((typeof msg === "string") && msg.indexOf('_') === 0) {
 				let params = msg.split('|')
 				let type = params.shift().substring(1)
-				this.messages.push({text:this.$t(`chat.${type}`, params)})
+				this.messages.push({text:this.$t(`chat.${type}`, params)});
+				(new Audio(notification_sfx)).play();
 			}else {
-				this.messages.push(msg)
+				(new Audio(message_sfx)).play();
+				this.messages.push(msg);
 			}
 			let container = this.$el.querySelector("#chatbox");
 			container.scrollTop = container.scrollHeight;