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=
"1"> <!-- UserNotificationType.NEW_VIDEO_FROM_SUBSCRIPTION -->
8 <ng-container *
ngIf=
"notification.video; then hasVideo; else noVideo"></ng-container>
10 <ng-template #hasVideo
>
11 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">
12 <img alt=
"" aria-labelledby=
"avatar" class=
"avatar" [src]=
"notification.video.channel.avatarUrl" />
15 <div class=
"message" i18n
>
16 {{ notification.video.channel.displayName }} published a new video:
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.video.name }}
</a>
20 <ng-template #noVideo
>
21 <my-global-icon iconName=
"alert" aria-hidden=
"true"></my-global-icon>
23 <div class=
"message" i18n
>
24 The notification concerns a video now unavailable
29 <ng-container *
ngSwitchCase=
"5"> <!-- UserNotificationType.UNBLACKLIST_ON_MY_VIDEO -->
30 <my-global-icon iconName=
"undo" aria-hidden=
"true"></my-global-icon>
32 <div class=
"message" i18n
>
33 Your video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.video.name }}
</a> has been unblocked
37 <ng-container *
ngSwitchCase=
"4"> <!-- UserNotificationType.BLACKLIST_ON_MY_VIDEO -->
38 <my-global-icon iconName=
"no" aria-hidden=
"true"></my-global-icon>
40 <div class=
"message" i18n
>
41 Your video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.videoBlacklist.video.name }}
</a> has been blocked
45 <ng-container *
ngSwitchCase=
"3"> <!-- UserNotificationType.NEW_ABUSE_FOR_MODERATORS -->
46 <my-global-icon iconName=
"flag" aria-hidden=
"true"></my-global-icon>
48 <div class=
"message" *
ngIf=
"notification.videoUrl" i18n
>
49 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.abuseUrl" [queryParams]=
"notification.abuseQueryParams">A new video abuse
</a> has been created on video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.abuse.video.name }}
</a>
52 <div class=
"message" *
ngIf=
"notification.commentUrl" i18n
>
53 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.abuseUrl" [queryParams]=
"notification.abuseQueryParams">A new comment abuse
</a> has been created on video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.commentUrl">{{ notification.abuse.comment.video.name }}
</a>
56 <div class=
"message" *
ngIf=
"notification.accountUrl" i18n
>
57 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.abuseUrl" [queryParams]=
"notification.abuseQueryParams">A new account abuse
</a> has been created on account
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">{{ notification.abuse.account.displayName }}
</a>
60 <!-- Deleted entity associated to the abuse -->
61 <div class=
"message" *
ngIf=
"!notification.videoUrl && !notification.commentUrl && !notification.accountUrl" i18n
>
62 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.abuseUrl" [queryParams]=
"notification.abuseQueryParams">A new abuse
</a> has been created
66 <ng-container *
ngSwitchCase=
"15"> <!-- UserNotificationType.ABUSE_STATE_CHANGE -->
67 <my-global-icon iconName=
"flag" aria-hidden=
"true"></my-global-icon>
69 <div class=
"message" i18n
>
70 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.abuseUrl" [queryParams]=
"notification.abuseQueryParams">Your abuse {{ notification.abuse.id }}
</a> has been
71 <ng-container *
ngIf=
"isAccepted(notification)">accepted
</ng-container>
72 <ng-container *
ngIf=
"!isAccepted(notification)">rejected
</ng-container>
76 <ng-container *
ngSwitchCase=
"16"> <!-- UserNotificationType.ABUSE_NEW_MESSAGE -->
77 <my-global-icon iconName=
"flag" aria-hidden=
"true"></my-global-icon>
79 <div class=
"message" i18n
>
80 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.abuseUrl" [queryParams]=
"notification.abuseQueryParams">Abuse {{ notification.abuse.id }}
</a> has a new message
84 <ng-container *
ngSwitchCase=
"12"> <!-- UserNotificationType.VIDEO_AUTO_BLACKLIST_FOR_MODERATORS -->
85 <my-global-icon iconName=
"no" aria-hidden=
"true"></my-global-icon>
87 <div class=
"message" i18n
>
88 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">automatically blocked
</a>
92 <ng-container *
ngSwitchCase=
"2">
93 <ng-container *
ngIf=
"notification.comment">
94 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">
95 <img alt=
"" aria-labelledby=
"avatar" class=
"avatar" [src]=
"notification.comment.account.avatarUrl" />
98 <div class=
"message" i18n
>
99 <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>
103 <ng-container *
ngIf=
"!notification.comment">
104 <my-global-icon iconName=
"alert" aria-hidden=
"true"></my-global-icon>
106 <div class=
"message" i18n
>
107 The notification concerns a comment now unavailable
112 <ng-container *
ngSwitchCase=
"6"> <!-- UserNotificationType.MY_VIDEO_PUBLISHED -->
113 <my-global-icon iconName=
"film" aria-hidden=
"true"></my-global-icon>
115 <div class=
"message" i18n
>
116 Your video
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl">{{ notification.video.name }}
</a> has been published
120 <ng-container *
ngSwitchCase=
"7"> <!-- UserNotificationType.MY_VIDEO_IMPORT_SUCCESS -->
121 <my-global-icon iconName=
"cloud-download" aria-hidden=
"true"></my-global-icon>
123 <div class=
"message" i18n
>
124 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoUrl || notification.videoImportUrl">Your video import
</a> {{ notification.videoImportIdentifier }} succeeded
128 <ng-container *
ngSwitchCase=
"8"> <!-- UserNotificationType.MY_VIDEO_IMPORT_ERROR -->
129 <my-global-icon iconName=
"cloud-error" aria-hidden=
"true"></my-global-icon>
131 <div class=
"message" i18n
>
132 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.videoImportUrl">Your video import
</a> {{ notification.videoImportIdentifier }} failed
136 <ng-container *
ngSwitchCase=
"9"> <!-- UserNotificationType.NEW_USER_REGISTRATION -->
137 <my-global-icon iconName=
"user-add" aria-hidden=
"true"></my-global-icon>
139 <div class=
"message" i18n
>
140 User
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">{{ notification.account.name }}
</a> registered on your instance
144 <ng-container *
ngSwitchCase=
"10"> <!-- UserNotificationType.NEW_FOLLOW -->
145 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">
146 <img alt=
"" aria-labelledby=
"avatar" class=
"avatar" [src]=
"notification.actorFollow.follower.avatarUrl" />
149 <div class=
"message" i18n
>
150 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">{{ notification.actorFollow.follower.displayName }}
</a> is following
152 <ng-container *
ngIf=
"notification.actorFollow.following.type === 'channel'">your channel {{ notification.actorFollow.following.displayName }}
</ng-container>
153 <ng-container *
ngIf=
"notification.actorFollow.following.type === 'account'">your account
</ng-container>
157 <ng-container *
ngSwitchCase=
"11">
158 <ng-container *
ngIf=
"notification.comment">
159 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.accountUrl">
160 <img alt=
"" aria-labelledby=
"avatar" class=
"avatar" [src]=
"notification.comment.account.avatarUrl" />
163 <div class=
"message" i18n
>
164 <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>
168 <ng-container *
ngIf=
"!notification.comment">
169 <my-global-icon iconName=
"alert" aria-hidden=
"true"></my-global-icon>
171 <div class=
"message" i18n
>
172 The notification concerns a comment now unavailable
177 <ng-container *
ngSwitchCase=
"13"> <!-- UserNotificationType.NEW_INSTANCE_FOLLOWER -->
178 <my-global-icon iconName=
"users" aria-hidden=
"true"></my-global-icon>
180 <div class=
"message" i18n
>
181 Your instance has
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.instanceFollowUrl">a new follower
</a> ({{ notification.actorFollow?.follower.host }})
182 <ng-container *
ngIf=
"notification.actorFollow?.state === 'pending'"> awaiting your approval
</ng-container>
186 <ng-container *
ngSwitchCase=
"14"> <!-- UserNotificationType.AUTO_INSTANCE_FOLLOWING -->
187 <my-global-icon iconName=
"users" aria-hidden=
"true"></my-global-icon>
189 <div class=
"message" i18n
>
190 Your instance automatically followed
<a (click)=
"markAsRead(notification)" [routerLink]=
"notification.instanceFollowUrl">{{ notification.actorFollow.following.host }}
</a>
194 <ng-container *
ngSwitchCase=
"17"> <!-- UserNotificationType.NEW_PLUGIN_VERSION -->
195 <my-global-icon iconName=
"cog" aria-hidden=
"true"></my-global-icon>
197 <div class=
"message" i18n
>
198 <a (click)=
"markAsRead(notification)" [routerLink]=
"notification.pluginUrl" [queryParams]=
"notification.pluginQueryParams">A new version of the plugin/theme {{ notification.plugin.name }}
</a> is available: {{ notification.plugin.latestVersion }}
202 <ng-container *
ngSwitchCase=
"18"> <!-- UserNotificationType.NEW_PEERTUBE_VERSION -->
203 <my-global-icon iconName=
"cog" aria-hidden=
"true"></my-global-icon>
205 <div class=
"message" i18n
>
206 <a (click)=
"markAsRead(notification)" [href]=
"notification.peertubeVersionLink" target=
"_blank" rel=
"noopener noreferer">A new version of PeerTube
</a> is available: {{ notification.peertube.latestVersion }}
210 <ng-container *ngSwitchDefault
>
211 <my-global-icon iconName=
"alert" aria-hidden=
"true"></my-global-icon>
213 <div class=
"message" i18n
>
214 The notification points to content now unavailable
219 <div [title]=
"notification.createdAt" class=
"from-date">{{ notification.createdAt | myFromNow }}
</div>