mention link
This commit is contained in:
parent
1923ed84d4
commit
22c8f71945
6 changed files with 161 additions and 3 deletions
17
src/components/mention_link/mention_link.vue
Normal file
17
src/components/mention_link/mention_link.vue
Normal file
|
|
@ -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"/>
|
||||
Loading…
Add table
Add a link
Reference in a new issue