forked from AkkomaGang/akkoma-fe
6454837ea4
* upstream/develop: (26 commits)
Update status.vue
Update retweet_button.js
Update retweet_button.vue
Use serverside html rendering in usernames and bios if available.
Update status.vue
Revert "Merge branch 'feature/hide-all-status-actions-if-not-logged-in' into 'develop'"
Hide all status actions if not logged in
hopefully, fix linter
Fixes broken custom emoji in autocomplete when proxying to remote BE
Made it so that unfocused tab doesn't autostream posts when scrolled to the top
Remove trailing whitespace
Textarea is now focused when replying
the missing piece for invites system
Fixes selects having unreadable text on some browsers/OSes. Added bonus: theme switcher select now has styled options that show preview of what theme's bg/fg colors are
fixed lint
cleanup, fixed self-highlighting in notifications, fixed incorrect hex code handling
added ability to pick the style of highlighting
post-rebase fix, backported d7d787b84c
notifs fix
maybe i should actually add myself to contributors list?
...
43 lines
2.4 KiB
Vue
43 lines
2.4 KiB
Vue
<template>
|
|
<status v-if="notification.type === 'mention'" :compact="true" :statusoid="notification.status"></status>
|
|
<div class="non-mention" :class="[userClass, { highlighted: userStyle }]" :style="[ userStyle ]"v-else>
|
|
<a class='avatar-container' :href="notification.action.user.statusnet_profile_url" @click.stop.prevent.capture="toggleUserExpanded">
|
|
<StillImage class='avatar-compact' :src="notification.action.user.profile_image_url_original"/>
|
|
</a>
|
|
<div class='notification-right'>
|
|
<div class="usercard notification-usercard" v-if="userExpanded">
|
|
<user-card-content :user="notification.action.user" :switcher="false"></user-card-content>
|
|
</div>
|
|
<span class="notification-details">
|
|
<div class="name-and-action">
|
|
<span class="username" v-if="!!notification.action.user.name_html" :title="'@'+notification.action.user.screen_name" v-html="notification.action.user.name_html"></span>
|
|
<span class="username" v-else :title="'@'+notification.action.user.screen_name">{{ notification.action.user.name }}</span>
|
|
<span v-if="notification.type === 'like'">
|
|
<i class="fa icon-star lit"></i>
|
|
<small>{{$t('notifications.favorited_you')}}</small>
|
|
</span>
|
|
<span v-if="notification.type === 'repeat'">
|
|
<i class="fa icon-retweet lit"></i>
|
|
<small>{{$t('notifications.repeated_you')}}</small>
|
|
</span>
|
|
<span v-if="notification.type === 'follow'">
|
|
<i class="fa icon-user-plus lit"></i>
|
|
<small>{{$t('notifications.followed_you')}}</small>
|
|
</span>
|
|
</div>
|
|
<small class="timeago"><router-link v-if="notification.status" :to="{ name: 'conversation', params: { id: notification.status.id } }"><timeago :since="notification.action.created_at" :auto-update="240"></timeago></router-link></small>
|
|
</span>
|
|
<div class="follow-text" v-if="notification.type === 'follow'">
|
|
<router-link :to="{ name: 'user-profile', params: { id: notification.action.user.id } }">@{{notification.action.user.screen_name}}</router-link>
|
|
</div>
|
|
<template v-else>
|
|
<status v-if="notification.status" class="faint" :compact="true" :statusoid="notification.status" :noHeading="true"></status>
|
|
<div class="broken-favorite" v-else>
|
|
{{$t('notifications.broken_favorite')}}
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./notification.js"></script>
|