From 79421f71cfeadaf75866b89b0abe785370d244f3 Mon Sep 17 00:00:00 2001
From: Dominik Korsa <dominik.korsa@gmail.com>
Date: Sun, 3 Mar 2019 13:45:02 +0100
Subject: [PATCH] Add beta item logging

---
 src/components/HomeDownloadBetaItem.vue | 49 +++++++++++++++++++++++--
 1 file changed, 45 insertions(+), 4 deletions(-)

diff --git a/src/components/HomeDownloadBetaItem.vue b/src/components/HomeDownloadBetaItem.vue
index 51b560a..efdce09 100644
--- a/src/components/HomeDownloadBetaItem.vue
+++ b/src/components/HomeDownloadBetaItem.vue
@@ -1,18 +1,29 @@
 <template>
   <div class="download-beta-item">
-    <div class="code"><a :href="github" target="_blank">{{ code }}</a></div>
+    <div class="code"><a :href="github" target="_blank" @click="codeClick">{{ code }}</a></div>
     <a
       class="released"
       :title="releasedString"
       :href="`https://github.com/wulkanowy/wulkanowy/tree/${code}`"
-      target="_blank">
+      target="_blank"
+      @click="releasedClick">
       {{ releasedRelativeString }}
     </a>
     <div class="buttons">
-      <a class="github-button" :href="github" target="_blank" title="GitHub">
+      <a
+      class="github-button"
+      :href="github"
+      target="_blank"
+      title="GitHub"
+      @click="githubClick">
         <span class="mdi mdi-github-circle"></span>
       </a>
-      <a class="download-button" :href="download" target="_blank" title="Download">
+      <a
+        class="download-button"
+        :href="download"
+        target="_blank"
+        title="Download"
+        @click="downloadClick">
         <span class="mdi mdi-download"></span>
       </a>
     </div>
@@ -40,6 +51,36 @@ export default {
       type: String,
     },
   },
+  methods: {
+    codeClick() {
+      this.$ga.event({
+        eventCategory: 'beta-item',
+        eventAction: 'code-click',
+        eventLabel: this.code,
+      });
+    },
+    releasedClick() {
+      this.$ga.event({
+        eventCategory: 'beta-item',
+        eventAction: 'released-click',
+        eventLabel: this.code,
+      });
+    },
+    githubClick() {
+      this.$ga.event({
+        eventCategory: 'beta-item',
+        eventAction: 'github-click',
+        eventLabel: this.code,
+      });
+    },
+    downloadClick() {
+      this.$ga.event({
+        eventCategory: 'beta-item',
+        eventAction: 'download-click',
+        eventLabel: this.code,
+      });
+    },
+  },
   computed: {
     releasedString() {
       return moment(this.released).format('dddd, D MMM YYYY HH:mm:ss');