118 lines
5.8 KiB
HTML
118 lines
5.8 KiB
HTML
<%~ E.includeFile("partials/head.eta.html", {"title": "Items"}) %> <%~ E.includeFile("partials/controls.eta.html", {"active": "Items"}) %> <%~ E.includeFile("./partials/deleteModal.eta.html") %>
|
|
|
|
<div class="modal fade" id="itemModifyModal" tabindex="-1" aria-labelledby="itemModifyModal" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg ">
|
|
<div class="modal-content modal-dialog-scrollable">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fs-5" id="itemModifyModalLabel">Edit a item</h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<form class="frontendForm" method="patch" data-target="/api/v1/items" id="ItemModalForm">
|
|
<div class="modal-body">
|
|
<div class="mb-3">
|
|
<label for="itemModifyModalName" class="form-label">Name</label>
|
|
<input type="text" class="form-control" id="itemModifyModalName" name="name" maxlength="128" required />
|
|
<div id="itemModifyModalNameText" class="form-text">This name should be unqiue.</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="itemModifyModalComment" class="form-label">Comment</label>
|
|
<input type="text" class="form-control" id="itemModifyModalComment" maxlength="2048" name="comment" />
|
|
<div id="itemModifyModalDescText" class="form-text">Optional</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="itemModifyModalStorageLocation" class="form-label">Select a storage location</label>
|
|
<select class="form-select" id="itemModifyModalStorageLocation" name="storageLocationId">
|
|
<option value=""><i>Do not assign a storage location</i></option>
|
|
<% it.storeLocs.forEach(function(locs){ %>
|
|
<option value="<%= locs.id %>"><%= locs.name %></option>
|
|
<% }) %>
|
|
</select>
|
|
|
|
<div id="itemModifyModalStorageLocationText" class="form-text">You have to create a storage location beforehand.</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="itemModifyModalAmount" class="form-label">Amount</label>
|
|
<input type="number" min="0" class="form-control" id="itemModifyModalAmount" name="amount" />
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="itemModifyModalSKU" class="form-label">SKU</label>
|
|
<input type="text" class="form-control" id="itemModifyModalSKU" maxlength="64" name="sku" />
|
|
<div id="itemModifyModalSKUText" class="form-text">Optional</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="itemModifyModalManuf" class="form-label">Manufacturer</label>
|
|
<input type="text" class="form-control" id="itemModifyModalManuf" maxlength="190" name="manufacturer" />
|
|
<div id="itemModifyModalSKUText" class="form-text">Optional</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="itemModifyModalCategory" class="form-label">Select a category</label>
|
|
<select class="form-select" id="itemModifyModalCategory" name="category">
|
|
<option value=""><i>Do not assign a category</i></option>
|
|
<% it.categories.forEach(function(cat){ %>
|
|
<option value="<%= cat.id %>"><%= cat.name %></option>
|
|
<% }) %>
|
|
</select>
|
|
|
|
<div id="storageLocationModalLocationText" class="form-text">You have to create a storage location beforehand.</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="itemModifyModalStatus" class="form-label">Status</label>
|
|
<select class="form-select" id="itemModifyModalStatus" name="status" required>
|
|
<option value="normal" class="text-success">Normal</option>
|
|
<option value="borrowed" class="text-info">Borrowed</option>
|
|
<option value="stolen" class="text-danger">Stolen</option>
|
|
<option value="lost" class="text-warning">Lost</option>
|
|
</select>
|
|
|
|
<div id="storageLocationModalLocationText" class="form-text">You have to create a storage location beforehand.</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="itemModifyModalContact" class="form-label">Contact Info</label>
|
|
<select class="form-select" id="itemModifyModalContact" name="contactInfoId" onchange="handleSelector()">
|
|
<option value=""><i>Do not assign contact info</i></option>
|
|
<% it.contactInfo.forEach(function(address){ %>
|
|
<option value="<%= address.id %>"><%= address.street %> <%= address.houseNumber %>, <%= address.city %> <%= address.country %></option>
|
|
<% }) %>
|
|
</select>
|
|
</div>
|
|
<input type="text" id="itemModifyModalId" name="id" hidden />
|
|
</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>
|
|
|
|
<h1>Items</h1>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<a href="/settings/category/new" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#itemModifyModal" onclick="primeCreateNew()">Create new item</a>
|
|
</div>
|
|
</div>
|
|
<table class="table align-middle" id="itemList" data-sortable="true" data-search-highlight="true" data-pagination="true" data-page-size="25" data-remember-order="true">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col" data-field="SKU" class="sku" data-sortable="true">SKU</th>
|
|
<th scope="col" data-field="name" data-sortable="true">Name</th>
|
|
<th scope="col" data-field="comment" data-sortable="true" data-width="80">Comment</th>
|
|
<th scope="col" data-field="status" data-sortable="true">Status</th>
|
|
<th scope="col" data-field="actions" data-searchable="false">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<% if(it.items.length == 0) { %>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="4" class="text-center">No items found</td>
|
|
</tr>
|
|
</tbody>
|
|
<% } %>
|
|
</table>
|
|
</div>
|
|
<script src="/js/editItems.js"></script>
|
|
<script src="/js/itemPageHandler.js"></script>
|
|
<%~ E.includeFile("partials/controlsFoot.eta.html") %> <%~ E.includeFile("partials/foot.eta.html") %>
|