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()"