1 <div class=
"root-comment">
3 *
ngIf=
"!comment.isDeleted"
5 [src]=
"comment.accountAvatarUrl"
10 *
ngIf=
"comment.isDeleted"
11 class=
"comment-avatar"
15 <ng-container *
ngIf=
"!comment.isDeleted">
16 <div *
ngIf=
"highlightedComment === true" class=
"highlighted-comment" i18n
>Highlighted comment
</div>
18 <div class=
"comment-account-date">
19 <a [href]=
"comment.account.url" target=
"_blank" rel=
"noopener noreferrer" class=
"comment-account">{{ comment.by }}
</a>
20 <a [routerLink]=
"['/videos/watch', video.uuid, { 'threadId': comment.threadId }]" class=
"comment-date">{{ comment.createdAt | myFromNow }}
</a>
22 <div class=
"comment-html" [innerHTML]=
"sanitizedCommentHTML"></div>
24 <div class=
"comment-actions">
25 <div *
ngIf=
"isUserLoggedIn()" (click)=
"onWantToReply()" class=
"comment-action-reply" i18n
>Reply
</div>
26 <div *
ngIf=
"isRemovableByUser()" (click)=
"onWantToDelete()" class=
"comment-action-delete" i18n
>Delete
</div>
30 <ng-container *
ngIf=
"comment.isDeleted">
31 <div class=
"comment-account-date">
32 <span class=
"comment-account" i18n
>Deleted
</span>
33 <a [routerLink]=
"['/videos/watch', video.uuid, { 'threadId': comment.threadId }]" class=
"comment-date">{{ comment.createdAt | myFromNow }}
</a>
36 <div *
ngIf=
"comment.isDeleted" class=
"comment-html comment-html-deleted">
37 <i i18n
>This comment has been deleted
</i>
42 *
ngIf=
"!comment.isDeleted && isUserLoggedIn() && inReplyToCommentId === comment.id"
45 [parentComment]=
"comment"
46 [parentComments]=
"newParentComments"
48 (commentCreated)=
"onCommentReplyCreated($event)"
49 ></my-video-comment-add>
51 <div *
ngIf=
"commentTree" class=
"children">
52 <div *
ngFor=
"let commentChild of commentTree.children">
54 [comment]=
"commentChild.comment"
56 [inReplyToCommentId]=
"inReplyToCommentId"
57 [commentTree]=
"commentChild"
58 [parentComments]=
"newParentComments"
59 (wantedToReply)=
"onWantToReply($event)"
60 (wantedToDelete)=
"onWantToDelete($event)"
61 (resetReply)=
"onResetReply()"