1 <div *
ngIf=
"componentPagination.totalItems === 0" class=
"no-notification" i18n
>You don't have notifications.
</div>
3 <div class=
"notifications" myInfiniteScroller [autoInit]=
"true" (nearOfBottom)=
"onNearOfBottom()" [dataObservable]=
"onDataSubject.asObservable()">
4 <div *
ngFor=
"let notification of notifications" class=
"notification" [ngClass]=
"{ unread: !notification.read }" (click)=
"markAsRead(notification)">
6 <ng-container [ngSwitch]=
"notification.type">
7 <ng-container *
ngSwitchCase=
"UserNotificationType.NEW_VIDEO_FROM_SUBSCRIPTION">
8 <img alt=
"" aria-labelledby=
"avatar" class=
"avatar" [src]=
"notification.video.channel.avatarUrl" />
10 <div class=
"message" i18n
>
11 {{ notification.video.channel.displayName }} published a new video:
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.video.name }}
</a>
15 <ng-container *
ngSwitchCase=
"UserNotificationType.UNBLACKLIST_ON_MY_VIDEO">
16 <my-global-icon iconName=
"undo"></my-global-icon>
18 <div class=
"message" i18n
>
19 Your video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.video.name }}
</a> has been unblacklisted
23 <ng-container *
ngSwitchCase=
"UserNotificationType.BLACKLIST_ON_MY_VIDEO">
24 <my-global-icon iconName=
"no"></my-global-icon>
26 <div class=
"message" i18n
>
27 Your video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.videoBlacklist.video.name }}
</a> has been blacklisted
31 <ng-container *
ngSwitchCase=
"UserNotificationType.NEW_VIDEO_ABUSE_FOR_MODERATORS">
32 <my-global-icon iconName=
"alert"></my-global-icon>
34 <div class=
"message" i18n
>
35 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoAbuseUrl">A new video abuse
</a> has been created on video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.videoAbuse.video.name }}
</a>
39 <ng-container *
ngSwitchCase=
"UserNotificationType.VIDEO_AUTO_BLACKLIST_FOR_MODERATORS">
40 <my-global-icon iconName=
"no"></my-global-icon>
42 <div class=
"message" i18n
>
43 The recently added video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.videoBlacklist.video.name }}
</a> has been
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoAutoBlacklistUrl">auto-blacklisted
</a>
47 <ng-container *
ngSwitchCase=
"UserNotificationType.NEW_COMMENT_ON_MY_VIDEO">
48 <img alt=
"" aria-labelledby=
"avatar" class=
"avatar" [src]=
"notification.comment.account.avatarUrl" />
50 <div class=
"message" i18n
>
51 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">{{ notification.comment.account.displayName }}
</a> commented your video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.commentUrl">{{ notification.comment.video.name }}
</a>
55 <ng-container *
ngSwitchCase=
"UserNotificationType.MY_VIDEO_PUBLISHED">
56 <my-global-icon iconName=
"sparkle"></my-global-icon>
58 <div class=
"message" i18n
>
59 Your video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.video.name }}
</a> has been published
63 <ng-container *
ngSwitchCase=
"UserNotificationType.MY_VIDEO_IMPORT_SUCCESS">
64 <my-global-icon iconName=
"cloud-download"></my-global-icon>
66 <div class=
"message" i18n
>
67 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl || notification.videoImportUrl">Your video import
</a> {{ notification.videoImportIdentifier }} succeeded
71 <ng-container *
ngSwitchCase=
"UserNotificationType.MY_VIDEO_IMPORT_ERROR">
72 <my-global-icon iconName=
"cloud-error"></my-global-icon>
74 <div class=
"message" i18n
>
75 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoImportUrl">Your video import
</a> {{ notification.videoImportIdentifier }} failed
79 <ng-container *
ngSwitchCase=
"UserNotificationType.NEW_USER_REGISTRATION">
80 <my-global-icon iconName=
"user-add"></my-global-icon>
82 <div class=
"message" i18n
>
83 User
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">{{ notification.account.name }} registered
</a> on your instance
87 <ng-container *
ngSwitchCase=
"UserNotificationType.NEW_FOLLOW">
88 <img alt=
"" aria-labelledby=
"avatar" class=
"avatar" [src]=
"notification.actorFollow.follower.avatarUrl" />
90 <div class=
"message" i18n
>
91 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">{{ notification.actorFollow.follower.displayName }}
</a> is following
93 <ng-container *
ngIf=
"notification.actorFollow.following.type === 'channel'">your channel {{ notification.actorFollow.following.displayName }}
</ng-container>
94 <ng-container *
ngIf=
"notification.actorFollow.following.type === 'account'">your account
</ng-container>
98 <ng-container *
ngSwitchCase=
"UserNotificationType.COMMENT_MENTION">
99 <img alt=
"" aria-labelledby=
"avatar" class=
"avatar" [src]=
"notification.comment.account.avatarUrl" />
101 <div class=
"message" i18n
>
102 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">{{ notification.comment.account.displayName }}
</a> mentioned you on
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.commentUrl">video {{ notification.comment.video.name }}
</a>
106 <ng-container *
ngSwitchCase=
"UserNotificationType.NEW_INSTANCE_FOLLOWER">
107 <my-global-icon iconName=
"users"></my-global-icon>
109 <div class=
"message" i18n
>
110 Your instance has
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.instanceFollowUrl">a new follower
</a> ({{ notification.actorFollow?.follower.host }})
111 <ng-container *
ngIf=
"notification.actorFollow?.state === 'pending'"> awaiting your approval
</ng-container>
115 <ng-container *
ngSwitchCase=
"UserNotificationType.AUTO_INSTANCE_FOLLOWING">
116 <my-global-icon iconName=
"users"></my-global-icon>
118 <div class=
"message" i18n
>
119 Your instance automatically followed
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.instanceFollowUrl">{{ notification.actorFollow.following.host }}
</a>
124 <div class=
"from-date">{{ notification.createdAt | myFromNow }}
</div>