- Chart Maps Nationality

- Username lowercase
- Statistics
- Telegram

src/views/email/unsubscribe/unsubscribe.scss

@@ -0,0 +1,6 @@
+.mypanel {
+  padding: 10px;
+  margin: 10px;
+
+}
+

src/views/email/unsubscribe/unsubscribe.ts

@@ -0,0 +1,57 @@
+import Vue from 'vue'
+import { Component } from 'vue-property-decorator'  // Questo va messo SEMPRE ! (ed anche $t ....) altrimenti non carica !
+
+import { UserStore } from '@store'
+
+import { serv_constants } from '../../../store/Modules/serv_constants'
+
+import { ILinkReg } from '../../../model/other'
+import { tools } from '../../../store/Modules/tools'
+
+@Component({})
+export default class Unsubscribe extends Vue {
+  public risultato: string = '...'
+  public riscode: number = 0
+  public $t: any
+
+  constructor() {
+    super()
+    console.log('Vreg constructor...')
+  }
+
+  public created() {
+    console.log('vreg created')
+    this.load()
+  }
+
+  get disiscritto() {
+    return this.riscode === serv_constants.RIS_UNSUBSCRIBED_OK
+  }
+
+  get errore() {
+    return this.riscode !== serv_constants.RIS_UNSUBSCRIBED_OK
+  }
+
+  get myrisultato() {
+    return this.risultato
+  }
+
+  get email() {
+    return this.$route.query.email
+  }
+
+  public load() {
+    // console.log('load')
+    let param
+    param = { em: this.$route.query.em, mc: this.$route.query.mc, locale: tools.getLocale()  }
+    console.log('idlink = ', param)
+    return UserStore.actions.unsubscribe(param)
+      .then((ris) => {
+        this.riscode = ris.code
+        this.risultato = ris.msg
+
+      }).catch((err) => {
+        console.log('ERR = ' + err)
+    })
+  }
+}

src/views/email/unsubscribe/unsubscribe.vue

@@ -0,0 +1,48 @@
+<template>
+    <q-page padding class="vreg">
+        <div class="q-pa-md q-gutter-sm">
+            <q-banner
+                    rounded
+                    class="bg-primary text-white"
+                    color="primary q-title"
+                    style="text-align: center;">
+                <span class="mybanner">{{ $t('components.authentication.email_verification.title_unsubscribe')}}: {{email}}</span>
+            </q-banner>
+            <br>
+
+            <transition
+                    enter-active-class="animated fadeIn"
+                    leave-active-class="animated fadeOut"
+                    appear
+
+            >
+
+                <q-banner
+                        rounded
+                        class="bg-warning text-black"
+                        style="text-align: center;"
+                        v-if="errore"
+                >
+                    <span class="mybanner">{{ myrisultato}}</span>
+                </q-banner>
+                <q-banner
+                        class="bg-positive text-white"
+                        style="text-align: center;"
+                        rounded
+                        v-if="disiscritto"
+                >
+                    <span class="mybanner">{{ $t('components.authentication.email_verification.title_unsubscribe_done') }}</span>
+                </q-banner>
+            </transition>
+
+
+        </div>
+    </q-page>
+</template>
+
+<script lang="ts" src="./unsubscribe.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './unsubscribe.scss';
+</style>