380 lines
22 KiB
Plaintext
380 lines
22 KiB
Plaintext
<body>
|
|
<div class="container-fluid">
|
|
<script src="~/JsFunctions/Canvass/Receiving.js"></script>
|
|
<div style="display: flex; flex-direction: column; align-items: center;">
|
|
<h2>For receiving item list</h2>
|
|
</div>
|
|
<br />
|
|
<table id="PRTable" class="row-border" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th>PRNo</th>
|
|
<th>New PRNo</th>
|
|
<th>Req. Date</th>
|
|
<th>Req. By</th>
|
|
<th>DateNeeded</th>
|
|
<th>UpdatedBy</th>
|
|
<th>Action</th>
|
|
<th hidden></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
<!-- Modal addNewEditSupplier -->
|
|
<div class="modal fade custom-modal-backdrop" id="addNewEditSupplier" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<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 supplier
|
|
</h5>
|
|
<h5 class="modal-title" style="text-align: center; margin-left: auto; margin-right: auto;"
|
|
id="headerUpdate">
|
|
Update supplier
|
|
</h5>
|
|
</div>
|
|
<br />
|
|
<div class="modal-body">
|
|
<form id="supplierPostPutForm">
|
|
<input hidden id="supplierId" name="supplierId" />
|
|
<label for="supplierName">SupplierName</label>
|
|
<input type="text" id="supplierName" class="form-control" style="margin-bottom:10px;" name="supplierName" />
|
|
|
|
<label for="emailAddress">Email Address</label>
|
|
<input type="email" id="emailAddress" class="form-control" style="margin-bottom:10px;" name="emailAddress" />
|
|
|
|
<label for="isActive">Status</label>
|
|
<select class="form-control" name="isActive" id="isActive" style="margin-bottom:5px;">
|
|
<option value="" disabled selected>-Select Status-</option>
|
|
<option value="true">Active</option>
|
|
<option value="false">Inactive</option>
|
|
</select>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" onclick="refreshTable();" data-bs-dismiss="modal">back</button>
|
|
<button type="button" id="btnaddNewSupplier" onclick="postPutSupplier(1);" class="btn btn-success"> Save</button>
|
|
<button type="button" id="btnUpdateSupplier" onclick="postPutSupplier(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" aria-hidden="true">
|
|
<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-6">
|
|
<div class="form-group">
|
|
<label for="itemCodeId">Item Code</label>
|
|
<input readonly style="margin-bottom:5px;" class="form-control" id="itemCodeId">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="department">Department</label>
|
|
<input readonly class="form-control" style="margin-bottom:5px;" id="department">
|
|
</div>
|
|
<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>
|
|
<input type="hidden" id="ItemCategory2Id" name="ItemCategory2Id" />
|
|
<div class="form-group">
|
|
<label for="itemLocalName">Item Locality</label>
|
|
<input readonly id="itemLocalName" class="form-control" style="margin-bottom:5px;" name="itemLocalName" />
|
|
|
|
</div>
|
|
<input type="hidden" id="itemLocalId" name="itemLocalId" />
|
|
<div class="form-group">
|
|
<label for="itemQty">Item Qty</label>
|
|
<input readonly id="itemQty" class="form-control" style="margin-bottom:5px;" name="itemQty" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
|
|
<input hidden readonly class="form-control" style="margin-bottom:5px;" id="itemNo">
|
|
|
|
<div class="form-group">
|
|
<label for="statusName">Status</label>
|
|
<input readonly class="form-control" style="margin-bottom:5px;" id="statusName">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="itemClassId">Item Class</label>
|
|
<select readonly class="form-control" name="itemClassId" id="itemClassId"
|
|
style="margin-bottom:5px;">
|
|
<option disabled>-Select Item Class-</option>
|
|
<option value="1">Solid</option>
|
|
<option value="2">Liquid</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="packagingTypeId">Packaging Type</label>
|
|
<select readonly 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>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="prTypeId">P.R. Type</label>
|
|
<select readonly 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>
|
|
</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 class="form-group">
|
|
<label for="isCommon">Item Type</label>
|
|
<select readonly class="form-control" name="isCommon" id="isCommon"
|
|
style="margin-bottom:5px;">
|
|
<option value="true">Common</option>
|
|
<option value="false">Exclusive</option>
|
|
</select>
|
|
</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="itemAttachId" name="itemAttachId" />
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" onclick="refreshTable();" data-bs-dismiss="modal">Back</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Modal viewItemSuppDetail -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewItemSuppDetail" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title" id="ModalLabel">Item Details</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="itemNoSupp">Item No</label>
|
|
<input readonly class="form-control" style="margin-bottom:5px;" id="itemNoSupp">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="itemNameSupp">Item Name</label>
|
|
<input readonly class="form-control" style="margin-bottom:5px;" id="itemNameSupp">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="itemDescriptionSupp">Item Description</label>
|
|
<textarea readonly id="itemDescriptionSupp" style="width: 100%; height: 100px;"></textarea>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="itemCategoryNameSupp">Category</label>
|
|
<input readonly id="itemCategoryNameSupp" class="form-control" style="margin-bottom:5px;"
|
|
name="itemCategoryNameSupp" />
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="itemClassIdSupp">Item Class</label>
|
|
<select readonly class="form-control" name="itemClassIdSupp" id="itemClassIdSupp"
|
|
style="margin-bottom:5px;">
|
|
<option disabled>-Select Item Class-</option>
|
|
<option value="1">Solid</option>
|
|
<option value="2">Liquid</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="packagingTypeIdSupp">Packaging Type</label>
|
|
<select readonly class="form-control" name="packagingTypeIdSupp" id="packagingTypeIdSupp"
|
|
style="margin-bottom:5px;">
|
|
<option disabled>-Select package type-</option>
|
|
<option value="1">Bundle</option>
|
|
<option value="2">Per pc</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="uomNameSupp">UOM</label>
|
|
<input readonly id="uomNameSupp" class="form-control" style="margin-bottom:5px;" name="uomNameSupp" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="itemColorNameSupp">Item Color</label>
|
|
<input readonly id="itemColorNameSupp" class="form-control" style="margin-bottom:5px;" name="itemColorNameSupp" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="itemLocalNameSupp">Item Locality</label>
|
|
<input readonly id="itemLocalNameSupp" class="form-control" style="margin-bottom:5px;" name="itemLocalNameSupp" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<img id="itemPictureImageSupp" alt="itemPictureImageSupp" width="450" class="img-fluid" style="margin-bottom:5px; border-radius:15px; box-shadow:15px;">
|
|
<input type="file" id="itemPictureImageInputSupp" accept="image/*" style="display: none; margin-bottom:5px; border-radius:15px; box-shadow:15px;">
|
|
</div>
|
|
<hr />
|
|
<h5 class="modal-title" id="ModalLabel">Suppliers</h5>
|
|
<button id="btnAddNewSupplier" type="button" class="btn btn-success"
|
|
onclick="showModalNewUpdateSupplier(0);" style="margin-bottom:20px;margin-left:10px;">
|
|
Add new
|
|
</button>
|
|
<br />
|
|
<!--For Supplier Table-->
|
|
<table id="SupplierDataTable" class="row-border" style="width: 100%;">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<th>SupplierName</th>
|
|
<th>EmailAddress</th>
|
|
<th>Status</th>
|
|
<th>Action</th>
|
|
<th hidden></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" onclick="refreshTable();" data-bs-dismiss="modal">Back</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Modal viewPRDetails -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewPRDetails" 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">List of item for receiving</h2>
|
|
</div>
|
|
|
|
<br />
|
|
<div class="modal-body">
|
|
<table id="CanvassdataTable" class="table table-striped table-bordered" style="width: 100%;">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<th>PRNo.</th>
|
|
<th>ItemNo</th>
|
|
<th>ItemSpecs</th>
|
|
<th>Categ. Name</th>
|
|
<th>Status</th>
|
|
<th>Remarks</th>
|
|
<th>Req. By</th>
|
|
<th>Req. Date</th>
|
|
<th>DateNeeded</th>
|
|
<th>Action</th>
|
|
<th hidden></th>
|
|
<th hidden></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" onclick="refreshTable();" data-bs-dismiss="modal">Back</button>
|
|
<button type="button" id="btnHold" onclick="holdItem(0);" class="btn btn-danger">Hold</button>
|
|
<button type="button" id="btnApprove" onclick="postPRReceive(1);" class="btn btn-success">Receive</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Modal addRemarksUpdate -->
|
|
<div class="modal fade custom-modal-backdrop" id="addRemarksUpdate" tabindex="-1" aria-labelledby="approveLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
|
|
<h5 id="approveLabel" class="modal-title" style="text-align: center; margin-left: auto; margin-right: auto; color:green">
|
|
Put remarks before to proceed
|
|
</h5>
|
|
</div>
|
|
<div class="modal-body" style="display: flex; flex-direction: column; align-items: center;">
|
|
|
|
<div id="myDivId2" style="width: 80%; margin-bottom: 20px;">
|
|
</div>
|
|
<label id="labelremarks" for="itemCode" style="margin-bottom: 5px;">Remarks</label>
|
|
<textarea type="text" id="remarks" name="remarks" rows="4" cols="50"
|
|
placeholder="input here..."></textarea>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-warning" data-bs-dismiss="modal">Back</button>
|
|
<button type="button" id="btnAddRemarks" onclick="confirmPRApproveReject()" class="btn btn-success">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Modal viewItemWithoutSupplierEmail -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewItemWithoutSuppEmail" 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">List of item without supplier email address</h2>
|
|
</div>
|
|
<br />
|
|
<div class="modal-body">
|
|
<table id="ItemWOEmailDataTable" class="table table-striped table-bordered" style="width: 100%;">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<th>PRNo.</th>
|
|
<th>ItemNo</th>
|
|
<th>ItemSpecs</th>
|
|
<th>Categ. Name</th>
|
|
<th>Action</th>
|
|
<th hidden></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" onclick="refreshTable();" 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>
|
|
|
|
</body> |