- varie sistemazioni: filtri iscritti, profilo, ecc...
This commit is contained in:
Surya Paolo
@@ -96,37 +96,12 @@
|
||||
<div class="col-12 text-h7 text-blue text-shadow-2">
|
||||
{{ userStore.userprofile.username }}
|
||||
</div>
|
||||
<div class="col-12 text-h7">
|
||||
<span
|
||||
v-if="
|
||||
userStore.userprofile.profile &&
|
||||
userStore.userprofile.profile.born_city_id
|
||||
"
|
||||
>
|
||||
<CMyFieldRec
|
||||
title=""
|
||||
table="users"
|
||||
tablesel="cities"
|
||||
:id="userStore.userprofile._id"
|
||||
:rec="userStore.userprofile"
|
||||
field="profile.born_city_id"
|
||||
:canEdit="false"
|
||||
:canModify="false"
|
||||
>
|
||||
</CMyFieldRec>
|
||||
|
||||
{{ userStore.userprofile.profile.born_city_str }}</span
|
||||
>
|
||||
<span
|
||||
v-if="
|
||||
userStore.userprofile.profile &&
|
||||
userStore.userprofile.profile.nationality &&
|
||||
userStore.userprofile.profile.nationality !== 'Italia'
|
||||
"
|
||||
>({{ userStore.userprofile.profile.nationality }})</span
|
||||
>
|
||||
</div>
|
||||
<div v-if="userStore.userprofile._id" class="col-12 text-h8 q-mt-sm">
|
||||
<div
|
||||
v-if="
|
||||
userStore.userprofile && userStore.userprofile.profile.qualifica
|
||||
"
|
||||
class="col-12 text-h8 q-mt-sm"
|
||||
>
|
||||
<span v-if="userStore.userprofile.profile.qualifica">
|
||||
<em
|
||||
><div class="qualifica">
|
||||
@@ -135,7 +110,12 @@
|
||||
>
|
||||
</span>
|
||||
</div>
|
||||
<div v-if="userStore.userprofile._id" class="col-12 text-h8 q-mt-sm">
|
||||
<div
|
||||
v-if="
|
||||
userStore.userprofile && userStore.userprofile.profile.biografia
|
||||
"
|
||||
class="col-12 text-h8 q-mt-sm"
|
||||
>
|
||||
{{ userStore.userprofile.profile.biografia }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -214,36 +194,6 @@
|
||||
<div class="col-12 text-h7 text-blue text-shadow-2">
|
||||
{{ userStore.userprofile.username }}
|
||||
</div>
|
||||
<div class="col-12 text-h7">
|
||||
<span
|
||||
v-if="
|
||||
userStore.userprofile.profile &&
|
||||
userStore.userprofile.profile.born_city_id
|
||||
"
|
||||
>
|
||||
<CMyFieldRec
|
||||
title=""
|
||||
table="users"
|
||||
tablesel="cities"
|
||||
:id="userStore.userprofile._id"
|
||||
:rec="userStore.userprofile"
|
||||
field="profile.born_city_id"
|
||||
:canEdit="false"
|
||||
:canModify="false"
|
||||
>
|
||||
</CMyFieldRec>
|
||||
|
||||
{{ userStore.userprofile.profile.born_city_str }}</span
|
||||
>
|
||||
<span
|
||||
v-if="
|
||||
userStore.userprofile.profile &&
|
||||
userStore.userprofile.profile.nationality &&
|
||||
userStore.userprofile.profile.nationality !== 'Italia'
|
||||
"
|
||||
>({{ userStore.userprofile.profile.nationality }})</span
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
v-if="
|
||||
userStore.userprofile.profile.qualifica &&
|
||||
@@ -269,14 +219,398 @@
|
||||
@showed="showed"
|
||||
/>
|
||||
|
||||
<div>
|
||||
<div class="row justify-center">
|
||||
<q-btn
|
||||
v-if="
|
||||
userStore.userprofile.profile &&
|
||||
userStore.userprofile.profile.handshake &&
|
||||
userStore.userprofile.profile.handshake.length > 0
|
||||
"
|
||||
:label="quantiHandShake"
|
||||
class="q-my-sm"
|
||||
color="grey-3"
|
||||
:text-color="$q.dark.isActive ? 'black' : 'black'"
|
||||
rounded
|
||||
icon="fas fa-handshake"
|
||||
@click="
|
||||
usersList.show = true;
|
||||
usersList.title = 'Lista Strette di mano';
|
||||
usersList.list = userStore.userprofile.profile.handshake;
|
||||
"
|
||||
>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="
|
||||
userStore.userprofile.username !== myusername() &&
|
||||
handshake_inCommon &&
|
||||
handshake_inCommon.length > 0
|
||||
"
|
||||
:label="quanteHandShakeInCommon"
|
||||
class="q-my-sm"
|
||||
:text-color="$q.dark.isActive ? 'black' : 'black'"
|
||||
rounded
|
||||
icon="fas fa-handshake"
|
||||
@click="
|
||||
usersList.show = true;
|
||||
usersList.title = 'Strette di mano in Comune';
|
||||
usersList.list = handshake_inCommon;
|
||||
"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
<div
|
||||
v-if="userStore.userprofile.username !== myusername()"
|
||||
class="row justify-center"
|
||||
>
|
||||
<q-chip
|
||||
v-if="
|
||||
userStore.IsHandShakeByMe(userStore.userprofile) &&
|
||||
userStore.IsHandShakeByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
color="green"
|
||||
dense
|
||||
class="chipbooked shadow-5 q-pa-sm2"
|
||||
size="md"
|
||||
text-color="white"
|
||||
icon="fas fa-handshake"
|
||||
>
|
||||
<span
|
||||
> <em
|
||||
class="q-pa-xxs text-white rounded-borders shadow-2"
|
||||
>
|
||||
{{
|
||||
$t('db.both_fiducia', {
|
||||
username: userStore.userprofile.username,
|
||||
})
|
||||
}}
|
||||
</em></span
|
||||
>
|
||||
</q-chip>
|
||||
<q-chip
|
||||
v-else-if="
|
||||
!userStore.IsHandShakeByMe(userStore.userprofile) &&
|
||||
userStore.IsHandShakeByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
color="blue"
|
||||
dense
|
||||
class="cltexth4 chipbooked shadow-5 q-pa-sm2"
|
||||
size="md"
|
||||
text-color="white"
|
||||
icon="fas fa-handshake"
|
||||
>
|
||||
<span
|
||||
> <em
|
||||
class="q-pa-xxs text-white rounded-borders shadow-2"
|
||||
>
|
||||
{{
|
||||
$t('db.handshake_him', {
|
||||
username: userStore.userprofile.username,
|
||||
})
|
||||
}}
|
||||
</em></span
|
||||
>
|
||||
</q-chip>
|
||||
<q-chip
|
||||
v-else-if="
|
||||
userStore.IsHandShakeByMe(userStore.userprofile) &&
|
||||
!userStore.IsHandShakeByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
color="blue"
|
||||
dense
|
||||
class="cltexth4 chipbooked shadow-5 q-pa-sm2"
|
||||
size="md"
|
||||
text-color="white"
|
||||
icon="fas fa-handshake"
|
||||
>
|
||||
<span
|
||||
> <em
|
||||
class="q-pa-xxs text-white rounded-borders shadow-2"
|
||||
>
|
||||
{{
|
||||
$t('db.handshake_you', {
|
||||
username: userStore.userprofile.username,
|
||||
})
|
||||
}}
|
||||
</em></span
|
||||
>
|
||||
</q-chip>
|
||||
</div>
|
||||
|
||||
<!--HANDSHAKE-->
|
||||
<div
|
||||
v-if="
|
||||
!isMyRecord(userStore.userprofile.username) && tools.isUserOk()
|
||||
"
|
||||
>
|
||||
<div
|
||||
class="row centeritems q-pa-sm"
|
||||
v-if="!userStore.IsHandShakeByMe(userStore.userprofile)"
|
||||
>
|
||||
<q-btn
|
||||
v-if="
|
||||
userStore.IsHandShakeByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
icon="fas fa-handshake"
|
||||
color="positive"
|
||||
dense
|
||||
:label="$t('handshake.accept_you_too_handshake')"
|
||||
@click="
|
||||
tools.addToMyHandShake(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
/>
|
||||
<q-btn
|
||||
v-else
|
||||
icon="fas fa-handshake"
|
||||
color="positive"
|
||||
dense
|
||||
:label="$t('handshake.accept_handshake')"
|
||||
@click="
|
||||
tools.addToMyHandShake(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-if="!isMyRecord(userStore.userprofile.username)"
|
||||
class="q-ma-sm"
|
||||
>
|
||||
<div class="row justify-center">
|
||||
<div
|
||||
class="row centeritems q-ma-sm q-pa-sm"
|
||||
v-if="
|
||||
costanti.ENABLE_FRIENDS &&
|
||||
userStore.IsReqFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
>
|
||||
<q-btn
|
||||
icon="fas fa-user-plus"
|
||||
color="positive"
|
||||
dense
|
||||
:label="$t('friends.accept_friend')"
|
||||
@click="
|
||||
tools.addToMyFriends(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
/>
|
||||
<q-btn
|
||||
icon="fas fa-user-minus"
|
||||
outline
|
||||
color="negative"
|
||||
:label="$t('friends.reject_ask_friend')"
|
||||
@click="
|
||||
tools.refuseReqFriends(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
<div v-else>
|
||||
<q-btn
|
||||
v-if="
|
||||
costanti.ENABLE_FRIENDS &&
|
||||
!userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
) &&
|
||||
!userStore.IsAskedFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
icon="fas fa-user-plus"
|
||||
color="primary"
|
||||
dense
|
||||
:label="$t('friends.ask_friend')"
|
||||
@click="
|
||||
tools.setRequestFriendship(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username,
|
||||
true
|
||||
)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-center">
|
||||
<q-btn
|
||||
v-if="
|
||||
userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
) || userStore.IsHandShakeByMe(userStore.userprofile)
|
||||
"
|
||||
class="text-center"
|
||||
rounded
|
||||
dense
|
||||
icon="fas fa-ellipsis-h"
|
||||
>
|
||||
<q-menu>
|
||||
<q-list style="min-width: 150px">
|
||||
<q-item
|
||||
v-if="userStore.IsHandShakeByMe(userStore.userprofile)"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="
|
||||
tools.removeFromMyHandShake(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon
|
||||
color="negative"
|
||||
name="fas fa-handshake-slash"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>{{
|
||||
$t('handshake.remove_from_myhandshake')
|
||||
}}</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
v-if="
|
||||
costanti.ENABLE_FRIENDS &&
|
||||
userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
clickable
|
||||
icon="fas fa-user-minus"
|
||||
outline
|
||||
v-close-popup
|
||||
@click="
|
||||
tools.removeFromMyFriends(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.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
|
||||
v-if="
|
||||
userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
clickable
|
||||
icon="fas fa-ban"
|
||||
v-close-popup
|
||||
@click="
|
||||
tools.blockUser(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon color="negative" name="fas fa-ban" />
|
||||
</q-item-section>
|
||||
<q-item-section>{{
|
||||
$t('friends.block_user')
|
||||
}}</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
v-if="
|
||||
userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="
|
||||
tools.reportUser(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.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-btn
|
||||
v-if="
|
||||
costanti.ENABLE_FRIENDS &&
|
||||
userStore.IsAskedFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
) &&
|
||||
!userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
icon="fas fa-user-minus"
|
||||
outline
|
||||
dense
|
||||
:label="$t('friends.cancel_ask_friend_short')"
|
||||
@click="
|
||||
tools.cancelReqFriends(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<q-tabs
|
||||
v-model="tab"
|
||||
dense
|
||||
no-caps
|
||||
class="bg-indigo text-white shadow-2 q-mt-sm full-width"
|
||||
>
|
||||
<q-tab name="attivita" label="Annunci" icon="fas fa-pencil-alt" />
|
||||
<q-tab name="info" label="Info Personali" icon="fas fa-user" />
|
||||
<q-tab
|
||||
name="attivita"
|
||||
:label="t('profile.annunci')"
|
||||
icon="fas fa-pencil-alt"
|
||||
/>
|
||||
<q-tab
|
||||
name="info"
|
||||
:label="t('profile.info_pers')"
|
||||
icon="fas fa-user"
|
||||
/>
|
||||
</q-tabs>
|
||||
|
||||
<q-tab-panels v-model="tab" animated keep-alive>
|
||||
@@ -292,386 +626,9 @@
|
||||
class="col-12 text-h8 q-mt-sm"
|
||||
>
|
||||
{{ userStore.userprofile.profile.biografia }}
|
||||
<br />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="row justify-center">
|
||||
<q-btn
|
||||
v-if="
|
||||
userStore.userprofile.profile &&
|
||||
userStore.userprofile.profile.handshake &&
|
||||
userStore.userprofile.profile.handshake.length > 0
|
||||
"
|
||||
:label="quantiHandShake"
|
||||
class="q-my-sm"
|
||||
color="grey-3"
|
||||
:text-color="$q.dark.isActive ? 'black' : 'black'"
|
||||
rounded
|
||||
icon="fas fa-handshake"
|
||||
@click="
|
||||
usersList.show = true;
|
||||
usersList.title = 'Lista Strette di mano';
|
||||
usersList.list = userStore.userprofile.profile.handshake;
|
||||
"
|
||||
>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="
|
||||
userStore.userprofile.username !== myusername() &&
|
||||
handshake_inCommon &&
|
||||
handshake_inCommon.length > 0
|
||||
"
|
||||
:label="quanteHandShakeInCommon"
|
||||
class="q-my-sm"
|
||||
:text-color="$q.dark.isActive ? 'black' : 'black'"
|
||||
rounded
|
||||
icon="fas fa-handshake"
|
||||
@click="
|
||||
usersList.show = true;
|
||||
usersList.title = 'Strette di mano in Comune';
|
||||
usersList.list = handshake_inCommon;
|
||||
"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
<div
|
||||
v-if="userStore.userprofile.username !== myusername()"
|
||||
class="row justify-center"
|
||||
>
|
||||
<q-chip
|
||||
v-if="
|
||||
userStore.IsHandShakeByMe(userStore.userprofile) &&
|
||||
userStore.IsHandShakeByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
color="green"
|
||||
dense
|
||||
class="chipbooked shadow-5 q-pa-sm2"
|
||||
size="md"
|
||||
text-color="white"
|
||||
icon="fas fa-handshake"
|
||||
>
|
||||
<span
|
||||
> <em
|
||||
class="q-pa-xxs text-white rounded-borders shadow-2"
|
||||
>
|
||||
{{
|
||||
$t('db.both_fiducia', {
|
||||
username: userStore.userprofile.username,
|
||||
})
|
||||
}}
|
||||
</em></span
|
||||
>
|
||||
</q-chip>
|
||||
<q-chip
|
||||
v-else-if="
|
||||
!userStore.IsHandShakeByMe(userStore.userprofile) &&
|
||||
userStore.IsHandShakeByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
color="blue"
|
||||
dense
|
||||
class="cltexth4 chipbooked shadow-5 q-pa-sm2"
|
||||
size="md"
|
||||
text-color="white"
|
||||
icon="fas fa-handshake"
|
||||
>
|
||||
<span
|
||||
> <em
|
||||
class="q-pa-xxs text-white rounded-borders shadow-2"
|
||||
>
|
||||
{{
|
||||
$t('db.handshake_him', {
|
||||
username: userStore.userprofile.username,
|
||||
})
|
||||
}}
|
||||
</em></span
|
||||
>
|
||||
</q-chip>
|
||||
<q-chip
|
||||
v-else-if="
|
||||
userStore.IsHandShakeByMe(userStore.userprofile) &&
|
||||
!userStore.IsHandShakeByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
color="blue"
|
||||
dense
|
||||
class="cltexth4 chipbooked shadow-5 q-pa-sm2"
|
||||
size="md"
|
||||
text-color="white"
|
||||
icon="fas fa-handshake"
|
||||
>
|
||||
<span
|
||||
> <em
|
||||
class="q-pa-xxs text-white rounded-borders shadow-2"
|
||||
>
|
||||
{{
|
||||
$t('db.handshake_you', {
|
||||
username: userStore.userprofile.username,
|
||||
})
|
||||
}}
|
||||
</em></span
|
||||
>
|
||||
</q-chip>
|
||||
</div>
|
||||
|
||||
<!--HANDSHAKE-->
|
||||
<div
|
||||
v-if="
|
||||
!isMyRecord(userStore.userprofile.username) &&
|
||||
tools.isUserOk()
|
||||
"
|
||||
>
|
||||
<div
|
||||
class="row centeritems q-pa-sm"
|
||||
v-if="!userStore.IsHandShakeByMe(userStore.userprofile)"
|
||||
>
|
||||
<q-btn
|
||||
v-if="
|
||||
userStore.IsHandShakeByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
icon="fas fa-handshake"
|
||||
color="positive"
|
||||
dense
|
||||
:label="$t('handshake.accept_you_too_handshake')"
|
||||
@click="
|
||||
tools.addToMyHandShake(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
/>
|
||||
<q-btn
|
||||
v-else
|
||||
icon="fas fa-handshake"
|
||||
color="positive"
|
||||
dense
|
||||
:label="$t('handshake.accept_handshake')"
|
||||
@click="
|
||||
tools.addToMyHandShake(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-if="!isMyRecord(userStore.userprofile.username)"
|
||||
class="q-ma-sm"
|
||||
>
|
||||
<div class="row justify-center">
|
||||
<div
|
||||
class="row centeritems q-ma-sm q-pa-sm"
|
||||
v-if="
|
||||
costanti.ENABLE_FRIENDS &&
|
||||
userStore.IsReqFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
>
|
||||
<q-btn
|
||||
icon="fas fa-user-plus"
|
||||
color="positive"
|
||||
dense
|
||||
:label="$t('friends.accept_friend')"
|
||||
@click="
|
||||
tools.addToMyFriends(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
/>
|
||||
<q-btn
|
||||
icon="fas fa-user-minus"
|
||||
outline
|
||||
color="negative"
|
||||
:label="$t('friends.reject_ask_friend')"
|
||||
@click="
|
||||
tools.refuseReqFriends(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
<div v-else>
|
||||
<q-btn
|
||||
v-if="
|
||||
costanti.ENABLE_FRIENDS &&
|
||||
!userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
) &&
|
||||
!userStore.IsAskedFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
icon="fas fa-user-plus"
|
||||
color="primary"
|
||||
dense
|
||||
:label="$t('friends.ask_friend')"
|
||||
@click="
|
||||
tools.setRequestFriendship(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username,
|
||||
true
|
||||
)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-center">
|
||||
<q-btn
|
||||
v-if="
|
||||
userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
) || userStore.IsHandShakeByMe(userStore.userprofile)
|
||||
"
|
||||
class="text-center"
|
||||
rounded
|
||||
dense
|
||||
icon="fas fa-ellipsis-h"
|
||||
>
|
||||
<q-menu>
|
||||
<q-list style="min-width: 150px">
|
||||
<q-item
|
||||
v-if="
|
||||
userStore.IsHandShakeByMe(userStore.userprofile)
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="
|
||||
tools.removeFromMyHandShake(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon
|
||||
color="negative"
|
||||
name="fas fa-handshake-slash"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>{{
|
||||
$t('handshake.remove_from_myhandshake')
|
||||
}}</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
v-if="
|
||||
costanti.ENABLE_FRIENDS &&
|
||||
userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
clickable
|
||||
icon="fas fa-user-minus"
|
||||
outline
|
||||
v-close-popup
|
||||
@click="
|
||||
tools.removeFromMyFriends(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.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
|
||||
v-if="
|
||||
userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
clickable
|
||||
icon="fas fa-ban"
|
||||
v-close-popup
|
||||
@click="
|
||||
tools.blockUser(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon color="negative" name="fas fa-ban" />
|
||||
</q-item-section>
|
||||
<q-item-section>{{
|
||||
$t('friends.block_user')
|
||||
}}</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
v-if="
|
||||
userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="
|
||||
tools.reportUser(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.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-btn
|
||||
v-if="
|
||||
costanti.ENABLE_FRIENDS &&
|
||||
userStore.IsAskedFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
) &&
|
||||
!userStore.IsMyFriendByUsername(
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
icon="fas fa-user-minus"
|
||||
outline
|
||||
dense
|
||||
:label="$t('friends.cancel_ask_friend_short')"
|
||||
@click="
|
||||
tools.cancelReqFriends(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
userStore.userprofile.username
|
||||
)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="
|
||||
userStore.userprofile &&
|
||||
@@ -748,37 +705,55 @@
|
||||
:canModify="false">
|
||||
</CMyFieldRec>
|
||||
-->
|
||||
<div class="col-md-6 col-sm-6 q-ma-xs col-xs-12">
|
||||
<CLabel
|
||||
v-if="!!userStore.userprofile.useraport"
|
||||
:label="t('profile.aportador_him')"
|
||||
>
|
||||
<CMyUser
|
||||
:mycontact="userStore.userprofile.useraport"
|
||||
:visu="costanti.FIND_PEOPLE"
|
||||
@setCmd="tools.setCmd"
|
||||
>
|
||||
</CMyUser>
|
||||
</CLabel>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6 q-ma-xs col-xs-12">
|
||||
<CLabel
|
||||
v-if="!!userStore.userprofile.useraport"
|
||||
:label="t('profile.aportador_him')"
|
||||
>
|
||||
<CMyUser
|
||||
:mycontact="userStore.userprofile.useraport"
|
||||
:visu="costanti.FIND_PEOPLE"
|
||||
@setCmd="tools.setCmd"
|
||||
>
|
||||
</CMyUser>
|
||||
</CLabel>
|
||||
</div>
|
||||
</q-tab-panel>
|
||||
</q-tab-panels>
|
||||
|
||||
<div class="row text-center">
|
||||
<q-btn
|
||||
v-if="userStore.userprofile.username === myusername()"
|
||||
outline
|
||||
icon="fas fa-pencil-alt"
|
||||
:label="$t('shared.edit_profile')"
|
||||
@click.stop="gotoPage('/editprofile')"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<q-page-sticky
|
||||
position="top-right"
|
||||
:offset="[18, 18]"
|
||||
class="z-top"
|
||||
>
|
||||
<q-fab
|
||||
icon="fas fa-ellipsis-v"
|
||||
color="accent"
|
||||
external-label
|
||||
vertical-actions-align="right"
|
||||
direction="down"
|
||||
>
|
||||
<q-fab-action
|
||||
@click="tools.copyToClip($q, getlinkpage(), true)"
|
||||
color="primary"
|
||||
icon="fas fa-link"
|
||||
label-position="right"
|
||||
:label="$t('profile.share_link')"
|
||||
/>
|
||||
<q-fab-action
|
||||
label-position="right"
|
||||
v-if="userStore.userprofile.username === myusername()"
|
||||
color="secondary"
|
||||
icon="fas fa-user-edit"
|
||||
:label="$t('shared.edit_profile')"
|
||||
@click.stop="gotoPage('/editprofile')"
|
||||
/>
|
||||
</q-fab>
|
||||
</q-page-sticky>
|
||||
<q-dialog v-model="showPic" full-height full-width>
|
||||
<img :src="getImgUser()" :alt="username" class="full-width" />
|
||||
</q-dialog>
|
||||
@@ -789,7 +764,7 @@
|
||||
>
|
||||
<div class="column">
|
||||
<q-btn
|
||||
v-if="userStore.userprofile.username === myusername()"
|
||||
v-if="userStore.userprofile.username === myusername() && false"
|
||||
flat
|
||||
round
|
||||
icon="fas fa-ellipsis-h"
|
||||
@@ -821,17 +796,6 @@
|
||||
@click.stop="tools.copyToClip($q, getlinkpage(), true)"
|
||||
>
|
||||
</q-btn>-->
|
||||
|
||||
<q-page-sticky position="top-right" :offset="[18, 18]">
|
||||
<q-btn
|
||||
fab
|
||||
glossy
|
||||
class="semi-transparent"
|
||||
icon="fas fa-link"
|
||||
color="primary"
|
||||
@click="tools.copyToClip($q, getlinkpage(), true)"
|
||||
/>
|
||||
</q-page-sticky>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user