client/src/app/videos/+video-watch/comment/video-comment.component.html

   1 <div class="comment">
   2   <div class="comment-account-date">
   3     <div class="comment-account">{{ comment.by }}</div>
   4     <div class="comment-date">{{ comment.createdAt | myFromNow }}</div>
   5   </div>
   6   <div>{{ comment.text }}</div>
   7
   8   <div class="comment-actions">
   9     <div *ngIf="isUserLoggedIn()" (click)="onWantToReply()" class="comment-action-reply">Reply</div>
  10   </div>
  11
  12   <my-video-comment-add
  13     *ngIf="isUserLoggedIn() && inReplyToCommentId === comment.id" [video]="video" [parentComment]="comment"
  14     (commentCreated)="onCommentReplyCreated($event)"
  15   ></my-video-comment-add>
  16
  17   <div *ngIf="commentTree" class="children">
  18     <div *ngFor="let commentChild of commentTree.children">
  19       <my-video-comment
  20         [comment]="commentChild.comment"
  21         [video]="video"
  22         [inReplyToCommentId]="inReplyToCommentId"
  23         [commentTree]="commentChild"
  24         (wantedToReply)="onWantedToReply($event)"
  25         (resetReply)="onResetReply()"
  26       ></my-video-comment>
  27     </div>
  28   </div>
  29 </div>