retweet_button.vue
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

retweet_button.vue
View Options

	<template>
	<div v-if="loggedIn">
	<template v-if="visibility !== 'private' && visibility !== 'direct'">
	<i :class='classes' class='button-icon retweet-button icon-retweet rt-active' v-on:click.prevent='retweet()' :title="$t('tool_tip.repeat')"></i>
	<span v-if='!hidePostStatsLocal && status.repeat_num > 0'>{{status.repeat_num}}</span>
	</template>
	<template v-else>
	<i :class='classes' class='button-icon icon-lock' :title="$t('timeline.no_retweet_hint')"></i>
	</template>
	</div>
	<div v-else-if="!loggedIn">
	<i :class='classes' class='button-icon icon-retweet' :title="$t('tool_tip.repeat')"></i>
	<span v-if='!hidePostStatsLocal && status.repeat_num > 0'>{{status.repeat_num}}</span>
	</div>
	</template>

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

	<style lang="scss">
	@import '../../_variables.scss';
	.rt-active {
	cursor: pointer;
	animation-duration: 0.6s;
	&:hover {
	color: $fallback--cGreen;
	color: var(--cGreen, $fallback--cGreen);
	}
	}
	.icon-retweet.retweeted {
	color: $fallback--cGreen;
	color: var(--cGreen, $fallback--cGreen);
	}
	</style>