|
|
@ -1,12 +1,34 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<span class="MentionLink">
|
|
|
|
<span class="MentionLink">
|
|
|
|
<a v-if="!user" v-html="content" href="url" class="original"/>
|
|
|
|
<!-- eslint-disable vue/no-v-html -->
|
|
|
|
<span v-if="user" class="new" :style="style" :class="{ '-you': isYou }" >
|
|
|
|
<a
|
|
|
|
<button class="button-unstyled short" @click.prevent="onClick">
|
|
|
|
v-if="!user"
|
|
|
|
|
|
|
|
href="url"
|
|
|
|
|
|
|
|
class="original"
|
|
|
|
|
|
|
|
v-html="content"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<!-- eslint-enable vue/no-v-html -->
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
|
|
|
v-if="user"
|
|
|
|
|
|
|
|
class="new"
|
|
|
|
|
|
|
|
:style="style"
|
|
|
|
|
|
|
|
:class="{ '-you': isYou }"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<button
|
|
|
|
|
|
|
|
class="button-unstyled short"
|
|
|
|
|
|
|
|
@click.prevent="onClick"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<!-- eslint-disable vue/no-v-html -->
|
|
|
|
<span class="shortName">@<span v-html="userName" /></span> <span v-if="isYou">(You)</span>
|
|
|
|
<span class="shortName">@<span v-html="userName" /></span> <span v-if="isYou">(You)</span>
|
|
|
|
|
|
|
|
<!-- eslint-enable vue/no-v-html -->
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
<span class="full" v-if="userName !== userNameFull">
|
|
|
|
<span
|
|
|
|
|
|
|
|
v-if="userName !== userNameFull"
|
|
|
|
|
|
|
|
class="full"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<!-- eslint-disable vue/no-v-html -->
|
|
|
|
@<span v-html="userNameFull" />
|
|
|
|
@<span v-html="userNameFull" />
|
|
|
|
|
|
|
|
<!-- eslint-enable vue/no-v-html -->
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|