Update naming
This commit is contained in:
parent
8dd42cfc65
commit
1fecac9ba6
|
@ -21,8 +21,8 @@
|
|||
<slot name="secondary-area"></slot>
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-card-third-area">
|
||||
<slot name="third-area"></slot>
|
||||
<div class="user-card-tertiary-area">
|
||||
<slot name="tertiary-area"></slot>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -8,7 +8,7 @@ const FollowCard = {
|
|||
],
|
||||
data () {
|
||||
return {
|
||||
progress: false,
|
||||
inProgress: false,
|
||||
requestSent: false,
|
||||
updated: false
|
||||
}
|
||||
|
@ -25,17 +25,17 @@ const FollowCard = {
|
|||
},
|
||||
methods: {
|
||||
followUser () {
|
||||
this.progress = true
|
||||
this.inProgress = true
|
||||
requestFollow(this.user, this.$store).then(({ sent, updated }) => {
|
||||
this.progress = false
|
||||
this.inProgress = false
|
||||
this.requestSent = sent
|
||||
this.updated = updated
|
||||
})
|
||||
},
|
||||
unfollowUser () {
|
||||
this.progress = true
|
||||
this.inProgress = true
|
||||
requestUnfollow(this.user, this.$store).then(({ updated }) => {
|
||||
this.progress = false
|
||||
this.inProgress = false
|
||||
this.updated = updated
|
||||
})
|
||||
}
|
||||
|
|
|
@ -5,10 +5,10 @@
|
|||
v-if="showFollow"
|
||||
class="btn btn-default"
|
||||
@click="followUser"
|
||||
:disabled="progress"
|
||||
:disabled="inProgress"
|
||||
:title="requestSent ? $t('user_card.follow_again') : ''"
|
||||
>
|
||||
<template v-if="progress">
|
||||
<template v-if="inProgress">
|
||||
{{ $t('user_card.follow_progress') }}
|
||||
</template>
|
||||
<template v-else-if="requestSent">
|
||||
|
@ -18,8 +18,8 @@
|
|||
{{ $t('user_card.follow') }}
|
||||
</template>
|
||||
</button>
|
||||
<button v-if="following" class="btn btn-default pressed" @click="unfollowUser" :disabled="progress">
|
||||
<template v-if="progress">
|
||||
<button v-if="following" class="btn btn-default pressed" @click="unfollowUser" :disabled="inProgress">
|
||||
<template v-if="inProgress">
|
||||
{{ $t('user_card.follow_progress') }}
|
||||
</template>
|
||||
<template v-else>
|
||||
|
@ -27,7 +27,7 @@
|
|||
</template>
|
||||
</button>
|
||||
</template>
|
||||
<template slot="third-area">
|
||||
<template slot="tertiary-area">
|
||||
<span class="faint" v-if="!noFollowsYou && user.follows_you">
|
||||
{{ isMe ? $t('user_card.its_you') : $t('user_card.follows_you') }}
|
||||
</span>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<basic-user-card :user="user">
|
||||
<template slot="third-area">
|
||||
<template slot="tertiary-area">
|
||||
<div class="follow-request-card-action-buttons-container">
|
||||
<button class="btn btn-default" @click="approveUser">{{ $t('user_card.approve') }}</button>
|
||||
<button class="btn btn-default" @click="denyUser">{{ $t('user_card.deny') }}</button>
|
||||
|
|
Loading…
Reference in New Issue