diff options
author | Chocobozzz <me@florianbigard.com> | 2018-02-19 10:38:24 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-02-19 10:48:44 +0100 |
commit | 1263fc4e6eff9ba4bf4c706c6e37c2e556bf8eb5 (patch) | |
tree | 00c27b7e6a81dfc04a8cc86ba782df1e9d0c1db8 /client/src/app/videos/+video-watch/comment/video-comments.component.html | |
parent | 3bb6c52645af84832212c99fdec04143e4230180 (diff) | |
download | PeerTube-1263fc4e6eff9ba4bf4c706c6e37c2e556bf8eb5.tar.gz PeerTube-1263fc4e6eff9ba4bf4c706c6e37c2e556bf8eb5.tar.zst PeerTube-1263fc4e6eff9ba4bf4c706c6e37c2e556bf8eb5.zip |
Improve comment highlighting
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 | 17 |
1 files changed, 16 insertions, 1 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 7f2e96e93..f95e2cbba 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 | |||
@@ -19,8 +19,23 @@ | |||
19 | [autoLoading]="true" | 19 | [autoLoading]="true" |
20 | (nearOfBottom)="onNearOfBottom()" | 20 | (nearOfBottom)="onNearOfBottom()" |
21 | > | 21 | > |
22 | <div *ngIf="highlightedComment" id="highlighted-comment"> | ||
23 | <my-video-comment | ||
24 | [comment]="highlightedComment" | ||
25 | [video]="video" | ||
26 | [inReplyToCommentId]="inReplyToCommentId" | ||
27 | [commentTree]="threadComments[highlightedComment.id]" | ||
28 | [highlightedComment]="true" | ||
29 | (wantedToReply)="onWantedToReply($event)" | ||
30 | (wantedToDelete)="onWantedToDelete($event)" | ||
31 | (threadCreated)="onThreadCreated($event)" | ||
32 | (resetReply)="onResetReply()" | ||
33 | ></my-video-comment> | ||
34 | </div> | ||
35 | |||
22 | <div *ngFor="let comment of comments"> | 36 | <div *ngFor="let comment of comments"> |
23 | <my-video-comment | 37 | <my-video-comment |
38 | *ngIf="!highlightedComment || comment.id !== highlightedComment.id" | ||
24 | [comment]="comment" | 39 | [comment]="comment" |
25 | [video]="video" | 40 | [video]="video" |
26 | [inReplyToCommentId]="inReplyToCommentId" | 41 | [inReplyToCommentId]="inReplyToCommentId" |
@@ -31,7 +46,7 @@ | |||
31 | (resetReply)="onResetReply()" | 46 | (resetReply)="onResetReply()" |
32 | ></my-video-comment> | 47 | ></my-video-comment> |
33 | 48 | ||
34 | <div *ngIf="comment.totalReplies !== 0 && !threadComments[comment.id]" (click)="viewReplies(comment)" class="view-replies"> | 49 | <div *ngIf="comment.totalReplies !== 0 && !threadComments[comment.id]" (click)="viewReplies(comment.id)" class="view-replies"> |
35 | View all {{ comment.totalReplies }} replies | 50 | View all {{ comment.totalReplies }} replies |
36 | 51 | ||
37 | <span *ngIf="!threadLoading[comment.id]" class="glyphicon glyphicon-menu-down"></span> | 52 | <span *ngIf="!threadLoading[comment.id]" class="glyphicon glyphicon-menu-down"></span> |