4cde86c113
- Report User - Unblock User - refresh tables when an action (setFriends and setGroups) occurred. - fix duplicate call of loadsite
224 lines
11 KiB
Vue
Executable File
224 lines
11 KiB
Vue
Executable File
<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"><strong>{{ labelextra }}</strong></q-item-label>
|
|
<q-item-label v-if="contact.name || contact.surname">{{ contact.username }} <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') }}</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 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('groups.refuse_ask_group') }}</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('groups.cancel_ask_group_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-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.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 v-if="(!userStore.IsMyFriendByUsername(contact.username) && !userStore.IsAskedFriendByUsername(contact.username))"
|
|
style="min-width: 200px">
|
|
<q-item 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-list>
|
|
<q-list v-else-if="(!userStore.IsMyFriendByUsername(contact.username) && userStore.IsAskedFriendByUsername(contact.username))"
|
|
style="min-width: 200px">
|
|
|
|
<q-item 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-list>
|
|
<q-list v-else-if="userStore.IsMyFriendByUsername(contact.username)" style="min-width: 200px">
|
|
<q-item 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-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>
|
|
</template>
|
|
|
|
<script lang="ts" src="./CMyUser.ts">
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './CMyUser.scss';
|
|
</style>
|