aboutsummaryrefslogtreecommitdiff
path: root/src/components/mentions_line/mentions_line.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2021-09-09 21:51:39 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2021-09-09 21:51:39 +0000
commit370f1e55adddd60a22bf56a7782ba61f239eb13c (patch)
tree3a4c897ac420b8d6ab92b31e2779f88947016eed /src/components/mentions_line/mentions_line.vue
parentf35e3d0f3fc1a6bb4ebd77fba1dce0ac27f5b7d7 (diff)
parenta8a82ad12f2f7b9eb8fe7a57a3a7d503c6bbe2ed (diff)
Merge branch 'develop' into 'themeApply'
# Conflicts: # CHANGELOG.md
Diffstat (limited to 'src/components/mentions_line/mentions_line.vue')
-rw-r--r--src/components/mentions_line/mentions_line.vue43
1 files changed, 43 insertions, 0 deletions
diff --git a/src/components/mentions_line/mentions_line.vue b/src/components/mentions_line/mentions_line.vue
new file mode 100644
index 00000000..f375e3b0
--- /dev/null
+++ b/src/components/mentions_line/mentions_line.vue
@@ -0,0 +1,43 @@
+<template>
+ <span class="MentionsLine">
+ <MentionLink
+ v-for="mention in mentionsComputed"
+ :key="mention.index"
+ class="mention-link"
+ :content="mention.content"
+ :url="mention.url"
+ :first-mention="false"
+ /><span
+ v-if="manyMentions"
+ class="extraMentions"
+ >
+ <span
+ v-if="expanded"
+ class="fullExtraMentions"
+ >
+ <MentionLink
+ v-for="mention in extraMentions"
+ :key="mention.index"
+ class="mention-link"
+ :content="mention.content"
+ :url="mention.url"
+ :first-mention="false"
+ />
+ </span><button
+ v-if="!expanded"
+ class="button-unstyled showMoreLess"
+ @click="toggleShowMore"
+ >
+ {{ $t('status.plus_more', { number: extraMentions.length }) }}
+ </button><button
+ v-if="expanded"
+ class="button-unstyled showMoreLess"
+ @click="toggleShowMore"
+ >
+ {{ $t('general.show_less') }}
+ </button>
+ </span>
+ </span>
+</template>
+<script src="./mentions_line.js" ></script>
+<style lang="scss" src="./mentions_line.scss" />