Merge pull request #145 from openearth/feat/cookie-welcome-dialog

Feat/cookie welcome dialog

src/App.vue

@@ -55,6 +55,7 @@
       :options="tourConfig"
       name="introduction"
       @click.native="nextStep"
+      :callbacks="tourCallbacks"
     />
 
     <v-mapbox
@@ -139,6 +140,7 @@
   import { tourConfig, generateTourSteps, tourStepCount } from '@/plugins/vue-tour'
   import FeedbackDialog from './components/FeedbackDialog/FeedbackDialog.vue'
   import AcknowledgmentsDialog from '~/components/AcknowledgmentsDialog/AcknowledgmentsDialog.vue'
+  import { getCookie, setCookie } from './lib/cookies'
 
   const removeRegion = locale => locale.replace(/-.+/, '')
   const localeIsAvailable = locale => availableLocales.includes(locale)
@@ -168,6 +170,7 @@
 
     data: () => ({
       tourConfig,
+      tourCallbacks: {},
       generateTourSteps,
       tourStepCount,
       accessToken: process.env.VUE_APP_MAPBOX_TOKEN,
@@ -237,7 +240,11 @@
         await this.getAppData({ route, locale: this.currentLocale } )
         this.localeIsLoading = false
       })
-      this.showTour()
+      this.tourCallbacks = { onSkip: this.skipTourCallback, }
+      const skipTourCookie = getCookie("skipTour")
+      if (!skipTourCookie) {
+        this.showTour()
+      }
     },
 
     methods: {
@@ -332,6 +339,9 @@
       showTour () {
         this.$tours.introduction.start()
       },
+      skipTourCallback() {
+        setCookie("skipTour", true, 30)        
+      },
       nextStep () {
         if (tourStepCount == 2 ) {
           const firstFolder = this.displayLayers[0]

src/lib/cookies.js

@@ -0,0 +1,22 @@
+export function setCookie(cname, cvalue, exdays) {
+    const d = new Date();
+    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
+    let expires = "expires="+d.toUTCString();
+    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+  }
+
+export function getCookie(cname) {
+    let name = cname + "=";
+    let ca = document.cookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) == ' ') {
+        c = c.substring(1);
+      }
+      if (c.indexOf(name) == 0) {
+        return c.substring(name.length, c.length);
+      }
+    }
+    return "";
+  }
+