diff options
author | Chocobozzz <me@florianbigard.com> | 2017-12-27 16:11:53 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2017-12-27 16:11:53 +0100 |
commit | 4635f59d7c3fea4b97029f10886c62fdf38b2084 (patch) | |
tree | d97357a00042bbfb33c4177ee24c01171d28dfce /client/src/app/videos/+video-watch/comment/video-comments.component.html | |
parent | ea44f375f5d3da06ca0aebfe871b9f924a26ec29 (diff) | |
download | PeerTube-4635f59d7c3fea4b97029f10886c62fdf38b2084.tar.gz PeerTube-4635f59d7c3fea4b97029f10886c62fdf38b2084.tar.zst PeerTube-4635f59d7c3fea4b97029f10886c62fdf38b2084.zip |
Add video comment components
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 | 31 |
1 files changed, 31 insertions, 0 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 new file mode 100644 index 000000000..9d7581269 --- /dev/null +++ b/client/src/app/videos/+video-watch/comment/video-comments.component.html | |||
@@ -0,0 +1,31 @@ | |||
1 | <div> | ||
2 | <div class="title-page title-page-single"> | ||
3 | Comments | ||
4 | </div> | ||
5 | |||
6 | <my-video-comment-add | ||
7 | *ngIf="isUserLoggedIn()" | ||
8 | [video]="video" | ||
9 | (commentCreated)="onCommentThreadCreated($event)" | ||
10 | ></my-video-comment-add> | ||
11 | |||
12 | <div class="comment-threads"> | ||
13 | <div *ngFor="let comment of comments"> | ||
14 | <my-video-comment | ||
15 | [comment]="comment" | ||
16 | [video]="video" | ||
17 | [inReplyToCommentId]="inReplyToCommentId" | ||
18 | [commentTree]="threadComments[comment.id]" | ||
19 | (wantedToReply)="onWantedToReply($event)" | ||
20 | (resetReply)="onResetReply()" | ||
21 | ></my-video-comment> | ||
22 | |||
23 | <div *ngIf="comment.totalReplies !== 0 && !threadComments[comment.id]" (click)="viewReplies(comment)" class="view-replies"> | ||
24 | View all {{ comment.totalReplies }} replies | ||
25 | |||
26 | <span *ngIf="!threadLoading[comment.id]" class="glyphicon glyphicon-menu-down"></span> | ||
27 | <my-loader class="comment-thread-loading" [loading]="threadLoading[comment.id]"></my-loader> | ||
28 | </div> | ||
29 | </div> | ||
30 | </div> | ||
31 | </div> | ||