]> BookStack Code Mirror - bookstack/blob - resources/views/comments/list-item.blade.php
22cbb24c05fe39f2095c1791e317b681d3306af1
[bookstack] / resources / views / comments / list-item.blade.php
1 <div class='page-comment' id="comment-@{{::pageId}}-@{{::comment.id}}">
2     <div class="user-image">
3         <img ng-src="@{{::comment.created_by.avatar_url}}" alt="user avatar">
4     </div>
5     <div class="comment-container">
6         <div class="comment-header">
7             <a href="@{{::comment.created_by.profile_url}}">@{{ ::comment.created_by.name }}</a>
8         </div>
9         <div ng-bind-html="comment.html" ng-if="::comment.active" class="comment-body">
10
11         </div>
12         <div ng-if="::!comment.active" class="comment-body">
13             {{ trans('entites.comment_deleted') }}
14         </div>
15         <div class="comment-actions">
16             <ul ng-if="!comment.is_hidden">
17                 <li ng-if="::(level < 3 && vm.canComment())"><a href="#" comment-reply-link no-comment-reply-dupe="true" comment="comment" is-reply="true">Reply</a></li>
18                 <li ng-if="::vm.canEdit(comment)"><a href="#" comment-reply-link no-comment-reply-dupe="true" comment="comment" >Edit</a></li>
19                 <li ng-if="::vm.canEdit(comment, true)"><a href="#" comment-delete-link comment="comment" >Delete</a></li>
20                 <li>Created <a title="@{{::comment.created.day_time_str}}" href="#comment-@{{::comment.id}}-@{{::pageId}}">@{{::comment.created.diff}}</a></li>
21                 <li ng-if="::comment.updated"><span title="@{{::comment.updated.day_time_str}}">Updated @{{::comment.updated.diff}} by
22                     <a href="@{{::comment.updated_by.profile_url}}">@{{::comment.updated_by.name}}</a></span></li>
23             </ul>
24         </div>
25         <div class="comment-box" ng-repeat="comment in comments = comment.sub_comments track by comment.id" ng-init="level = level + 1">
26             <div ng-include src="'comment-list-item.html'">
27             </div>
28         </div>
29     </div>
30 </div>