surya/newfreeplanet_OLD
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lista Amici

Browse Source 
Richieste di Fiducia
Accettati
Rifiutati
This commit is contained in:
paoloar77
2022-01-07 01:16:46 +01:00
parent a1f2ced085
commit 3de9967571
16 changed files with 204 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/views/user/myfriends/myfriends.vue
View File

@@ -7,32 +7,85 @@
no-caps
rounded
unelevated
push
toggle-color="primary"
color="white"
text-color="primary"
:options="[
{label: $t('mypages.friends') + ' (' + numFriends + ')', value: costanti.FRIENDS},
{label: $t('mypages.request_trust') + ' (' + numAskTrust + ')', value: costanti.ASK_TRUST},
{label: $t('mypages.trusted') + ' (' + numAskTrusted + ')', value: costanti.TRUSTED}
{label: $t('mypages.trusted') + ' (' + numTrusted + ')', value: costanti.TRUSTED},
{label: $t('mypages.rejected') + ' (' + numRejected + ')', value: costanti.REEJECTED}
]"
/>
</div>
<q-list bordered>
<q-item v-for="(contact, index) in listfriendsfiltered" :key="index" class="q-my-sm" clickable v-ripple>
<q-item-section avatar>
<q-avatar>
<img :src="getImgUser(contact)" :alt="contact.username">
<q-list>
<q-item v-for="(contact, index) in listfriendsfiltered" :key="index" 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>
<q-item-label>{{ contact.name }} {{ contact.surname }}</q-item-label>
<q-item-section @click="naviga(`/my/` + contact.username)">
<q-item-label><strong>{{ contact.name }} {{ contact.surname }}</strong> ({{ contact.username }})
</q-item-label>
<q-item-label caption lines="1">{{ contact.email }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-icon name="chat_bubble" color="green" />
<q-item-section side v-if="filter === 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="removeFromMyFriends(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="blockUser(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-if="filter === costanti.ASK_TRUST">
<q-item-label>
<q-btn color="positive" :label="$t('friends.accept')" @click="setRequestTrust(contact.username, true)"/>
</q-item-label>
<q-item-label>
<q-btn color="negative" :label="$t('friends.reject')" @click="setRequestTrust(contact.username, false)"/>
</q-item-label>
</q-item-section>
<q-item-section side v-if="filter === costanti.TRUSTED">
<q-item-label>
<q-btn rounded icon="fas fa-ellipsis-h">
<q-menu>
<q-list style="min-width: 200px">
<q-item clickable v-close-popup @click="removeFromMyFriends(contact.username)">
<q-item-section>{{$t('friends.reject')}}</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-btn>
</q-item-label>
</q-item-section>
<q-item-section side v-if="filter === costanti.REEJECTED">
<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="setRequestTrust(contact.username, false)">
<q-item-section>{{$t('friends.accept')}}</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-btn>
</q-item-label>
</q-item-section>
</q-item>
</q-list>