| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="stylesheet" href="/inventory/inventory.css">
- <link rel="stylesheet" href="/shared/shared.css">
- </head>
- <body>
- <% include ../shared/header %>
- <% include ../shared/banner %>
- <div class="container">
- <h1><%= merchant.name %> inventory</h1>
- <button onclick="displayAdd()">Add Ingredient</button>
- <input id="filter" onkeyup="filter()" type="text" placeholder="Start typing to filter">
- <table>
- <thead>
- <tr>
- <th onclick="sortIngredients('name')">Item</th>
- <th onclick="sortIngredients('category')">Category</th>
- <th onclick="sortIngredients('quantity')">Quantity</th>
- <th onclick="sortIngredients('unit')">Unit</th>
- <th></th>
- </tr>
- <tbody></tbody>
- </thead>
- </table>
- </div>
- <div class="add-ingredient">
- <div class="modal-content" onclick="event.stopPropagation()">
- <label>Ingredient name:
- <input type="text">
- </label>
- <label>Category:
- <input type="text">
- </label>
- <label>Quantity:
- <input type="number" step="0.01">
- </label>
- <label>Unit:
- <input type="text">
- </label>
- <button onclick="addIngredient()">Create Ingredient</button>
- </div>
- </div>
- <script>let merchant = <%- JSON.stringify(merchant) %>;</script>
- <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
- <script src="../shared/validation.js"></script>
- <script src="/inventory/inventory.js"></script>
- </body>
- </html>
|
