feat: disable analytics in settings

src/components/Home/main.js

@@ -43,7 +43,7 @@ export default {
       if (!key) return;
       if (this.cards[key]) {
         this.$set(this.cards[key], 'init', true);
-        this.$ga.event('cards', 'used', key, true);
+        this.$ga.event('cards', 'used', key, 2);
       }
       if (!data) {
         if (localStorage.getItem(`cache_${key}`)) {
@@ -75,7 +75,7 @@ export default {
       this.cards$[key].detach(this.resize);
       this.$delete(this.cards$, key);
       this.setCards(key);
-      this.$ga.event('cards', 'delete', key, true);
+      this.$ga.event('cards', 'delete', key, 0);
       this.$store.commit('SET_CARDS', Object.keys(this.cards));
     },
     addCard(key, value) {
@@ -87,7 +87,7 @@ export default {
         });
         this.cards$[elem.getAttribute('data-id')] = new ResizeSensor(elem, this.resize); // eslint-disable-line no-new
       });
-      this.$ga.event('cards', 'add', key, true);
+      this.$ga.event('cards', 'add', key, 1);
       this.$store.commit('SET_CARDS', Object.keys(this.cards));
     },
     handleSize() {

src/components/Settings/index.vue

@@ -26,6 +26,8 @@
               </v-menu>
             </v-flex>
           </v-layout>
+          <h4 class="headline">Google Analytics</h4>
+          <v-switch :label="analytics.enabled ? `On` : `Off`" v-model="analytics.enabled"></v-switch>
           <Config @save="save()" :settings="settings" id="global" />
           <p class="text-xs-right">Made with
             <v-icon small color="red">favorite</v-icon> by

src/components/Settings/main.js

@@ -15,6 +15,9 @@ export default {
         from: '22:00',
         to: '9:00',
       },
+      analytics: {
+        enabled: true,
+      },
       from_menu: false,
       to_menu: false,
     };
@@ -25,10 +28,12 @@ export default {
         key: 'dark',
         settings: Object.assign({}, this.dark),
       });
+      localStorage.setItem('analytics', JSON.stringify(this.analytics.enabled));
     },
   },
   mounted() {
     this.dark = Object.assign({}, this.$store.state.settings.dark);
+    this.analytics.enabled = JSON.parse(localStorage.getItem('analytics') || 'true');
     this.settings = this.settings.map((f) => {
       if (this.$store.state.settings.global[f.name] !== undefined) {
         f.value = this.$store.state.settings.global[f.name];

src/main.js

@@ -40,6 +40,9 @@ Vue.use(VueAnalytics, {
   // In Chrome extension, must close checking protocol.
   set: [{ field: 'checkProtocolTask', value: null }],
   router,
+  debug: {
+    sendHitTask: JSON.parse(localStorage.getItem('analytics') || 'true'),
+  },
 });
 Vue.use(Vuex);
 Vue.use(Vuetify, {