assetflow/src/frontend/categoryManager.eta.html

<%~ E.includeFile("partials/head.eta.html", {"title": "Settings - Category"}) %> <%~ E.includeFile("partials/controls.eta.html", {"active": "SETT_CAT"}) %>

<h1>All categories</h1>
<div class="container">
	<!-- Create new category button -->
	<div class="row">
		<div class="col-12">
			<a href="/settings/category/new" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#createNewCategoryModal">Create new category</a>
		</div>
	</div>

	<!-- Modal -->
	<div class="modal fade" id="createNewCategoryModal" tabindex="-1" aria-labelledby="createNewCategoryModal" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h1 class="modal-title fs-5" id="createNewCategoryModalLabel">Create a new category</h1>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">
					<form method="post">
						<div class="mb-3">
							<label for="createNewCategoryModalName" class="form-label">Name</label>
							<input type="text" class="form-control" id="createNewCategoryModalName" name="name" required />
							<div id="createNewCategoryModalNameText" class="form-text">This name should be unqiue.</div>
						</div>
						<div class="mb-3">
							<label for="createNewCategoryModalDescription" class="form-label">Description</label>
							<input type="text" class="form-control" id="createNewCategoryModalDescription" name="description" />
							<div id="createNewCategoryModalDescText" class="form-text">Optional</div>
						</div>
					
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
					<button type="submit" class="btn btn-primary">Save changes</button>
				</div>
			</form>
			</div>
		</div>
	</div>

	<!-- Table with all categories -->
	<table class="table">
		<thead>
			<tr>
				<th scope="col">#</th>
				<th scope="col">Name</th>
				<th scope="col">Description</th>
			</tr>
		</thead>
		<tbody>
			<% it.items.forEach(function(user){ %>
			<tr>
				<th scope="row"><%= user.id %></th>
				<td><%= user.name %></td>
				<td><%= user.description %></td>
			</tr>
			<% }) %>
		</tbody>
	</table>
</div>

<%~ E.includeFile("partials/controlsFoot.eta.html") %> <%~ E.includeFile("partials/foot.eta.html") %>