mention_link.vue
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

mention_link.vue
View Options

	<template>
	<span
	class="MentionLink"
	>
	<!-- eslint-disable vue/no-v-html -->
	<a
	v-if="!user"
	:href="url"
	class="original"
	target="_blank"
	v-html="content"
	/><!-- eslint-enable vue/no-v-html -->
	<UserPopover
	v-else
	:user-id="user.id"
	:disabled="!shouldShowTooltip"
	>
	<span
	v-if="user"
	class="new"
	:style="style"
	:class="classnames"
	>
	<a
	class="short button-unstyled"
	:class="{ '-with-tooltip': shouldShowTooltip }"
	:href="url"
	@click.prevent="onClick"
	>
	<!-- eslint-disable vue/no-v-html -->
	<UserAvatar
	v-if="shouldShowAvatar"
	class="mention-avatar"
	:user="user"
	/><span
	class="shortName"
	><FAIcon
	v-if="useAtIcon"
	size="sm"
	icon="at"
	class="at"
	/>{{ !useAtIcon ? '@' : '' }}<span
	class="userName"
	v-html="userName"
	/><span
	v-if="shouldShowFullUserName"
	class="serverName"
	:class="{ '-faded': shouldFadeDomain }"
	v-html="'@' + serverName"
	/><UnicodeDomainIndicator
	v-if="shouldShowFullUserName"
	:user="user"
	/>
	</span>
	<span
	v-if="isYou && shouldShowYous"
	:class="{ '-you': shouldBoldenYou }"
	> {{ ' ' + $t('status.you') }}</span>
	<!-- eslint-enable vue/no-v-html -->
	</a><span
	ref="full"
	class="full"
	>
	<!-- eslint-disable vue/no-v-html -->
	@<span v-html="userName" /><span v-html="'@' + serverName" />
	<!-- eslint-enable vue/no-v-html -->
	</span>
	</span>
	</UserPopover>
	</span>
	</template>

	<script src="./mention_link.js" />

	<style lang="scss" src="./mention_link.scss" />