aboutsummaryrefslogtreecommitdiff
path: root/src/components/follow_button/follow_button.vue
blob: 4fc2233a6bfc725e15404c84fe52e4c39e7a2ab0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<template>
  <div>
    <button
      class="btn button-default follow-button"
      :class="{ toggled: isPressed }"
      :disabled="disabled"
      :title="title"
      @click="onClick"
    >
      {{ label }}
    </button>
    <confirm-modal
      :showing="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
        path="user_card.unfollow_confirm"
        tag="span"
      >
        <span
          place="user"
          v-text="user.screen_name_ui"
        />
      </i18n>
    </confirm-modal>
  </div>
</template>

<script src="./follow_button.js"></script>