1 <div class=
"root-comment">
2 <img [src]=
"getAvatarUrl(comment.account)" alt=
"Avatar" />
5 <div class=
"comment-account-date">
6 <a target=
"_blank" [href]=
"comment.account.url" class=
"comment-account">{{ comment.by }}
</a>
7 <div class=
"comment-date">{{ comment.createdAt | myFromNow }}
</div>
9 <div>{{ comment.text }}
</div>
11 <div class=
"comment-actions">
12 <div *
ngIf=
"isUserLoggedIn()" (click)=
"onWantToReply()" class=
"comment-action-reply">Reply
</div>
13 <div *
ngIf=
"isRemovableByUser()" (click)=
"onWantToDelete()" class=
"comment-action-delete">Delete
</div>
17 *
ngIf=
"isUserLoggedIn() && inReplyToCommentId === comment.id"
20 [parentComment]=
"comment"
22 (commentCreated)=
"onCommentReplyCreated($event)"
23 ></my-video-comment-add>
25 <div *
ngIf=
"commentTree" class=
"children">
26 <div *
ngFor=
"let commentChild of commentTree.children">
28 [comment]=
"commentChild.comment"
30 [inReplyToCommentId]=
"inReplyToCommentId"
31 [commentTree]=
"commentChild"
32 (wantedToReply)=
"onWantToReply($event)"
33 (wantedToDelete)=
"onWantToDelete($event)"
34 (resetReply)=
"onResetReply()"