salvato.newfreeplanet/src/components/CContactUser/CContactUser.vue

<template>
  <div
    v-if="(getLinkUserTelegram() && tools.isUserOk()) || showBtnActivities"
    class=""
  >
    <q-inner-loading id="spinner" :showing="loading">
      <q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
    </q-inner-loading>
    <div class="row justify-evenly items-center q-ma-xs">
      <div class="q-pa-xs">
        <q-btn
          v-if="
            showBtnActivities && site.confpages && site.confpages.showCompetenze
          "
          icon="fas fa-house-user"
          size="md"
          color="orange"
          rounded
          :label="$t('profile.myactivities')"
          :to="`/attivita/` + myuser.username"
        >
        </q-btn>
      </div>
      <div class="q-pa-xs">
        <q-btn
          v-if="showBtnRis"
          icon-right="img: images/1ris_rosso_100.png"
          color="green"
          size="md"
          :label="$t('circuit.sendcoins')"
          rounded
          @click="showsendCoinTo = true"
        >
        </q-btn>
      </div>
      <div class="q-pa-xs">
        <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>
  <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>