<project-task-edit task-update="taskUpdated(task)" task-delete="taskDeleted(task)"></project-task-edit>

<div class="card border-0 position-relative mb-3" ng-cloak="">
	<div class="task-priority-sidestrip task-priority-{{task.priority}}">
		&nbsp;
	</div>
	<div class="card-body pt-0 pb-0">
			<div>
				<span class="text-muted float-right" lmsg="title:projects.task.private_task_icon" rel="tooltip" title="[Private]" ng-if="task.is_private">
					<ion-icon name="lock-closed-outline"></ion-icon>
				</span>

				<div class="form-check">
				<input class="form-check-input mt-2" ng-show="isTaskCompletable(task);" type="checkbox" id="complete_this_task" ng-model="task.is_complete" ng-change="clickComplete($event)">
				<label class="mb-3 form-check-label" for="complete_this_task">
					<h5>{{task.title}}</h5>
				</label>
				</div>

				<p>
					<span class="task-description cke-content text-break d-block" ng-bind-html="task.description | sanitize"></span>
				</p>


			</div>

			<clang-confirm></clang-confirm>
	</div>
</div>
