| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- <!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="/inventory/inventory.js"></script>
- </body>
- </html>
|
