logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://hacktivis.me/git/pleroma-fe.git

block_card.vue (989B)


  1. <template>
  2. <basic-user-card :user="user">
  3. <div class="block-card-content-container">
  4. <button
  5. v-if="blocked"
  6. class="btn button-default"
  7. :disabled="progress"
  8. @click="unblockUser"
  9. >
  10. <template v-if="progress">
  11. {{ $t('user_card.unblock_progress') }}
  12. </template>
  13. <template v-else>
  14. {{ $t('user_card.unblock') }}
  15. </template>
  16. </button>
  17. <button
  18. v-else
  19. class="btn button-default"
  20. :disabled="progress"
  21. @click="blockUser"
  22. >
  23. <template v-if="progress">
  24. {{ $t('user_card.block_progress') }}
  25. </template>
  26. <template v-else>
  27. {{ $t('user_card.block') }}
  28. </template>
  29. </button>
  30. </div>
  31. </basic-user-card>
  32. </template>
  33. <script src="./block_card.js"></script>
  34. <style lang="scss">
  35. .block-card-content-container {
  36. margin-top: 0.5em;
  37. text-align: right;
  38. button {
  39. width: 10em;
  40. }
  41. }
  42. </style>