35 lines
894 B
Vue
35 lines
894 B
Vue
<template>
|
|
<button
|
|
class="btn button-default follow-button"
|
|
:class="{ toggled: isPressed }"
|
|
:disabled="disabled"
|
|
:title="title"
|
|
@click="onClick"
|
|
>
|
|
{{ label }}
|
|
<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>
|
|
<span
|
|
v-text="user.screen_name_ui"
|
|
/>
|
|
</template>
|
|
</i18n-t>
|
|
</confirm-modal>
|
|
</teleport>
|
|
</button>
|
|
</template>
|
|
|
|
<script src="./follow_button.js"></script>
|