diff options
Diffstat (limited to 'client/src/app/videos/+video-watch/comment/video-comments.component.html')
| -rw-r--r-- | client/src/app/videos/+video-watch/comment/video-comments.component.html | 58 |
1 files changed, 33 insertions, 25 deletions
diff --git a/client/src/app/videos/+video-watch/comment/video-comments.component.html b/client/src/app/videos/+video-watch/comment/video-comments.component.html index 5c6908150..078900e06 100644 --- a/client/src/app/videos/+video-watch/comment/video-comments.component.html +++ b/client/src/app/videos/+video-watch/comment/video-comments.component.html | |||
| @@ -3,35 +3,43 @@ | |||
| 3 | Comments | 3 | Comments |
| 4 | </div> | 4 | </div> |
| 5 | 5 | ||
| 6 | <my-video-comment-add | 6 | <ng-template [ngIf]="video.commentsEnabled === true"> |
| 7 | *ngIf="isUserLoggedIn()" | 7 | <my-video-comment-add |
| 8 | [video]="video" | 8 | *ngIf="isUserLoggedIn()" |
| 9 | (commentCreated)="onCommentThreadCreated($event)" | 9 | [video]="video" |
| 10 | ></my-video-comment-add> | 10 | (commentCreated)="onCommentThreadCreated($event)" |
| 11 | ></my-video-comment-add> | ||
| 11 | 12 | ||
| 12 | <div | 13 | <div *ngIf="componentPagination.totalItems === 0 && comments.length === 0">No comments.</div> |
| 13 | class="comment-threads" | ||
| 14 | infiniteScroll | ||
| 15 | [infiniteScrollUpDistance]="1.5" | ||
| 16 | [infiniteScrollDistance]="0.5" | ||
| 17 | (scrolled)="onNearOfBottom()" | ||
| 18 | > | ||
| 19 | <div *ngFor="let comment of comments"> | ||
| 20 | <my-video-comment | ||
| 21 | [comment]="comment" | ||
| 22 | [video]="video" | ||
| 23 | [inReplyToCommentId]="inReplyToCommentId" | ||
| 24 | [commentTree]="threadComments[comment.id]" | ||
| 25 | (wantedToReply)="onWantedToReply($event)" | ||
| 26 | (resetReply)="onResetReply()" | ||
| 27 | ></my-video-comment> | ||
| 28 | 14 | ||
| 29 | <div *ngIf="comment.totalReplies !== 0 && !threadComments[comment.id]" (click)="viewReplies(comment)" class="view-replies"> | 15 | <div |
| 30 | View all {{ comment.totalReplies }} replies | 16 | class="comment-threads" |
| 17 | infiniteScroll | ||
| 18 | [infiniteScrollUpDistance]="1.5" | ||
| 19 | [infiniteScrollDistance]="0.5" | ||
| 20 | (scrolled)="onNearOfBottom()" | ||
| 21 | > | ||
| 22 | <div *ngFor="let comment of comments"> | ||
| 23 | <my-video-comment | ||
| 24 | [comment]="comment" | ||
| 25 | [video]="video" | ||
| 26 | [inReplyToCommentId]="inReplyToCommentId" | ||
| 27 | [commentTree]="threadComments[comment.id]" | ||
| 28 | (wantedToReply)="onWantedToReply($event)" | ||
| 29 | (resetReply)="onResetReply()" | ||
| 30 | ></my-video-comment> | ||
| 31 | 31 | ||
| 32 | <span *ngIf="!threadLoading[comment.id]" class="glyphicon glyphicon-menu-down"></span> | 32 | <div *ngIf="comment.totalReplies !== 0 && !threadComments[comment.id]" (click)="viewReplies(comment)" class="view-replies"> |
| 33 | <my-loader class="comment-thread-loading" [loading]="threadLoading[comment.id]"></my-loader> | 33 | View all {{ comment.totalReplies }} replies |
| 34 | |||
| 35 | <span *ngIf="!threadLoading[comment.id]" class="glyphicon glyphicon-menu-down"></span> | ||
| 36 | <my-loader class="comment-thread-loading" [loading]="threadLoading[comment.id]"></my-loader> | ||
| 37 | </div> | ||
| 34 | </div> | 38 | </div> |
| 35 | </div> | 39 | </div> |
| 40 | </ng-template> | ||
| 41 | |||
| 42 | <div *ngIf="video.commentsEnabled === false"> | ||
| 43 | Comments are disabled. | ||
| 36 | </div> | 44 | </div> |
| 37 | </div> | 45 | </div> |