<div>
	<div ng-controller="commentController as cc" name="comments_div" id="_set_automatically_" class="discussion" ng-cloak="" ng-init="cc.init(comments.objectid, comments.aggregation, false, comments.newOnTop);">
		<div ng-show="cc.userAuthenticated">
			<ng-include src="'/intranet/comments/html/ui/new_comment.html'"></ng-include>

			<div id="comments_{{cc.uniqueId}}">
				<ng-include class="media" ng-repeat="comment in cc.comments" src="'/intranet/comments/html/ui/comment_single.html'"></ng-include>

				<div ng-if="!cc.pageLoading && cc.showMore" id="bottom-actions">
					<a href="#" class="show-more js-showmore" style="display: block;">Show more …<span class="float-right">↓</span></a>
				</div>
			</div>
		</div>

		<div class="modal fade jsWho-liked-this" tabindex="-1" role="dialog">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" lmsg="common.cla_comments.people_who_liked_this">[People who liked this]</h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">
								<ion-icon name="close-outline"></ion-icon>
							</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="list">
							<div class="media mb-2" ng-repeat="like in cc.liked">
								<a href="{{like.link}}" class="mr-1" target="_blank">
									<img ng-src="{{like.image}}" class="media-object profile-img" width="32">
								</a>
								<div class="media-body align-self-center">
									<a href="{{like.link}}" target="_blank">
										{{like.name}}
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					</div>
				</div>
			</div>
		</div>
		<div ng-hide="cc.userAuthenticated">
			<div class="alert alert-warning" lmsg="comments.error.access_denied"></div>
		</div>
	</div>
</div>
