265 lines
16 KiB
Plaintext
265 lines
16 KiB
Plaintext
<body>
|
|
<div class="container-fluid">
|
|
<div class="table-container shadow-lg p-3 mb-5 bg-white rounded">
|
|
<div class="header-container">
|
|
<h2 style="display: flex; flex-direction: column; align-items: center;">Item Management</h2>
|
|
</div>
|
|
<br />
|
|
<button id="btnAddNewLayout" type="button" class="btn btn-success"
|
|
onclick="showModalNewItem();" style="margin-bottom:20px;margin-left:10px;">
|
|
Add new
|
|
</button>
|
|
<br />
|
|
<!-- Replace your existing customSearch input with this -->
|
|
<div class="search-wrapper">
|
|
<div class="search-inner">
|
|
<span class="search-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"
|
|
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
|
|
<circle cx="11" cy="11" r="8" />
|
|
<path d="m21 21-4.35-4.35" />
|
|
</svg>
|
|
</span>
|
|
<input id="customSearch" type="text"
|
|
class="search-input"
|
|
placeholder="Search by item name, description or category…"
|
|
autocomplete="off" />
|
|
<span class="search-clear" id="searchClear" title="Clear">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none"
|
|
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
|
|
<path d="M18 6 6 18M6 6l12 12" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="search-hint" id="searchHint">Start typing to search items…</div>
|
|
</div>
|
|
<table id="ItemTable" class="row-border" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th>ItemNo</th>
|
|
<th>ItemName</th>
|
|
<th>ItemSpecs</th>
|
|
<th>CategoryName</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<input hidden id="cartItemCount" value="@ViewBag.CartItemCount" />
|
|
<!-- Modal addNewItem -->
|
|
<div class="modal fade custom-modal-backdrop" id="addNewItem" tabindex="-1"
|
|
aria-labelledby="ModalLabel" aria-hidden="true" data-bs-backdrop="static">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" style="text-align: center; margin-left: auto; margin-right: auto;"
|
|
id="headerNew">
|
|
Add new item
|
|
</h5>
|
|
<h5 class="modal-title" style="text-align: center; margin-left: auto; margin-right: auto;"
|
|
id="headerUpdate">
|
|
Update item
|
|
</h5>
|
|
</div>
|
|
|
|
<br />
|
|
<div class="modal-body">
|
|
<form id="itemPostPutForm">
|
|
<div class="form-floating mb-3">
|
|
<textarea id="ItemName" class="form-control" style="width: 100%; height: 100px;" placeholder=" Describe specification..."></textarea>
|
|
<label for="ItemName">Item Name</label>
|
|
</div>
|
|
|
|
<div class="form-floating mb-3">
|
|
<textarea id="ItemDescription" class="form-control" style="width: 100%; height: 100px;" placeholder=" Describe specification..."></textarea>
|
|
<label for="ItemDescription">Item Description</label>
|
|
</div>
|
|
<div class="d-flex align-items-center mb-3">
|
|
<div class="form-floating flex-grow-1">
|
|
<select id="ItemCategory" class="form-select" name="ItemCategory">
|
|
<option value="" disabled selected>Please select a category</option>
|
|
</select>
|
|
<label for="ItemCategory">Category</label>
|
|
</div>
|
|
|
|
<span tabindex="0"
|
|
class="ms-2 text-muted"
|
|
data-bs-toggle="tooltip"
|
|
data-bs-placement="right"
|
|
title="Select the category that best describes your item.">
|
|
<i class="bi bi-question-circle"></i>
|
|
</span>
|
|
</div>
|
|
<input hidden id="ItemCategoryId" />
|
|
</form>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-warning" data-bs-dismiss="modal">Cancel</button>
|
|
<button type="button" id="btnaddNewItem" onclick="postItem(1);" class="btn btn-success"> Save</button>
|
|
<button type="button" id="btnUpdateItem" onclick="postItem(0);" class="btn btn-primary">Update</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal viewItemDetails -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewItemDetails"
|
|
tabindex="-1" aria-labelledby="ModalLabel" data-bs-backdrop="static">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="ModalLabel">Item Details</h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-floating mb-3">
|
|
<input hidden class="form-control" id="itemCodeId">
|
|
<input readonly class="form-control" style="margin-bottom:5px;" id="itemNo" placeholder="Item No">
|
|
<label for="itemCodeId">Item Code</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-floating mb-3">
|
|
<select class="form-control" name="packagingTypeId" id="packagingTypeId"
|
|
style="margin-bottom:5px;">
|
|
<option disabled>-Select package type-</option>
|
|
<option value="1">Bundle</option>
|
|
<option value="2">Per pc</option>
|
|
</select>
|
|
<label for="packagingTypeId">Packaging Type</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-floating mb-3">
|
|
<textarea class="form-control" id="itemName" placeholder="Item Name" style="height: 125px;"></textarea>
|
|
<label for="itemName">Item Name</label>
|
|
</div>
|
|
|
|
<div class="form-floating mb-3">
|
|
<textarea class="form-control" id="itemDescription" placeholder="Item Specification" style="height: 140px;"></textarea>
|
|
<label for="itemDescription">Item Specification</label>
|
|
</div>
|
|
|
|
<div class="form-floating mb-3">
|
|
<input type="search" id="itemCategoryName" class="form-control" style="margin-bottom:10pxpx;" name="itemCategoryName" />
|
|
<select id="itemCategorySelect" class="form-control" style="margin-bottom:10px;" name="itemCategorySelect">
|
|
<option value="">Please select a category</option>
|
|
</select>
|
|
<label for="itemCategoryName">Category</label>
|
|
<input type="hidden" id="ItemCategory2Id" name="ItemCategory2Id" />
|
|
</div>
|
|
|
|
<input type="hidden" id="itemLocalId" name="itemLocalId" />
|
|
|
|
</div>
|
|
<div class="col-md-4">
|
|
<input hidden class="form-control" style="margin-bottom:5px;" id="department" placeholder="Department">
|
|
<div class="form-floating mb-3">
|
|
<select class="form-control" name="requestTypeId" id="requestTypeId"
|
|
style="margin-bottom:5px;">
|
|
<option disabled>-Select Request Type-</option>
|
|
<option value="2">P.R. Request</option>
|
|
<option value="1">Internal Request</option>
|
|
<option value="3">Assisted Request</option>
|
|
</select>
|
|
<label for="requestTypeId">Request Type</label>
|
|
</div>
|
|
<input hidden id="itemClassId" />
|
|
|
|
<div class="form-floating mb-3">
|
|
<select class="form-control" name="prTypeId" id="prTypeId"
|
|
style="margin-bottom:5px;">
|
|
<option disabled>-Select P.R. type-</option>
|
|
<option value="1">Goods</option>
|
|
<option value="2">Service</option>
|
|
</select>
|
|
<label for="prTypeId">P.R. Type</label>
|
|
</div>
|
|
<div class="form-floating mb-3">
|
|
<input type="search" id="itemColorName" class="form-control" style="margin-bottom:5px;" name="itemColorName" />
|
|
<label for="itemColorName">Item Color</label>
|
|
</div>
|
|
|
|
<div class="form-floating mb-3">
|
|
<select class="form-control" name="isCommon" id="isCommon"
|
|
style="margin-bottom:5px;">
|
|
<option disabled>-Select Item Type-</option>
|
|
<option value="true">Common</option>
|
|
<option value="false">Exclusive</option>
|
|
</select>
|
|
<label for="isCommon">Item Type</label>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-floating mb-3">
|
|
<input type="search" id="itemLocalName" class="form-control" style="margin-bottom:5px;" name="itemLocalName" />
|
|
<label for="itemLocalName">Item Locality</label>
|
|
</div>
|
|
</div>
|
|
<div class="row col-6">
|
|
<div class="col-6">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="lli" name="lli">
|
|
<label class="form-check-label" for="lli">
|
|
LLI
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
<div class="form-check">
|
|
<input type="checkbox" id="mdld" class="form-check-input" name="mdld" />
|
|
<label for="mdld" id="mdldLabel" class="form-check-label">
|
|
MDLD
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-floating mb-3">
|
|
<input type="search" id="uomName" class="form-control" style="margin-bottom:5px;" name="uomName" />
|
|
<label for="uomName">UOM</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-floating mb-3">
|
|
<input type="number" id="itemQty" class="form-control" style="margin-bottom:5px;" name="itemQty" />
|
|
<label for="itemQty">Item Qty</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" id="uomId" name="uomId" />
|
|
<input type="hidden" id="itemColorId" name="itemColorId" />
|
|
|
|
</div>
|
|
<div class="col-md-4 d-flex justify-content-center align-items-center">
|
|
<div class="text-center">
|
|
<img id="itemPictureImage" alt="itemPictureImage" class="img-fluid">
|
|
<input type="file" id="itemPictureImageInput"
|
|
accept="image/png, image/jpeg" style="display: none;">
|
|
<input type="hidden" id="itemAttachId" name="itemAttachId" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Back</button>
|
|
<button type="button" id="btnUpdateItem" onclick="putItemDetails();" class="btn btn-warning">Update</button>
|
|
<button type="button" id="btnAddToCart" onclick="AddToCart(0);" class="btn btn-success">Add to cart</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="~/JsFunctions/Items/ItemManagementV9.js"></script>
|
|
@await Html.PartialAsync("PagesView/Item/_Scripts")
|
|
</div>
|
|
|
|
</body> |