2 <div class=
"title-block">
3 <div class=
"title-page title-page-single">
6 <my-help *
ngIf=
"video.commentsEnabled === true" helpType=
"custom" customHtml=
"You can either comment on the page of your instance where this video is federated with your PeerTube account, or via any ActivityPub-capable fediverse instance. For instance with Mastodon or Pleroma you can type in the search box <strong>@{{video.account.displayName}}@{{video.account.host}}</strong> and find back the video. Direct commenting capabilities are being worked on in <a href='https://github.com/Chocobozzz/PeerTube/issues/224'>#224</a>."></my-help>
9 <ng-template [ngIf]=
"video.commentsEnabled === true">
11 *
ngIf=
"isUserLoggedIn()"
14 (commentCreated)=
"onCommentThreadCreated($event)"
15 ></my-video-comment-add>
17 <div *
ngIf=
"componentPagination.totalItems === 0 && comments.length === 0">No comments.
</div>
20 class=
"comment-threads"
23 (nearOfBottom)=
"onNearOfBottom()"
25 <div *
ngIf=
"highlightedThread" id=
"highlighted-comment">
27 [comment]=
"highlightedThread"
29 [inReplyToCommentId]=
"inReplyToCommentId"
30 [commentTree]=
"threadComments[highlightedThread.id]"
31 [highlightedComment]=
"true"
32 (wantedToReply)=
"onWantedToReply($event)"
33 (wantedToDelete)=
"onWantedToDelete($event)"
34 (threadCreated)=
"onThreadCreated($event)"
35 (resetReply)=
"onResetReply()"
39 <div *
ngFor=
"let comment of comments">
41 *
ngIf=
"!highlightedThread || comment.id !== highlightedThread.id"
44 [inReplyToCommentId]=
"inReplyToCommentId"
45 [commentTree]=
"threadComments[comment.id]"
46 (wantedToReply)=
"onWantedToReply($event)"
47 (wantedToDelete)=
"onWantedToDelete($event)"
48 (threadCreated)=
"onThreadCreated($event)"
49 (resetReply)=
"onResetReply()"
52 <div *
ngIf=
"comment.totalReplies !== 0 && !threadComments[comment.id]" (click)=
"viewReplies(comment.id)" class=
"view-replies">
53 View all {{ comment.totalReplies }} replies
55 <span *
ngIf=
"!threadLoading[comment.id]" class=
"glyphicon glyphicon-menu-down"></span>
56 <my-loader class=
"comment-thread-loading" [loading]=
"threadLoading[comment.id]"></my-loader>
62 <div *
ngIf=
"video.commentsEnabled === false">
63 Comments are disabled.