Verifica telegram + email

- convertito la Configurazione newsletter
- Protetto le password (al load) che vengono settate in settings

src/components/CVerifyTelegram/CVerifyTelegram.ts

@@ -0,0 +1,53 @@
+import { defineComponent, ref, computed } from 'vue'
+
+import MixinBase from '@src/mixins/mixin-base'
+import { CCopyBtn } from '../CCopyBtn'
+import { useUserStore } from '@store/UserStore'
+import { useQuasar } from 'quasar'
+import { useI18n } from '@/boot/i18n'
+
+export default defineComponent({
+  name: 'CVerifyTelegram',
+  components: { CCopyBtn },
+  props: {},
+  setup(props, { emit }) {
+    const $q = useQuasar()
+    const { t } = useI18n()
+
+    const userStore = useUserStore()
+
+    const { setValDb, getValDb } = MixinBase()
+
+    function TelegCode() {
+      if (userStore.my.profile) {
+        return userStore.my.profile.teleg_checkcode
+      }else {
+        return 0
+      }
+    }
+
+    function TelegVerificato(): boolean {
+      return userStore.my.profile ? userStore.my.profile.teleg_id! > 0 : false
+    }
+
+    function getLinkBotTelegram(): string {
+      return getValDb('TELEG_BOT_LINK', false)
+    }
+    function getBotNameTelegram() {
+      return t('ws.botname');
+    }
+
+    function isEmailVerified(): boolean {
+      return userStore.my.verified_email!
+    }
+
+    return {
+      TelegCode,
+      TelegVerificato,
+      getLinkBotTelegram,
+      isEmailVerified,
+      getBotNameTelegram,
+    }
+  }
+})
+

src/components/CVerifyTelegram/CVerifyTelegram.vue

@@ -0,0 +1,39 @@
+<template>
+  <div class="text-center q-gutter-sm q-ma-sm clBorderWarning">
+    <div v-if="TelegCode() > 0">
+      <div class="text-h5 text-center text-red">
+        {{ $t('reg.teleg_auth') }} Telegram:
+      </div>
+
+      <CCopyBtn :title="$t('reg.click_per_copiare')" :texttocopy="TelegCode()">
+
+      </CCopyBtn>
+
+      <div class="text-h6 text-center" v-html="$t('reg.teleg_torna_sul_bot', {botname: getBotNameTelegram()})">
+      </div>
+    </div>
+
+    <div v-if="!TelegVerificato()" class="q-pa-sm q-gutter-sm">
+      <div v-if="!TelegCode()"><strong>{{ $t('components.authentication.telegram.open')}}</strong></div>
+      <div class="q-ma-md">
+        <q-btn rounded color="primary" icon="fab fa-telegram" :label="$t('components.authentication.telegram.openbot', {botname: $t('ws.botname') })"
+               type="a"
+               :href="getLinkBotTelegram()" target="_blank"></q-btn>
+        <br>
+      </div>
+      <strong>{{ $t('components.authentication.telegram.ifclose', {botname: getBotNameTelegram() })}}</strong>
+      <div class="q-my-sm">
+        <q-img src="statics/images/ayni_bot.jpg" class="" :alt="$t('ws.sitename')" style="height: 100px; width: 250px;">
+        </q-img>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script lang="ts" src="./CVerifyTelegram.ts">
+</script>
+
+<style lang="scss" scoped>
+  @import './CVerifyTelegram.scss';
+</style>

src/components/CVerifyTelegram/index.ts

@@ -0,0 +1 @@
+export {default as CVerifyTelegram} from './CVerifyTelegram.vue'