2019-10-08 07:21:48 +00:00
|
|
|
<template>
|
|
|
|
<button
|
2020-11-24 10:32:42 +00:00
|
|
|
class="btn button-default follow-button"
|
2020-01-13 20:19:19 +00:00
|
|
|
:class="{ toggled: isPressed }"
|
2022-01-19 13:09:48 +00:00
|
|
|
:disabled="disabled"
|
2019-10-08 07:21:48 +00:00
|
|
|
:title="title"
|
|
|
|
@click="onClick"
|
|
|
|
>
|
|
|
|
{{ label }}
|
2022-08-26 11:58:33 +00:00
|
|
|
<teleport to="#modal">
|
|
|
|
<confirm-modal
|
|
|
|
v-if="showingConfirmUnfollow"
|
|
|
|
:title="$t('user_card.unfollow_confirm_title')"
|
|
|
|
:confirm-text="$t('user_card.unfollow_confirm_accept_button')"
|
|
|
|
:cancel-text="$t('user_card.unfollow_confirm_cancel_button')"
|
|
|
|
@accepted="doUnfollow"
|
|
|
|
@cancelled="hideConfirmUnfollow"
|
|
|
|
>
|
|
|
|
<i18n-t
|
|
|
|
keypath="user_card.unfollow_confirm"
|
|
|
|
tag="span"
|
|
|
|
>
|
|
|
|
<template #user>
|
2022-12-08 16:48:17 +00:00
|
|
|
<span v-text="user.screen_name_ui" />
|
2022-08-26 11:58:33 +00:00
|
|
|
</template>
|
|
|
|
</i18n-t>
|
|
|
|
</confirm-modal>
|
|
|
|
</teleport>
|
2019-10-08 07:21:48 +00:00
|
|
|
</button>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script src="./follow_button.js"></script>
|