myprojplanet_vite/src/components/CContactUser/CContactUser.vue

<template>
  <div v-if="(getLinkUserTelegram() && tools.isUserOk()) || showBtnActivities"
  class="row justify-evenly items-center q-pa-sm q-ma-sm">
    <q-inner-loading id="spinner" :showing="loading">
      <q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
    </q-inner-loading>
    <div v-if="showBtnActivities">
      <q-btn
        v-if="site.confpages && site.confpages.showCompetenze"
        icon="fas fa-house-user"
        size="md"
        color="orange"
        :label="$t('profile.myactivities')"
        :to="`/attivita/` + myuser.username"
      >
      </q-btn>
    </div>
    <div class="q-ma-sm">
      <q-btn
        v-if="getLinkUserTelegram() && tools.isUserOk()"
        icon="fab fa-telegram"
        color="blue"
        :type="tools.isUserOk() ? 'a' : 'btn'"
        size="md"
        rounded
        :label="$t('dialog.contact')"
        :href="tools.isUserOk() ? getLinkUserTelegram() : null"
        @click="!tools.isUserOk() ? (showingtooltip = !showingtooltip) : false"
        target="__blank"
      >
      </q-btn>
      <div v-else-if="myuser.email && tools.isUserOk()" class="row q-ma-sx">
        <CLabel
          v-bind="$attrs"
          :copy="true"
          :value="tools.isUserOk() ? myuser.email : ''"
          :label="$t('reg.email')"
        />

        <q-btn
          outline
          icon="fas fa-envelope"
          :color="$q.dark.isActive ? `white` : `black`"
          :type="tools.isUserOk() ? 'a' : 'btn'"
          size="md"
          :label="$t('msgs.send_email')"
          :href="tools.isUserOk() ? tools.getemailto(myuser.email) : null"
          @click="
            !tools.isUserOk() ? (showingtooltip = !showingtooltip) : false
          "
          target="__blank"
        >
        </q-btn>
      </div>
    </div>
  </div>
  <div v-if="showsendCoinTo || sendRIS">
    <CSendCoins
      :showprop="showsendCoinTo"
      :to_user="myuser"
      :sendRIS="sendRIS"
      :causalDest="causalDest"
      @close="showsendCoinTo = false; loading = false"
      @showed="loading = false"
    >
    </CSendCoins>
  </div>
</template>

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

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