MangoShelf/Templates/index.ejs

61 lines
2.6 KiB
Plaintext
Raw Normal View History

2022-09-16 21:57:13 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello world!</title>
<!-- Links -->
<link href="style.css" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
</head>
<body>
2022-09-19 23:55:23 +02:00
<nav class="navbar navbar-expand-lg bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">MangoShelf early demo</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="/">Dashboard</a>
<a class="nav-link" href="/inventory">Inventory</a>
<a class="nav-link" href="#"><%= site %></a>
<a class="nav-link disabled"><%= test.mangoshelf.Items[1].Location %></a>
</div>
</div>
</div>
</nav>
<div class="container-fluid">
<% if(site == 2) { %>
<h1>Inventory</h1>
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Name</th>
<th scope="col">Location</th>
<th scope="col">Amount</th>
<th scope="col">Tools</th>
</tr>
</thead>
<tbody>
<% for (let i = 0; i < test.mangoshelf.Items.length; i++) { %>
<tr>
<th scope="row"><%= i + 1 %></th>
<td><%= test.mangoshelf.Items[i].Name %></td>
<td><%= test.mangoshelf.Items[i].Location %></td>
<td><%= test.mangoshelf.Items[i].Amount %></td>
<td><button type="button" class="btn btn-warning">Edit</button> <button type="button" class="btn btn-danger">Delete</button></td>
</tr>
<% } %>
</tbody>
</table>
<% } %>
</div>
2022-09-16 21:57:13 +02:00
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
</body>
</html>