akkoma-fe/src/components/mention_link/mention_link.vue

58 lines
1.2 KiB
Vue
Raw Normal View History

2021-06-07 13:16:10 +00:00
<template>
2021-06-08 11:51:42 +00:00
<span
class="MentionLink"
>
2021-06-07 13:37:12 +00:00
<!-- eslint-disable vue/no-v-html -->
<a
v-if="!user"
:href="url"
2021-06-07 13:37:12 +00:00
class="original"
target="_blank"
2021-06-07 13:37:12 +00:00
v-html="content"
/>
<!-- eslint-enable vue/no-v-html -->
<span
v-if="user"
class="new"
:style="style"
2021-06-08 08:38:44 +00:00
:class="classnames"
2021-06-07 13:37:12 +00:00
>
<a
class="short button-unstyled"
:href="url"
2021-06-07 13:37:12 +00:00
@click.prevent="onClick"
>
2021-06-10 15:52:23 +00:00
<!-- eslint-disable vue/no-v-html -->
<FAIcon
v-if="useAtIcon"
size="sm"
icon="at"
class="at"
/><span class="shortName">{{ !useAtIcon ? '@' : '' }}<span
class="userName"
v-html="userName"
/></span>
2021-06-08 11:51:42 +00:00
<span
v-if="isYou"
class="you"
>{{ $t('status.you') }}</span>
2021-06-07 13:37:12 +00:00
<!-- eslint-enable vue/no-v-html -->
</a>
2021-06-07 13:37:12 +00:00
<span
v-if="userName !== userNameFull"
2021-06-07 20:42:04 +00:00
class="full popover-default"
:class="[highlightType]"
2021-06-07 13:37:12 +00:00
>
2021-06-08 11:51:42 +00:00
<span
class="userNameFull"
v-text="'@' + userNameFull"
2021-06-08 11:51:42 +00:00
/>
2021-06-07 13:16:10 +00:00
</span>
</span>
</span>
</template>
<script src="./mention_link.js"/>
<style lang="scss" src="./mention_link.scss"/>