|
|
|
@ -112,31 +112,12 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="isOtherUser"
|
|
|
|
|
v-if="loggedIn && isOtherUser"
|
|
|
|
|
class="user-interactions"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
v-if="loggedIn"
|
|
|
|
|
class="follow"
|
|
|
|
|
>
|
|
|
|
|
<span v-if="user.following">
|
|
|
|
|
<!--Following them!-->
|
|
|
|
|
<button
|
|
|
|
|
class="pressed"
|
|
|
|
|
:disabled="followRequestInProgress"
|
|
|
|
|
:title="$t('user_card.follow_unfollow')"
|
|
|
|
|
@click="unfollowUser"
|
|
|
|
|
>
|
|
|
|
|
<template v-if="followRequestInProgress">
|
|
|
|
|
{{ $t('user_card.follow_progress') }}
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else>
|
|
|
|
|
{{ $t('user_card.following') }}
|
|
|
|
|
</template>
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="!user.following">
|
|
|
|
|
<div v-if="!user.following">
|
|
|
|
|
<button
|
|
|
|
|
class="btn btn-default btn-block"
|
|
|
|
|
:disabled="followRequestInProgress"
|
|
|
|
|
:title="followRequestSent ? $t('user_card.follow_again') : ''"
|
|
|
|
|
@click="followUser"
|
|
|
|
@ -151,62 +132,100 @@
|
|
|
|
|
{{ $t('user_card.follow') }}
|
|
|
|
|
</template>
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="followRequestInProgress">
|
|
|
|
|
<button
|
|
|
|
|
class="btn btn-default btn-block pressed"
|
|
|
|
|
disabled
|
|
|
|
|
:title="$t('user_card.follow_unfollow')"
|
|
|
|
|
@click="unfollowUser"
|
|
|
|
|
>
|
|
|
|
|
{{ $t('user_card.follow_progress') }}
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="isOtherUser && loggedIn"
|
|
|
|
|
class="mute"
|
|
|
|
|
v-else
|
|
|
|
|
class="btn-group"
|
|
|
|
|
>
|
|
|
|
|
<button
|
|
|
|
|
class="btn btn-default pressed"
|
|
|
|
|
:title="$t('user_card.follow_unfollow')"
|
|
|
|
|
@click="unfollowUser"
|
|
|
|
|
>
|
|
|
|
|
{{ $t('user_card.following') }}
|
|
|
|
|
</button>
|
|
|
|
|
<ProgressButton
|
|
|
|
|
v-if="!user.subscribed"
|
|
|
|
|
class="btn btn-default"
|
|
|
|
|
:click="subscribeUser"
|
|
|
|
|
:title="$t('user_card.subscribe')"
|
|
|
|
|
>
|
|
|
|
|
<i class="icon-bell-alt" />
|
|
|
|
|
</ProgressButton>
|
|
|
|
|
<ProgressButton
|
|
|
|
|
v-else
|
|
|
|
|
class="btn btn-default pressed"
|
|
|
|
|
:click="unsubscribeUser"
|
|
|
|
|
:title="$t('user_card.unsubscribe')"
|
|
|
|
|
>
|
|
|
|
|
<span v-if="user.muted">
|
|
|
|
|
<i class="icon-bell-ringing-o" />
|
|
|
|
|
</ProgressButton>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<button
|
|
|
|
|
class="pressed"
|
|
|
|
|
v-if="user.muted"
|
|
|
|
|
class="btn btn-default btn-block pressed"
|
|
|
|
|
@click="unmuteUser"
|
|
|
|
|
>
|
|
|
|
|
{{ $t('user_card.muted') }}
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="!user.muted">
|
|
|
|
|
<button @click="muteUser">
|
|
|
|
|
<button
|
|
|
|
|
v-else
|
|
|
|
|
class="btn btn-default btn-block"
|
|
|
|
|
@click="muteUser"
|
|
|
|
|
>
|
|
|
|
|
{{ $t('user_card.mute') }}
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="!loggedIn && user.is_local">
|
|
|
|
|
<RemoteFollow :user="user" />
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="isOtherUser && loggedIn"
|
|
|
|
|
class="block"
|
|
|
|
|
>
|
|
|
|
|
<span v-if="user.statusnet_blocking">
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<button
|
|
|
|
|
class="pressed"
|
|
|
|
|
v-if="user.statusnet_blocking"
|
|
|
|
|
class="btn btn-default btn-block pressed"
|
|
|
|
|
@click="unblockUser"
|
|
|
|
|
>
|
|
|
|
|
{{ $t('user_card.blocked') }}
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="!user.statusnet_blocking">
|
|
|
|
|
<button @click="blockUser">
|
|
|
|
|
<button
|
|
|
|
|
v-else
|
|
|
|
|
class="btn btn-default btn-block"
|
|
|
|
|
@click="blockUser"
|
|
|
|
|
>
|
|
|
|
|
{{ $t('user_card.block') }}
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="isOtherUser && loggedIn"
|
|
|
|
|
class="block"
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<button
|
|
|
|
|
class="btn btn-default btn-block"
|
|
|
|
|
@click="reportUser"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
<button @click="reportUser">
|
|
|
|
|
{{ $t('user_card.report') }}
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ModerationTools
|
|
|
|
|
v-if="loggedIn.role === "admin""
|
|
|
|
|
:user="user"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="!loggedIn && user.is_local"
|
|
|
|
|
class="user-interactions"
|
|
|
|
|
>
|
|
|
|
|
<RemoteFollow :user="user" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
@ -487,43 +506,25 @@
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow: row wrap;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
|
|
margin-right: -.75em;
|
|
|
|
|
|
|
|
|
|
div {
|
|
|
|
|
> * {
|
|
|
|
|
flex: 1 0 0;
|
|
|
|
|
margin-right: .75em;
|
|
|
|
|
margin-bottom: .6em;
|
|
|
|
|
margin: 0 .75em .6em 0;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.mute {
|
|
|
|
|
max-width: 220px;
|
|
|
|
|
min-height: 28px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.follow {
|
|
|
|
|
max-width: 220px;
|
|
|
|
|
min-height: 28px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.remote-button {
|
|
|
|
|
height: 28px !important;
|
|
|
|
|
width: 92%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pressed {
|
|
|
|
|
&.pressed {
|
|
|
|
|
// TODO: This should be themed.
|
|
|
|
|
border-bottom-color: rgba(255, 255, 255, 0.2);
|
|
|
|
|
border-top-color: rgba(0, 0, 0, 0.2);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.user-counts {
|
|
|
|
|
display: flex;
|
|
|
|
|