salvato.newfreeplanet/src/components/CMyUser/CMyUser.vue

<template>
  <div v-if="contact">
    <q-item class="q-my-sm" clickable>
      <q-item-section avatar @click="naviga(`/my/` + contact.username)">
        <q-avatar size="60px">
          <q-img :src="getImgUser(contact)" :alt="contact.username" img-class="imgprofile" height="60px"/>
        </q-avatar>
      </q-item-section>

      <q-item-section @click="naviga(`/my/` + contact.username)">
        <q-item-label v-if="labelextra && (labelextra !== contact.username)"><strong>{{ labelextra }}</strong></q-item-label>
        <q-item-label><span class="username">{{ contact.username }}</span> <span v-if="contact.name">({{ contact.name }} {{ contact.surname }})</span>
        </q-item-label>
        <q-item-label v-if="contact.reported" caption lines="1"><em style="color: red; font-weight: bold">{{ $t('db.reporteduser', {date_report: tools.getstrDateTimeShort(contact.date_report)}) }}</em></q-item-label>
        <q-item-label v-if="contact.profile" caption lines="1"><em>{{ contact.profile.qualifica }}</em></q-item-label>
        <q-item-label caption lines="1"></q-item-label>
        <q-item-label v-if="labelFooter" lines="1"><em>{{ labelFooter }}</em></q-item-label>
      </q-item-section>

      <q-item-section side>
        <q-btn
          v-if="userStore.IsMyCircuitByUser(contact).length > 0 && contact.username !== userStore.my.username"
          icon="fas fa-coins"
          color="green"
          size="md"
          rounded
          @click="showsendCoinTo = true"
        >
        </q-btn>

      </q-item-section>

      <q-item-section side v-if="visu === costanti.FRIENDS">
        <q-item-label>
          <q-btn rounded icon="fas fa-ellipsis-h">
            <q-menu>
              <q-list style="min-width: 150px">
                <q-item clickable icon="fas fa-user-minus" v-close-popup
                        @click="setCmd($q, shared_consts.FRIENDSCMD.REMOVE_FROM_MYFRIENDS, userStore.my.username, '', contact.username)">
                  <q-item-section>{{ $t('friends.remove_from_myfriends') }}</q-item-section>
                </q-item>
              </q-list>
              <q-list style="min-width: 150px">
                <q-item clickable icon="fas fa-ban" v-close-popup
                        @click="setCmd($q, shared_consts.FRIENDSCMD.BLOCK_USER, userStore.my.username, '', contact.username)">
                  <q-item-section>{{ $t('friends.block_user') }}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
        </q-item-label>
      </q-item-section>
      <q-item-section side v-else-if="visu === costanti.REQ_FRIENDS">
        <q-item-label>
          <q-btn rounded icon="fas fa-ellipsis-h">
            <q-menu>
              <q-list v-if="true" style="min-width: 150px">
                <q-item clickable v-close-popup @click="setCmd($q, shared_consts.FRIENDSCMD.SETFRIEND, userStore.my.username, '', contact.username)">
                  <q-item-section>{{ $t('friends.accept_friend') }}</q-item-section>
                </q-item>
              </q-list>
              <q-list style="min-width: 150px">
                <q-item clickable icon="fas fa-user-minus" v-close-popup
                        @click="setCmd($q, shared_consts.FRIENDSCMD.REQFRIEND, userStore.my.username, false, contact.username, false)">
                  <q-item-section>{{ $t('friends.reject_ask_friend') }}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
        </q-item-label>
      </q-item-section>
      <q-item-section side v-else-if="visu === costanti.REQ_ADD_USER_TO_GROUP">
        <q-item-label>
          <q-btn rounded icon="fas fa-ellipsis-h">
            <q-menu>
              <q-list v-if="true" style="min-width: 150px">

                <q-item clickable v-close-popup @click="tools.addToMyGroups($q, contact.username, groupname)">
                  <q-item-section avatar>
                    <q-icon color="positive" name="fas fa-user-plus"/>
                  </q-item-section>
                  <q-item-section>
                    {{ $t('groups.accept_group') }}
                  </q-item-section>
                </q-item>
              </q-list>
              <q-list style="min-width: 200px">
                <q-item clickable v-close-popup
                        @click="tools.refuseReqGroup($q, contact.username, groupname)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-user-minus"/>
                  </q-item-section>

                  <q-item-section>{{ $t('shared.refuse_ask') }}</q-item-section>
                </q-item>
                <q-item clickable v-close-popup
                        @click="tools.cancelReqGroups($q, contact.username, groupname)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-user-minus"/>
                  </q-item-section>

                  <q-item-section>{{ $t('shared.cancel_ask_short') }}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
        </q-item-label>
      </q-item-section>
      <q-item-section side v-else-if="visu === costanti.REQ_REMOVE_USER_TO_GROUP">
        <q-item-label v-if="contact.username !== userStore.my.username">
          <q-btn rounded icon="fas fa-ellipsis-h">
            <q-menu>
              <q-list style="min-width: 150px">
                <q-item clickable v-if="!tools.isUserAdminGroup(groupname, contact.username)" v-close-popup @click="tools.addtoAdminOfMyGroup($q, contact.username, groupname)">
                  <q-item-section avatar>
                    <q-icon color="positive" name="fas fa-user-shield"/>
                  </q-item-section>
                  <q-item-section>{{ $t('groups.addasadmin') }}</q-item-section>
                </q-item>
                <q-item clickable v-if="tools.isUserAdminGroup(groupname, contact.username) && tools.iAmTheCreatorOfTheGroup(groupname)" v-close-popup @click="tools.removeAdminOfMyGroup($q, contact.username, groupname)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-user-times"/>
                  </q-item-section>
                  <q-item-section>{{ $t('groups.remove_as_admin') }}</q-item-section>
                </q-item>
                <q-item clickable v-if="!tools.isUserTheCreatorOfTheGroup(groupname, contact.username)" v-close-popup @click="tools.removeFromMyGroups($q, contact.username, groupname)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-user-minus"/>
                  </q-item-section>
                  <q-item-section>{{ $t('groups.remove_from_mygroups') }}</q-item-section>
                </q-item>
                <q-item clickable v-close-popup @click="tools.reportUser($q, userStore.my.username, contact.username)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-flag"/>
                  </q-item-section>
                  <q-item-section>{{ $t('friends.report_user') }}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
        </q-item-label>
      </q-item-section>
      <q-item-section side v-else-if="visu === costanti.REQ_ADD_USER_TO_CIRCUIT">
        <q-item-label>
          <q-btn rounded icon="fas fa-ellipsis-h">
            <q-menu>
              <q-list v-if="true" style="min-width: 150px">

                <q-item clickable v-close-popup @click="tools.addToMyCircuits($q, contact.username, circuitname)">
                  <q-item-section avatar>
                    <q-icon color="positive" name="fas fa-user-plus"/>
                  </q-item-section>
                  <q-item-section>
                    {{ $t('circuit.accept') }}
                  </q-item-section>
                </q-item>
              </q-list>
              <q-list style="min-width: 200px">
                <q-item clickable v-close-popup
                        @click="tools.refuseReqCircuit($q, contact.username, circuitname)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-user-minus"/>
                  </q-item-section>

                  <q-item-section>{{ $t('shared.refuse_ask') }}</q-item-section>
                </q-item>
                <q-item clickable v-close-popup
                        @click="tools.cancelReqCircuit($q, contact.username, circuitname)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-user-minus"/>
                  </q-item-section>

                  <q-item-section>{{ $t('shared.cancel_ask_short') }}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
        </q-item-label>
      </q-item-section>
      <q-item-section side v-else-if="visu === costanti.REQ_REMOVE_USER_TO_CIRCUIT">
        <q-item-label v-if="contact.username !== userStore.my.username">
          <q-btn rounded icon="fas fa-ellipsis-h">
            <q-menu>
              <q-list style="min-width: 150px">
                <q-item clickable v-if="!tools.isUserAdminCircuit(circuitname, contact.username)" v-close-popup @click="tools.addtoAdminOfCircuit($q, contact.username, circuitname)">
                  <q-item-section avatar>
                    <q-icon color="positive" name="fas fa-user-shield"/>
                  </q-item-section>
                  <q-item-section>{{ $t('circuit.addasadmin') }}</q-item-section>
                </q-item>
                <q-item clickable v-if="tools.isUserAdminCircuit(circuitname, contact.username) && tools.iAmTheCreatorOfTheCircuit(circuitname)" v-close-popup @click="tools.removeAdminOfCircuit($q, contact.username, circuitname)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-user-times"/>
                  </q-item-section>
                  <q-item-section>{{ $t('circuit.remove_as_admin') }}</q-item-section>
                </q-item>
                <q-item clickable v-if="!tools.isUserTheCreatorOfTheCircuit(circuitname, contact.username)" v-close-popup @click="tools.removeFromMyCircuits($q, contact.username, circuitname)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-user-minus"/>
                  </q-item-section>
                  <q-item-section>{{ $t('circuit.remove_from_mycircuit') }}</q-item-section>
                </q-item>
                <q-item clickable v-close-popup @click="tools.reportUser($q, userStore.my.username, contact.username)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-flag"/>
                  </q-item-section>
                  <q-item-section>{{ $t('friends.report_user') }}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
        </q-item-label>
      </q-item-section>
      <q-item-section side v-else-if="visu === costanti.ASK_SENT_FRIENDS">
        <q-item-label>
          <q-btn rounded icon="fas fa-ellipsis-h">
            <q-menu>
              <q-list style="min-width: 150px">
                <q-item clickable icon="fas fa-user-minus" v-close-popup
                        @click="setCmd($q, shared_consts.FRIENDSCMD.CANCEL_REQ_FRIEND, userStore.my.username, '', contact.username, '')">
                  <q-item-section>{{ $t('friends.cancel_ask_friend') }}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
        </q-item-label>
      </q-item-section>
      <q-item-section side v-else-if="visu === costanti.ASK_TRUST">
        <q-item-label>
          <q-btn color="positive" :label="$t('friends.accept_trust')"
                 @click="setCmd($q, shared_consts.FRIENDSCMD.SETTRUST, userStore.my.username, true, contact.username)"/>
        </q-item-label>
        <q-item-label>
          <q-btn color="negative" :label="$t('friends.refuse_trust')"
                 @click="setCmd($q, shared_consts.FRIENDSCMD.SETTRUST, userStore.my.username, false, contact.username)"/>
        </q-item-label>
      </q-item-section>
      <q-item-section side v-else-if="visu === costanti.TRUSTED">
        <q-item-label>
          <q-btn rounded icon="fas fa-ellipsis-h">
            <q-menu>
              <q-list v-if="!userStore.IsMyFriendByUsername(contact.username)" style="min-width: 200px">
                <q-item clickable icon="fas fa-user-plus" v-close-popup
                        @click="setCmd($q, shared_consts.FRIENDSCMD.REQFRIEND, userStore.my.username, true, contact.username)">
                  <q-item-section>{{ $t('friends.ask_friend') }}</q-item-section>
                </q-item>
              </q-list>
              <q-list style="min-width: 200px">
                <q-item clickable icon="fas fa-user-minus" v-close-popup
                        @click="setCmd($q, shared_consts.FRIENDSCMD.SETTRUST, userStore.my.username, false, contact.username)">
                  <q-item-section>{{ $t('friends.reject_trust') }}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
        </q-item-label>
      </q-item-section>
      <q-item-section side v-else-if="visu === costanti.FIND_PEOPLE">
        <q-item-label>

          <q-btn v-if="contact.username !== userStore.my.username" rounded
                 :icon="userStore.IsMyFriendByUsername(contact.username) ? `fas fa-ellipsis-h` : `fas fa-user`">
            <q-menu>
              <q-list style="min-width: 200px">
                <q-item v-if="(!userStore.IsMyFriendByUsername(contact.username) && !userStore.IsAskedFriendByUsername(contact.username))"
                        clickable v-close-popup @click="setCmd($q, shared_consts.FRIENDSCMD.REQFRIEND, userStore.my.username, true, contact.username)">
                  <q-item-section avatar>
                    <q-icon color="positive" name="fas fa-user-plus"/>
                  </q-item-section>
                  <q-item-section>{{ $t('friends.ask_friend') }}</q-item-section>
                </q-item>
                <q-item v-else-if="(!userStore.IsMyFriendByUsername(contact.username) && userStore.IsAskedFriendByUsername(contact.username))"
                        clickable v-close-popup @click="setCmd($q, shared_consts.FRIENDSCMD.REQFRIEND, userStore.my.username, false, contact.username)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-user-minus"/>
                  </q-item-section>
                  <q-item-section>{{ $t('friends.cancel_ask_friend') }}</q-item-section>
                </q-item>
                <q-item v-else-if="userStore.IsMyFriendByUsername(contact.username)" style="min-width: 200px"
                        clickable v-close-popup
                        @click="setCmd($q, shared_consts.FRIENDSCMD.REMOVE_FROM_MYFRIENDS, userStore.my.username, '', contact.username)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-user-minus"/>
                  </q-item-section>
                  <q-item-section>{{ $t('friends.remove_from_myfriends') }}</q-item-section>
                </q-item>
                <q-item clickable v-close-popup @click="tools.reportUser($q, userStore.my.username, contact.username)">
                  <q-item-section avatar>
                    <q-icon color="negative" name="fas fa-flag"/>
                  </q-item-section>
                  <q-item-section>{{ $t('friends.report_user') }}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
        </q-item-label>
      </q-item-section>
      <q-item-section side v-else-if="visu === costanti.REJECTED">
        <q-item-label>
          <q-btn rounded icon="fas fa-ellipsis-h">
            <q-menu>
              <q-list style="min-width: 200px">
                <q-item clickable icon="fas fa-user-minus" v-close-popup
                        @click="setCmd($q, shared_consts.FRIENDSCMD.SETTRUST, userStore.my.username, true, contact.username)">
                  <q-item-section>{{ $t('friends.accept_trust') }}</q-item-section>
                </q-item>
              </q-list>
            </q-menu>
          </q-btn>
        </q-item-label>
      </q-item-section>
    </q-item>
  </div>
  <div v-if="showsendCoinTo && contact">
    <CSendCoins
      :showprop="showsendCoinTo"
      :to_user="contact"
      :circuitname="circuitname"
      @close="showsendCoinTo = false"
    >

    </CSendCoins>
  </div>
</template>

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

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