<div class="modal fade js-users_list_modal" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" lmsg="projects.task.user_list">[User list]</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Cancel">
					<span aria-hidden="true">
						<ion-icon name="close-outline"></ion-icon>
					</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="d-inline-flex"
					 dir-paginate="user in $ctrl.paginatedUsers | itemsPerPage: $ctrl.usersPerPage"
					 pagination-id="user_list_popup"
					 total-items="$ctrl.totalItems"
					 current-page="$ctrl.currentPage">
					<span ng-if="user.profile_url === null" class="btn btn-link disabled">
						<img class="tasks-profile-img profile-img mr-2" ng-src="{{user.profile_img}}">{{user.name}}
					</span>

					<a ng-if="user.profile_url !== null && user.name != ''" href="{{user.profile_url}}" class="btn btn-link" rel="tooltip" title="{{user.name}}">
						<img class="tasks-profile-img profile-img mr-2" ng-src="{{user.profile_img}}">{{user.name}}
					</a>
				</div>

				<div class="text-center clearfix">
					<dir-pagination-controls
							pagination-id="user_list_popup"
							on-page-change="$ctrl.pageChanged(newPageNumber)"
							template-url="/intranet/projects/html/components/project_list/pagination.html"
					></dir-pagination-controls>
				</div>
			</div>
		</div>
	</div>
</div>
