
<component class_key="js_localize" keys="common.datatable.info, common.datatable.info.filtered, common.datatable.info.entry, common.datatable.info.entries, common.datatable.entries_perpage" />

		<script>
			$("html").on("click", "a.js-delete-topic-link", {}, function(event) {
				var project_id = $(this).attr("data-project-id");
				var topic_id = $(this).attr("data-topic-id");

				$("#delete-topic-modal-form").attr("action", "/projects/" + project_id + "/topics/" + topic_id + "/delete");
			});
		</script>

		<div class="container-center">
			<div class="row mb-2">
				<div class="col-sm-12">
					<a ng-href="/projects/{{project_header.id}}/topics/add" class="btn btn-success float-right" ng-show="project_perms.can_manage_own_topic || project_perms.can_manage_any_topic">
						<ion-icon name="add-outline"></ion-icon>
						<txt name="projects:topic:new_topic">[New Topic]</txt>
					</a>
				</div>
			</div>

			<topics-table></topics-table>
		</div>
<include file="../includes/delete_topic_modal.html">
