logo

pleroma-fe

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

mentions_line.vue (1079B)

    

  1. <template>
  2.   <span class="MentionsLine">
  3.     <MentionLink
  4.       v-for="mention in mentionsComputed"
  5.       :key="mention.index"
  6.       class="mention-link"
  7.       :content="mention.content"
  8.       :url="mention.url"
  9.     /><span
  10.       v-if="manyMentions"
  11.       class="extraMentions"
  12.     >
  13.       <span
  14.         v-if="expanded"
  15.         class="fullExtraMentions"
  16.       >{{ ' ' }}<MentionLink
  17.         v-for="mention in extraMentions"
  18.         :key="mention.index"
  19.         class="mention-link"
  20.         :content="mention.content"
  21.         :url="mention.url"
  22.       />
  23.       </span><button
  24.         v-if="!expanded"
  25.         class="button-unstyled -link showMoreLess"
  26.         @click="toggleShowMore"
  27.       >
  28.         {{ $t('status.plus_more', { number: extraMentions.length }) }}
  29.       </button><button
  30.         v-if="expanded"
  31.         class="button-unstyled -link showMoreLess"
  32.         @click="toggleShowMore"
  33.       >
  34.         {{ $t('general.show_less') }}
  35.       </button>
  36.     </span>
  37.   </span>
  38. </template>
  39. <script src="./mentions_line.js"></script>
  40. <style lang="scss" src="./mentions_line.scss" />