<div class="list-unstyled task-list js-task-list" as-sortable="ctrl.dragSectionListeners" ng-model="ctrl.tasks.lists" is-disabled="{{!ctrl.HasListDragPerms()}}">
	<div ng-repeat="list_entry in ctrl.tasks.lists" as-sortable-item="section">
		<clang-tasks-board-section list="list_entry" allow-drag="!ctrl.isMobile">
			<project-task-edit class="new-task" ng-show="list_entry.list.new_task.is_edit" task="list_entry.list.new_task" add_mode="true" id="new_task-{{list_entry.list.id}}" list_prefix="section" task_update="ctrl.taskAddedCallback(task);" task_delete="item.taskDeleted(task);"></project-task-edit>

			<ul class="list-unstyled task-list-items js-draggable" as-sortable="ctrl.dragTaskListeners" ng-model="list_entry.tasks" is-disabled="{{!ctrl.HasTaskDragPerms()}}" data-list-id="{{list.list.id}}">
				<li ng-repeat="task in list_entry.tasks"
				    class="task-list-item as-sortable-item"
				    as-sortable-item="task">
					<project-task-item task="task" use-drag-and-drop="{{ctrl.perms.can_edit_any_task == 1}}" task_delete="ctrl.taskDeletedCallback(task);" task_complete_toggled="ctrl.taskCompleteToggledCallback(task);" allow-drag="!ctrl.isMobile && ctrl.HasTaskDragPerms(task)"></project-task-item>
				</li>
			</ul>
		</clang-tasks-board-section>
	</div>
</div>

<div class="tasks-board-saving text-center" ng-if="ctrl.tasksService.tasksUpdating">
	<b lmsg="projects.tasks.saving_changes">[Saving...]</b>
</div>
