From e81f6f3d2caad0e4950b83796bf05cca52971c47 Mon Sep 17 00:00:00 2001
From: Matteias Collet <matteias.collet@bluewin.ch>
Date: Fri, 11 Jun 2021 01:28:34 +0200
Subject: [PATCH] add event triggers

---
 site/.vuepress/components/FeedbackModal.vue | 18 ++++++++++++--
 site/.vuepress/components/Generator.vue     | 27 +++++++++++++++++++++
 2 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/site/.vuepress/components/FeedbackModal.vue b/site/.vuepress/components/FeedbackModal.vue
index 1652a18..8269c54 100644
--- a/site/.vuepress/components/FeedbackModal.vue
+++ b/site/.vuepress/components/FeedbackModal.vue
@@ -6,8 +6,9 @@
           <div v-if="showModal" class="modal-body">
             <p>
               If you have 5 minutes please fill out our
-              <a href="https://forms.gle/WYdGEYARPArd7uYx5" target="_blank">feedback form</a>.
-              Thanks!
+              <a @click="onFormClick" href="https://forms.gle/WYdGEYARPArd7uYx5" target="_blank"
+                >feedback form</a
+              >. Thanks!
             </p>
             <div>
               <ButtonComponent
@@ -41,8 +42,21 @@ export default {
     if (localStorage.getItem('feedback-modal-displayed') !== 'y') {
       this.showModal = true;
       localStorage.setItem('feedback-modal-displayed', 'y');
+      try {
+        window._paq.push(['trackEvent', 'GCT Generator', 'Show Feedback Form Modal', '']);
+      } catch {}
     }
   },
+  methods: {
+    onFormClick() {
+      try {
+        window._paq.push(['trackEvent', 'GCT Generator', 'Change Cheat Selection', '']);
+      } catch {
+      } finally {
+        return true;
+      }
+    },
+  },
 };
 </script>
 
diff --git a/site/.vuepress/components/Generator.vue b/site/.vuepress/components/Generator.vue
index 1612a4b..fda44ce 100644
--- a/site/.vuepress/components/Generator.vue
+++ b/site/.vuepress/components/Generator.vue
@@ -132,16 +132,43 @@ export default {
       this.codes = gameVersions.find((c) => c.identifier === e).codes;
       this.stageLoaderCodes = gameVersions.find((c) => c.identifier === e).fastCode;
       this.inspectingCode = null;
+      try {
+        window._paq.push([
+          'trackEvent',
+          'GCT Generator',
+          'Change Version',
+          JSON.stringify({ version: e }),
+        ]);
+      } catch {}
     },
     onFormatChanged(e) {
       this.selectedFormat = e;
+      try {
+        window._paq.push([
+          'trackEvent',
+          'GCT Generator',
+          'Change Format',
+          JSON.stringify({ format: e }),
+        ]);
+      } catch {}
     },
     onStageLoaderChanged(e) {
       this.useStageLoader = e === true || e === 'true';
       if (!this.useStageLoader) this.selectedStageLoader = null;
+      try {
+        window._paq.push([
+          'trackEvent',
+          'GCT Generator',
+          'Change StageLoader State',
+          JSON.stringify({ enabled: e }),
+        ]);
+      } catch {}
     },
     onCheatSelectionChanged(e) {
       this.selectedCheats = e;
+      try {
+        window._paq.push(['trackEvent', 'GCT Generator', 'Change Cheat Selection', '']);
+      } catch {}
     },
     onStageLoaderCodeChanged(e) {
       this.selectedStageLoader = e;