BookStack Code Mirror - bookstack/blob - resources/views/comments/list-item.blade.php

   1 <div class="comment-box">
   2   <div class='page-comment' id="comment-@{{::pageId}}-@{{::comment.id}}">
   3     <div class="user-image">
   4       <img ng-src="@{{::comment.created_by.avatar_url}}" alt="user avatar">
   5     </div>
   6     <div class="comment-container">
   7       <div class="comment-header">
   8         <a href="@{{::comment.created_by.profile_url}}">@{{ ::comment.created_by.name }}</a>
   9       </div>
  10       <div ng-bind-html="comment.html" ng-if="::comment.active" class="comment-body" ng-class="!comment.active ? 'comment-inactive' : ''">
  11
  12       </div>
  13       <div ng-if="::!comment.active" class="comment-body comment-inactive">
  14         {{ trans('entities.comment_deleted') }}
  15       </div>
  16       <div class="comment-actions">
  17         <ul ng-if="!comment.is_hidden">
  18           <li ng-if="::(level < 3 && vm.canComment())"><a href="#" comment-reply-link no-comment-reply-dupe="true" comment="comment" is-reply="true">{{ trans('entities.comment_reply') }}</a></li>
  19           <li ng-if="::vm.canEditDelete(comment, 'comment_update')"><a href="#" comment-reply-link no-comment-reply-dupe="true" comment="comment">{{ trans('entities.comment_edit') }}</a></li>
  20           <li ng-if="::vm.canEditDelete(comment, 'comment_delete')"><a href="#" comment-delete-link comment="comment">{{ trans('entities.comment_delete') }}</a></li>
  21           <li>{{ trans('entities.comment_create') }} <a title="@{{::comment.created.day_time_str}}" href="#?cm=comment-@{{::pageId}}-@{{::comment.id}}">@{{::comment.created.diff}}</a></li>
  22           <li ng-if="::comment.updated"><span title="@{{::comment.updated.day_time_str}}">@{{ ::vm.trans('entities.comment_updated_text', { updateDiff: comment.updated.diff }) }}
  23                           <a href="@{{::comment.updated_by.profile_url}}">@{{::comment.updated_by.name}}</a></span></li>
  24         </ul>
  25       </div>
  26       <comment v-for="comment in comments = comment.sub_comments" v-bind:comment="comment" v-bind:index="index" v-bind:key="comment.id"></comment>
  27       <div class="comment-box" ng-repeat="comment in comments = comment.sub_comments track by comment.id" ng-init="level = level + 1">
  28         <div ng-include src="'comment-list-item.html'">
  29         </div>
  30       </div>
  31     </div>
  32   </div>
  33 </div>