<img [src]="getAvatarUrl(comment.account)" alt="Avatar" />
<div class="comment">
+ <div *ngIf="highlightedComment === true" class="highlighted-comment">Highlighted comment</div>
+
<div class="comment-account-date">
- <a target="_blank" [href]="comment.account.url" class="comment-account">{{ comment.by }}</a>
- <div class="comment-date">{{ comment.createdAt | myFromNow }}</div>
+ <a [href]="comment.account.url" target="_blank" rel="noopener noreferrer" class="comment-account">{{ comment.by }}</a>
+ <a [routerLink]="['/videos/watch', video.uuid, { 'threadId': comment.threadId }]" class="comment-date">{{ comment.createdAt | myFromNow }}</a>
</div>
<div class="comment-html" [innerHTML]="sanitizedCommentHTML"></div>
[user]="user"
[video]="video"
[parentComment]="comment"
+ [parentComments]="newParentComments"
[focusOnInit]="true"
(commentCreated)="onCommentReplyCreated($event)"
></my-video-comment-add>
[video]="video"
[inReplyToCommentId]="inReplyToCommentId"
[commentTree]="commentChild"
+ [parentComments]="newParentComments"
(wantedToReply)="onWantToReply($event)"
(wantedToDelete)="onWantToDelete($event)"
(resetReply)="onResetReply()"