Fix the feedback buttons event tracking

vasanthv · Jan 16, 2023 · 88ee374 · 88ee374
1 parent 361adf6
commit 88ee374
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/www/app.js b/www/app.js
@@ -264,6 +264,13 @@ const App = Vue.createApp({
 		setStyle(key, value) {
 			document.documentElement.style.setProperty(key, value);
 		},
+		onCallFeedback(e) {
+			try {
+				if (cabin) {
+					cabin.event(e.target.getAttribute("data-cabin-event"));
+				}
+			} catch (e) {}
+		},
 		exit() {
 			signalingSocket.close();
 			for (let peer_id in peers) {

diff --git a/www/index.html b/www/index.html
@@ -75,9 +75,9 @@
 							<div class="question italic">How was the quality of call?</div>
 							<div class="thankYou bold">Thank you for your feedback</div>
 							<div id="feedbackButtons">
-								<button data-cabin-event="call-quality-nah">😟<br />Nah!</button>
-								<button data-cabin-event="call-quality-meh">😐<br />Meh!</button>
-								<button data-cabin-event="call-quality-yay">😀<br />Yay!</button>
+								<button data-cabin-event="call-quality-nah" v-on:click="onCallFeedback">😟<br />Nah!</button>
+								<button data-cabin-event="call-quality-meh" v-on:click="onCallFeedback">😐<br />Meh!</button>
+								<button data-cabin-event="call-quality-yay" v-on:click="onCallFeedback">😀<br />Yay!</button>
 							</div>
 						</div>
 					</div>