jbc.lol
unoffical wafrn mirror
wafrn.net
atproto
social-network
activitypub
1@if (notification) {
2<mat-card appearance="outlined" class="wafrn-container post-card" role="article"
3 [attr.aria-labelledby]="'notification-title-' + notification.url">
4 <h1 class="sr-only" [attr.id]="'notification-title-' + notification.url">
5 {{ notification.userName }}
6 </h1>
7 <app-post-ribbon [user]="{
8 avatar: notification.avatar,
9 url: notification.userUrl,
10 id: notification.userId,
11 name: notification.url
12 }" [icon]="notificationIcons[notification.type]" [image]="emojiUrl || undefined" [card]="false"
13 [time]="notification.date">
14 <a class="user-link user-name" [routerLink]="'/blog/' + notification.userUrl"
15 [innerHTML]="notification.userName"></a>
16 <span class="text-sm post-action">
17 @switch (notification.type) {
18 @case ('MENTION') {
19 mentioned you in a woot
20 }
21 @case ('LIKE') {
22 liked one of your woots
23 }
24 @case ('FOLLOW') {
25 now follows you!
26 }
27 @case ('REWOOT') {
28 rewooted one of your woots
29 }
30 @case ('QUOTE') {
31 quoted you in a woot
32 }
33 @case ('EMOJIREACT') {
34 reacted to your woot
35 }
36 @case ('USERBITE') {
37 bit you!
38 }
39 @case ('POSTBITE') {
40 bit one of your woots
41 }
42 }
43 </span>
44 </app-post-ribbon>
45 @if (notification.type !== 'FOLLOW' && notification.type !== 'USERBITE') {
46 <hr />
47 <div class="notification-content-shortened">
48 <div>
49 @if (notification.fragment) {
50 <app-post-header [fragment]="notification.fragment"></app-post-header>
51 <app-post-fragment [fragment]="notification.fragment"></app-post-fragment>
52 }
53 </div>
54 </div>
55 }
56</mat-card>
57}