diff options
author | Chocobozzz <me@florianbigard.com> | 2018-01-03 17:25:47 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-01-03 17:35:00 +0100 |
commit | cf117aaafc1e9ae1ab4c388fc5d2e5ba9349efee (patch) | |
tree | ab51ac2f2c7ec8dfc7fcde99565a4430874da599 /client/src/app/videos/+video-watch/comment/video-comment.component.html | |
parent | 265ba139ebf56bbdc1c65f6ea4f367774c691fc0 (diff) | |
download | PeerTube-cf117aaafc1e9ae1ab4c388fc5d2e5ba9349efee.tar.gz PeerTube-cf117aaafc1e9ae1ab4c388fc5d2e5ba9349efee.tar.zst PeerTube-cf117aaafc1e9ae1ab4c388fc5d2e5ba9349efee.zip |
Add avatar in comments
Diffstat (limited to 'client/src/app/videos/+video-watch/comment/video-comment.component.html')
-rw-r--r-- | client/src/app/videos/+video-watch/comment/video-comment.component.html | 54 |
1 files changed, 31 insertions, 23 deletions
diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.html b/client/src/app/videos/+video-watch/comment/video-comment.component.html index ffaf722cd..e9c23929c 100644 --- a/client/src/app/videos/+video-watch/comment/video-comment.component.html +++ b/client/src/app/videos/+video-watch/comment/video-comment.component.html | |||
@@ -1,29 +1,37 @@ | |||
1 | <div class="comment"> | 1 | <div class="root-comment"> |
2 | <div class="comment-account-date"> | 2 | <img [src]="getAvatarUrl(comment.account)" alt="Avatar" /> |
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 | 3 | ||
8 | <div class="comment-actions"> | 4 | <div class="comment"> |
9 | <div *ngIf="isUserLoggedIn()" (click)="onWantToReply()" class="comment-action-reply">Reply</div> | 5 | <div class="comment-account-date"> |
10 | </div> | 6 | <div class="comment-account">{{ comment.by }}</div> |
7 | <div class="comment-date">{{ comment.createdAt | myFromNow }}</div> | ||
8 | </div> | ||
9 | <div>{{ comment.text }}</div> | ||
10 | |||
11 | <div class="comment-actions"> | ||
12 | <div *ngIf="isUserLoggedIn()" (click)="onWantToReply()" class="comment-action-reply">Reply</div> | ||
13 | </div> | ||
11 | 14 | ||
12 | <my-video-comment-add | 15 | <my-video-comment-add |
13 | *ngIf="isUserLoggedIn() && inReplyToCommentId === comment.id" [video]="video" [parentComment]="comment" [focusOnInit]="true" | 16 | *ngIf="isUserLoggedIn() && inReplyToCommentId === comment.id" |
14 | (commentCreated)="onCommentReplyCreated($event)" | 17 | [user]="user" |
15 | ></my-video-comment-add> | 18 | [video]="video" |
19 | [parentComment]="comment" | ||
20 | [focusOnInit]="true" | ||
21 | (commentCreated)="onCommentReplyCreated($event)" | ||
22 | ></my-video-comment-add> | ||
16 | 23 | ||
17 | <div *ngIf="commentTree" class="children"> | 24 | <div *ngIf="commentTree" class="children"> |
18 | <div *ngFor="let commentChild of commentTree.children"> | 25 | <div *ngFor="let commentChild of commentTree.children"> |
19 | <my-video-comment | 26 | <my-video-comment |
20 | [comment]="commentChild.comment" | 27 | [comment]="commentChild.comment" |
21 | [video]="video" | 28 | [video]="video" |
22 | [inReplyToCommentId]="inReplyToCommentId" | 29 | [inReplyToCommentId]="inReplyToCommentId" |
23 | [commentTree]="commentChild" | 30 | [commentTree]="commentChild" |
24 | (wantedToReply)="onWantedToReply($event)" | 31 | (wantedToReply)="onWantedToReply($event)" |
25 | (resetReply)="onResetReply()" | 32 | (resetReply)="onResetReply()" |
26 | ></my-video-comment> | 33 | ></my-video-comment> |
34 | </div> | ||
27 | </div> | 35 | </div> |
28 | </div> | 36 | </div> |
29 | </div> | 37 | </div> |