176 lines
9.5 KiB
Plaintext
176 lines
9.5 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;">Inventory List</h2>
|
|
</div>
|
|
<div class="row" style="margin-top:10px">
|
|
<div class="col-md-3 col-sm-6 form-group">
|
|
<label for="dateFrom">From:</label>
|
|
<input type="date" id="dateFrom" class="form-control" />
|
|
</div>
|
|
<div class="col-md-3 col-sm-6 form-group">
|
|
<label for="dateTo">To:</label>
|
|
<input type="date" id="dateTo" class="form-control" />
|
|
</div>
|
|
<div class="col-md-2 col-sm-6 form-group d-flex align-items-end">
|
|
<button type="button" id="btnSort" onclick="sortByDate();" class="btn btn-primary">Sort</button>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<table id="InventoryTable" class="row-border" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th>Txn.Id.</th>
|
|
<th>ItemNo</th>
|
|
<th>ItemName</th>
|
|
<th>Specification</th>
|
|
<th>CategoryName</th>
|
|
<th>Department</th>
|
|
<th>In</th>
|
|
<th>Out</th>
|
|
<th>OnHand</th>
|
|
<th>Ousts.Qty</th>
|
|
<th>Location</th>
|
|
<th>Trans.Date</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- Modal viewItemDetails -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewItemDetails" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="ModalLabel">Item Details</h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
@* <div style="margin-bottom:10px;margin-left:10px;font-size:large">
|
|
<label for="PONumber">PO#: </label>
|
|
<label id="PONumber"></label>
|
|
<input hidden id="PRNumber" />
|
|
</div> *@
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="itemName">Item Name</label>
|
|
<input readonly class="form-control" style="margin-bottom:5px;" id="itemName">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="itemDescription">Item Description</label>
|
|
<textarea readonly id="itemDescription" style="width: 100%; height: 100px;"></textarea>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="itemCategoryName">Category</label>
|
|
<input readonly id="itemCategoryName" class="form-control" style="margin-bottom:5px;" name="itemCategoryName" />
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="uomName">UOM</label>
|
|
<input readonly id="uomName" class="form-control" style="margin-bottom:5px;" name="uomName" />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="itemColorName">Item Color</label>
|
|
<input readonly id="itemColorName" class="form-control" style="margin-bottom:5px;" name="itemColorName" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="itemNo">Item No</label>
|
|
<input readonly class="form-control" style="margin-bottom:5px;" id="itemNo">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="qtyIn">Qty In</label>
|
|
<input readonly id="qtyIn" class="form-control" style="margin-bottom:5px;" name="qtyIn" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="qtyOut">Qty Out</label>
|
|
<input readonly id="qtyOut" class="form-control" style="margin-bottom:5px;" name="qtyOut" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="qtyOnHand">Qty On Hand</label>
|
|
<input readonly id="qtyOnHand" class="form-control" style="margin-bottom:5px;" name="qtyOnHand" />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="lotTypeName">Packing Type</label>
|
|
<input readonly id="lotTypeName" class="form-control" style="margin-bottom:5px;" name="lotTypeName" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="lotNo">Location</label>
|
|
<select name="lotNo" id="lotNo" class="form-control">
|
|
</select>
|
|
<input type="hidden" id="lotId" name="lotId" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<img id="itemPictureImage" alt="itemPictureImage" width="450" class="img-fluid" style="margin-bottom:5px; border-radius:15px; box-shadow:15px;">
|
|
<input type="file" id="itemPictureImageInput" accept="image/*" style="display: none; margin-bottom:5px; border-radius:15px; box-shadow:15px;">
|
|
<input type="hidden" id="prDetailsId" name="prDetailsId" />
|
|
<input type="hidden" id="itemAttachId" name="itemAttachId" />
|
|
</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="postPutLotBin(0);" class="btn btn-warning">Update</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal addNewItem -->
|
|
<div class="modal fade custom-modal-backdrop" id="addNewItem"
|
|
tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header" style="display: flex; flex-direction: column; align-items: center;">
|
|
<h2 class="modal-title" id="ModalLabel">Item List</h2>
|
|
</div>
|
|
<br />
|
|
<div class="modal-body">
|
|
<div class="table-container shadow-lg p-3 mb-5 bg-white rounded">
|
|
<table id="ItemDataTable" class="row-border" style="width: 100%;">
|
|
<thead>
|
|
<tr>
|
|
<th>ItemNo</th>
|
|
<th>ItemName</th>
|
|
<th>Specs</th>
|
|
<th>Qty</th>
|
|
<th>E-Address</th>
|
|
<th>Sup.Name</th>
|
|
<th>Manufacturer</th>
|
|
<th>Price</th>
|
|
<th>Action</th>
|
|
<th hidden></th>
|
|
<th hidden></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Back</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<input hidden id="roleRights" value="@ViewBag.UserRoles" />
|
|
<div id="overlay" class="overlay" style="display: none;">
|
|
<div id="loader" class="loader"></div>
|
|
</div>
|
|
</div>
|
|
<script src="~/jsfunctions/Inventory/InventoryV2.js"></script>
|
|
<script src="~/jsfunctions/utilities/utilsV3.js"></script>
|
|
<script src="~/jsfunctions/inventory/inventvar.js"></script>
|
|
</body> |