1 <div class='page-comment' id="comment-@{{::pageId}}-@{{::comment.id}}">
2 <div class="user-image">
3 <img ng-src="@{{::defaultAvatar}}" alt="user avatar">
5 <div class="comment-container">
6 <div class="comment-header">
7 @{{ ::comment.created_by_name }}
9 <div ng-bind-html="comment.html" class="comment-body">
12 <div class="comment-actions" ng-class="{'has-border': comment.cnt_sub_comments === 0 || comment.is_loaded}">
14 <li ng-if="level < 3"><a href="#" comment-reply-link no-comment-reply-dupe="true" comment="comment" is-reply="true">Reply</a></li>
15 <li><a href="#" comment-reply-link no-comment-reply-dupe="true" comment="comment">Edit</a></li>
16 <li>Created <a title="@{{::comment.created.day_time_str}}" href="#comment-@{{::comment.id}}-@{{::pageId}}">@{{::comment.created.diff}}</a></li>
17 <li ng-if="comment.updated"><span title="@{{::comment.updated.day_time_str}}">Updated @{{::comment.updated.diff}}</span></li>
20 <div class="load-more-comments" ng-if="comment.cnt_sub_comments > 0 && !comment.is_loaded">
21 <a href="#" ng-click="vm.loadSubComments($event, comment, $index)">
22 Load @{{::comment.cnt_sub_comments}} more comment(s)
25 <div class="comment-box" ng-repeat="comment in comments = comment.comments track by comment.id" ng-init="level = level + 1">
26 <div ng-include src="'comment-list-item.html'">