newfreeplanet_OLD/src/views/email/unsubscribe/unsubscribe.vue

<template>
  <q-page v-if="param && param.em" 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
      >
        <div>
          <q-banner
            rounded
            class="bg-warning text-black"
            style="text-align: center"
            v-if="errore"
          >
            <span class="mybanner">{{ risultato }}</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>
        </div>
      </transition>
    </div>
  </q-page>
</template>

<script lang="ts" src="./unsubscribe.ts">
</script>

<style lang="scss" scoped>
@import './unsubscribe.scss';
</style>