assetflow/src/frontend/dashboard.eta.html

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

<h1 onclick="doTheConfetti()" class="user-select-none" id="greeting">Good evening, ${user}</h1>
<script>
	// Handle greeting
	var today = new Date();
	var curHr = today.getHours();

	if (curHr < 12) {
		document.getElementById("greeting").innerHTML = "Good morning";
	} else if (curHr < 18) {
		document.getElementById("greeting").innerHTML = "Good afternoon";
	} else {
		document.getElementById("greeting").innerHTML = "Good evening";
	}
</script>
<div class="container text-center">
	<div class="row">
		<div class="card col m-2">
			<div class="card-body">
				<h5 class="card-title">+10</h5>
				<p class="card-text">New Stock</p>
			</div>
		</div>
		<div class="card col m-2">
			<div class="card-body">
				<h5 class="card-title"><%= it.stats.total %></h5>
				<p class="card-text">Items in total</p>
			</div>
		</div>
		<div class="card col m-2">
			<div class="card-body">
				<h5 class="card-title">Everything ok</h5>
				<p class="card-text">Instance Status</p>
			</div>
		</div>
	</div>
</div>

<h2>Recent items</h2>
<div class="container">
	<table class="table">
		<thead>
			<tr>
				<th scope="col">SKU</th>
				<th scope="col">Name</th>
				<th scope="col">Status</th>
				<!--<th scope="col">Actions</th>-->
			</tr>
		</thead>
		<tbody>
			<% it.recents.forEach(function(user){ %>
			<tr>
				<th scope="row" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="ID: <%= user.id %>"><% if (user.SKU == null) { %>
					<i>No SKU assigned</i>
					<% } else { %> <%= user.SKU %> <% } %></th>
				<td><%= user.name %></td>
				<% if(user.status == "normal") { %>

				<td><span class="badge text-bg-success"><%= user.status %></span></td>
				<% } else if(user.status == "stolen") { %>
				<td><span class="badge text-bg-danger"><%= user.status %></span></td>
				<% } else if(user.status == "lost") { %>
				<td><span class="badge text-bg-warning"><%= user.status %></span></td>
				<% } else if(user.status == "borrowed") { %>
				<td><span class="badge text-bg-info"><%= user.status %></span></td>
				<% } %>
				<!--<td><a href="#" class="btn btn-primary">Edit</a></td>-->
			</tr>
			<% }) %>
		</tbody>
	</table>
</div>

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