aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos/+video-watch/comment/video-comment.component.html
blob: 9608a10336a53a0b2a1418b55d459f181889b60d (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<div class="comment">
  <div class="comment-account-date">
    <div class="comment-account">{{ comment.by }}</div>
    <div class="comment-date">{{ comment.createdAt | myFromNow }}</div>
  </div>
  <div>{{ comment.text }}</div>

  <div class="comment-actions">
    <div *ngIf="isUserLoggedIn()" (click)="onWantToReply()" class="comment-action-reply">Reply</div>
  </div>

  <my-video-comment-add
    *ngIf="isUserLoggedIn() && inReplyToCommentId === comment.id" [video]="video" [parentComment]="comment"
    (commentCreated)="onCommentReplyCreated($event)"
  ></my-video-comment-add>

  <div *ngIf="commentTree" class="children">
    <div *ngFor="let commentChild of commentTree.children">
      <my-video-comment
        [comment]="commentChild.comment"
        [video]="video"
        [inReplyToCommentId]="inReplyToCommentId"
        [commentTree]="commentChild"
        (wantedToReply)="onWantedToReply($event)"
        (resetReply)="onResetReply()"
      ></my-video-comment>
    </div>
  </div>
</div>