diff options
| author | Henry Jameson <me@hjkos.com> | 2021-06-07 16:16:10 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2021-06-07 18:41:47 +0300 |
| commit | 22c8f71945c6d114bf4db89c87eb1b166775f2d6 (patch) | |
| tree | 1109740a4365056380daba1c47928ff700399eed /src/components/mention_link/mention_link.vue | |
| parent | 1923ed84d451011df42e47a85060cc754a011e27 (diff) | |
mention link
Diffstat (limited to 'src/components/mention_link/mention_link.vue')
| -rw-r--r-- | src/components/mention_link/mention_link.vue | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue new file mode 100644 index 00000000..84ed3205 --- /dev/null +++ b/src/components/mention_link/mention_link.vue @@ -0,0 +1,17 @@ +<template> + <span class="MentionLink"> + <a v-if="!user" v-html="content" href="url" class="original"/> + <span v-if="user" class="new" :style="style" :class="{ '-you': isYou }" > + <button class="button-unstyled short" @click.prevent="onClick"> + <span class="shortName">@<span v-html="userName" /></span> <span v-if="isYou">(You)</span> + </button> + <span class="full" v-if="userName !== userNameFull"> + @<span v-html="userNameFull" /> + </span> + </span> + </span> +</template> + +<script src="./mention_link.js"/> + +<style lang="scss" src="./mention_link.scss"/> |