Ver 0.5.55

Strette di Mano OK
This commit is contained in:
Surya Paolo
2023-01-09 02:39:53 +01:00
parent 815ca0d565
commit d684d7a46f
18 changed files with 341 additions and 407 deletions

View File

@@ -218,252 +218,286 @@
<div v-if="myuser._id" class="col-12 text-h8 q-mt-sm">
{{ myuser.profile.biografia }}
</div>
<div v-if="userStore.IsHandShakeByUsername(myuser.username)">
<div>
<div class="row justify-center">
<q-btn
v-if="
myuser.profile &&
myuser.profile.handshake &&
myuser.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 = myuser.profile.handshake;
"
>
</q-btn>
<q-btn
v-if="
myuser.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>
<q-chip
v-if="
userStore.IsHandShakeByMe(myuser) &&
userStore.IsHandShakeByUsername(myuser.username)
"
color="green"
dense
class="cltexth4 chipbooked shadow-5 q-pa-sm2"
size="md"
class="cltexth3 chipbooked shadow-5 q-pa-sm2"
size="lg"
text-color="white"
icon="fas fa-handshake"
>
<span
>&nbsp;<em class="q-pa-xxs text-white rounded-borders shadow-2">
{{ $t('db.addtohandshake', { username: myuser.username }) }}
{{ $t('db.both_fiducia', { username: myuser.username }) }}
</em></span
>
</q-chip>
</div>
<q-btn
v-if="
myuser.profile &&
myuser.profile.handshake &&
myuser.profile.handshake.length > 0
"
:label="quantiHandShake"
class="q-my-sm"
:text-color="$q.dark.isActive ? 'black' : 'black'"
rounded
icon="fas fa-handshake"
@click="
usersList.show = true;
usersList.title = 'Lista Strette di mano';
usersList.list = myuser.profile.handshake;
"
>
</q-btn>
<q-btn
v-if="
myuser.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>
<!--HANDSHAKE-->
<div v-if="!isMyRecord(myuser.username)">
<div
class="row centeritems q-ma-sm q-pa-sm"
v-if="userStore.IsReqHandShakeByUsername(myuser.username)"
>
<q-btn
icon="fas fa-handshake"
color="positive"
:label="$t('handshake.accept_handshake')"
@click="
tools.addToMyHandShake(
$q,
myuser.username,
userStore.my.username
)
"
/>
<q-btn
icon="fas fa-handshake-alt-slash"
color="negative"
:label="$t('handshake.reject_ask_handshake')"
@click="
tools.refuseReqHandShake(
$q,
myuser.username,
userStore.my.username
)
"
/>
</div>
<div v-else>
<q-btn
v-if="
!userStore.IsHandShakeByUsername(myuser.username) &&
!userStore.IsAskedHandShakeByUsername(myuser.username)
"
icon="fas fa-handshake"
color="primary"
:label="$t('handshake.ask_handshake')"
@click="
tools.setRequestHandShake(
$q,
userStore.my.username,
myuser.username,
true
)
"
/>
</div>
<q-btn
v-if="
userStore.IsAskedHandShakeByUsername(myuser.username) &&
<q-chip
v-else-if="
userStore.IsHandShakeByMe(myuser) &&
!userStore.IsHandShakeByUsername(myuser.username)
"
icon="fas fa-handshake-alt-slash"
:text-color="$q.dark.isActive ? 'black' : 'black'"
:label="$t('handshake.cancel_ask_handshake_short')"
@click="
tools.cancelReqHandShake(
$q,
userStore.my.username,
myuser.username
)
"
/>
</div>
<div v-if="!isMyRecord(myuser.username)" class="q-ma-sm">
<div
class="row centeritems q-ma-sm q-pa-sm"
v-if="userStore.IsReqFriendByUsername(myuser.username)"
color="blue"
dense
class="cltexth4 chipbooked shadow-5 q-pa-sm2"
size="md"
text-color="white"
icon="fas fa-handshake"
>
<q-btn
icon="fas fa-user-plus"
color="positive"
:label="$t('friends.accept_friend')"
@click="
tools.addToMyFriends(
$q,
userStore.my.username,
myuser.username
)
"
/>
<q-btn
icon="fas fa-user-minus"
color="negative"
:label="$t('friends.reject_ask_friend')"
@click="
tools.refuseReqFriends(
$q,
userStore.my.username,
myuser.username
)
"
/>
<span
>&nbsp;<em class="q-pa-xxs text-white rounded-borders shadow-2">
{{ $t('db.handshake_him', { username: myuser.username }) }}
</em></span
>
</q-chip>
<q-chip
v-else
color="blue"
dense
class="cltexth4 chipbooked shadow-5 q-pa-sm2"
size="md"
text-color="white"
icon="fas fa-handshake"
>
<span
>&nbsp;<em class="q-pa-xxs text-white rounded-borders shadow-2">
{{ $t('db.handshake_you', { username: myuser.username }) }}
</em></span
>
</q-chip>
<!--HANDSHAKE-->
<div v-if="!isMyRecord(myuser.username)">
<div
class="row centeritems q-pa-sm"
v-if="!userStore.IsHandShakeByUsername(myuser.username)"
>
<q-btn
v-if="userStore.IsHandShakeByMe(myuser)"
icon="fas fa-handshake"
color="positive"
:label="$t('handshake.accept_you_too_handshake')"
@click="
tools.addToMyHandShake(
$q,
myuser.username,
userStore.my.username
)
"
/>
<q-btn
v-else
icon="fas fa-handshake"
color="positive"
:label="$t('handshake.accept_handshake')"
@click="
tools.addToMyHandShake(
$q,
myuser.username,
userStore.my.username
)
"
/>
</div>
</div>
<div v-else>
</div>
<div v-if="!isMyRecord(myuser.username)" class="q-ma-sm">
<div class="row justify-center">
<div
class="row centeritems q-ma-sm q-pa-sm"
v-if="userStore.IsReqFriendByUsername(myuser.username)"
>
<q-btn
icon="fas fa-user-plus"
color="positive"
:label="$t('friends.accept_friend')"
@click="
tools.addToMyFriends(
$q,
userStore.my.username,
myuser.username
)
"
/>
<q-btn
icon="fas fa-user-minus"
color="negative"
:label="$t('friends.reject_ask_friend')"
@click="
tools.refuseReqFriends(
$q,
userStore.my.username,
myuser.username
)
"
/>
</div>
<div v-else>
<q-btn
v-if="
!userStore.IsMyFriendByUsername(myuser.username) &&
!userStore.IsAskedFriendByUsername(myuser.username)
"
icon="fas fa-user-plus"
color="primary"
:label="$t('friends.ask_friend')"
@click="
tools.setRequestFriendship(
$q,
userStore.my.username,
myuser.username,
true
)
"
/>
</div>
</div>
<div class="row justify-center">
<q-btn
v-if="
!userStore.IsMyFriendByUsername(myuser.username) &&
!userStore.IsAskedFriendByUsername(myuser.username)
userStore.IsMyFriendByUsername(myuser.username) ||
userStore.IsHandShakeByUsername(myuser.username)
"
icon="fas fa-user-plus"
color="primary"
:label="$t('friends.ask_friend')"
class="text-center"
rounded
icon="fas fa-ellipsis-h"
>
<q-menu>
<q-list style="min-width: 150px">
<q-item
v-if="userStore.IsMyFriendByUsername(myuser.username)"
clickable
icon="fas fa-user-minus"
v-close-popup
@click="
tools.removeFromMyFriends(
$q,
userStore.my.username,
myuser.username
)
"
>
<q-item-section>{{
$t('friends.remove_from_myfriends')
}}</q-item-section>
</q-item>
<q-item
v-if="userStore.IsMyFriendByUsername(myuser.username)"
clickable
icon="fas fa-ban"
v-close-popup
@click="
tools.blockUser(
$q,
userStore.my.username,
myuser.username
)
"
>
<q-item-section>{{
$t('friends.block_user')
}}</q-item-section>
</q-item>
<q-item
v-if="userStore.IsMyFriendByUsername(myuser.username)"
clickable
v-close-popup
@click="
tools.reportUser(
$q,
userStore.my.username,
myuser.username
)
"
>
<q-item-section avatar>
<q-icon color="negative" name="fas fa-user-minus" />
</q-item-section>
<q-item-section>{{
$t('friends.report_user')
}}</q-item-section>
</q-item>
<q-item>
<q-btn
v-if="userStore.IsHandShakeByUsername(myuser.username)"
icon="fas fa-handshake-slash"
color="negative"
:label="$t('handshake.remove_from_myhandshake')"
@click="
tools.removeFromMyHandShake(
$q,
userStore.my.username,
myuser.username
)
"
/>
</q-item>
</q-list>
</q-menu>
</q-btn>
<q-btn
v-if="
userStore.IsAskedFriendByUsername(myuser.username) &&
!userStore.IsMyFriendByUsername(myuser.username)
"
icon="fas fa-user-minus"
:label="$t('friends.cancel_ask_friend_short')"
@click="
tools.setRequestFriendship(
tools.cancelReqFriends(
$q,
userStore.my.username,
myuser.username,
true
myuser.username
)
"
/>
</div>
<q-btn
v-if="userStore.IsMyFriendByUsername(myuser.username)"
rounded
icon="fas fa-ellipsis-h"
>
<q-menu>
<q-list v-if="true" style="min-width: 150px">
<q-item
clickable
icon="fas fa-user-minus"
v-close-popup
@click="
tools.removeFromMyFriends(
$q,
userStore.my.username,
myuser.username
)
"
>
<q-item-section>{{
$t('friends.remove_from_myfriends')
}}</q-item-section>
</q-item>
<q-item
clickable
icon="fas fa-ban"
v-close-popup
@click="
tools.blockUser(
$q,
userStore.my.username,
myuser.username
)
"
>
<q-item-section>{{
$t('friends.block_user')
}}</q-item-section>
</q-item>
<q-item
clickable
v-close-popup
@click="
tools.reportUser(
$q,
userStore.my.username,
myuser.username
)
"
>
<q-item-section avatar>
<q-icon color="negative" name="fas fa-user-minus" />
</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="
userStore.IsAskedFriendByUsername(myuser.username) &&
!userStore.IsMyFriendByUsername(myuser.username)
"
icon="fas fa-user-minus"
:label="$t('friends.cancel_ask_friend_short')"
@click="
tools.cancelReqFriends(
$q,
userStore.my.username,
myuser.username
)
"
/>
</div>
<CContactUser :myuser="myuser" :showBtnActivities="true" />