240 lines
14 KiB
Plaintext
240 lines
14 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;" id="POHeader"></h2>
|
|
</div>
|
|
<br />
|
|
<table id="createdPOTable" class="row-border" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th>PONo</th>
|
|
<th>POType</th>
|
|
<th>PRNo's</th>
|
|
<th>ItemNo's</th>
|
|
<th>ItemName's</th>
|
|
<th>ItemCategory</th>
|
|
<th>SupplierName</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<link href="~/css/po/mypo.css" rel="stylesheet" />
|
|
<!-- JavaScript for Tabs -->
|
|
<script src="~/JsFunctions/PO/MyCreatedPOV2.js"></script>
|
|
<link href="~/css/po/approvedpo.css" rel="stylesheet" />
|
|
|
|
@await Html.PartialAsync("PagesView/PO/_PO")
|
|
<!-- Modal viewPONo -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewPONo"
|
|
data-bs-backdrop="static" tabindex="-1" aria-labelledby="ModalLabel">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title"
|
|
style="text-align: center; margin-left: auto; margin-right: auto;"
|
|
id="headerUpdate">
|
|
</h5>
|
|
</div>
|
|
<!-- Tab Buttons -->
|
|
<div class="tab">
|
|
<button class="tablinks" data-tab="PONo">PO No</button>
|
|
<button class="tablinks" data-tab="POItem">Item</button>
|
|
</div>
|
|
|
|
<!-- Tab Content: PO No -->
|
|
<div id="PONo" class="tabcontent">
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="c-supplierName" >Supplier:</label>
|
|
<strong id="c-supplierName" style="text-decoration:underline" name="c-supplierName">
|
|
</strong>
|
|
</div>
|
|
<br />
|
|
<div id="poNoContainer">
|
|
</div>
|
|
<label for="reason">Reason:
|
|
<span class="text-danger required-indicator">*</span>
|
|
</label>
|
|
<select class="form-control" name="reason" id="reason"
|
|
style="margin-bottom: 5px;" onchange="otherReason(this.value)">
|
|
<option value="0" disabled selected>-Select Reason-</option>
|
|
<option value="Paper Jam">Paper Jam</option>
|
|
<option value="Supplier Price Changes">Supplier Price Changes</option>
|
|
<option value="Wrong Encode of item details">Wrong Encode of item details</option>
|
|
<option value="otherReason">Others</option>
|
|
</select>
|
|
<textarea id="otherReason" class="form-control" placeholder="input reason here..."></textarea>
|
|
<input hidden id="potype-cancel"/>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tab Content: Item -->
|
|
<div id="POItem" class="tabcontent">
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="c-supplierName1">Supplier:</label>
|
|
<strong id="c-supplierName1" style="text-decoration:underline" name="c-supplierName1" >
|
|
</strong>
|
|
</div>
|
|
<br />
|
|
<div class="col-4">
|
|
<div class="form-group">
|
|
<label for="c-old-poNo2">PO No#:</label>
|
|
<input readonly id="c-old-poNo2" class="form-control">
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div id="poNoTableContainer">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="poFormTable" style="display: none;">
|
|
<table id="updatePOItemTable" class="row-border" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th>PRNo's</th>
|
|
<th>ItemNo's</th>
|
|
<th>ItemName's</th>
|
|
<th>Description</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="poForm" style="display: none;">
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<div class="form-group">
|
|
<label for="c-old-poNo">Old PO No#:</label>
|
|
<input readonly id="c-old-poNo" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="form-group">
|
|
<label for="c-poNo">New PO No#:
|
|
<span class="text-danger required-indicator">*</span>
|
|
</label>
|
|
<input readonly id="c-poNo" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="form-group">
|
|
<label for="poType">New PO Type:
|
|
<span class="text-danger required-indicator">*</span>
|
|
</label>
|
|
<select class="form-control" name="poType" id="poType"
|
|
onchange="poNoComponent(this.value)"
|
|
style="margin-bottom: 5px;">
|
|
<option value="0" disabled selected>-Select PO Type-</option>
|
|
<option value="1">SI</option>
|
|
<option value="2">DR</option>
|
|
<option value="3">Import</option>
|
|
</select>
|
|
<input hidden id="dr-poNo" />
|
|
<input hidden id="si-poNo" />
|
|
<input hidden id="si-ImportPoNo" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Modal Footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Back</button>
|
|
<button type="button" id="btnCancelPO" onclick="putPOCancel();" class="btn btn-danger">Cancel PO</button>
|
|
<button type="button" id="btnUpdatePO" onclick="putMyPONo();" class="btn btn-warning">Update</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Modal viewPOItemDetail -->
|
|
<div class="modal fade custom-modal-backdrop"
|
|
id="viewPOItemDetail" 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">PR Item Details</h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<input hidden id="prDetailsId">
|
|
<div class="form-floating mb-3">
|
|
<textarea disabled id="itemName" class="form-control" style="width: 100%; height: 70px;"></textarea>
|
|
<label for="itemName">Item Name</label>
|
|
</div>
|
|
<div class="form-floating mb-3 col-12">
|
|
<textarea id="itemDescription" class="form-control" style="width: 100%; height: 70px;"></textarea>
|
|
<label for="itemDescription">Description</label>
|
|
</div>
|
|
<div class="form-floating mb-3 col-12">
|
|
<textarea id="specification" class="form-control" style="width: 100%; height: 80px;"></textarea>
|
|
<label for="specification">Specification</label>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<div class="form-floating mb-3">
|
|
<input type="search" id="uomName" class="form-control" name="uomName" />
|
|
<label for="uomName">UOM</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="form-floating mb-3">
|
|
<input type="number" id="itemQty" class="form-control" name="itemQty" />
|
|
<label for="itemQty">Qty</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="form-floating mb-3">
|
|
<input type="number" id="unitPrice" class="form-control" name="unitPrice" />
|
|
<label for="unitPrice">UnitPrice</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-floating mb-3 col-6">
|
|
<input type="search" name="P-paymentTerms" id="P-paymentTerms"
|
|
class="form-control" >
|
|
<label style="margin-left:10px" for="P-paymentTerms">Payment Terms</label>
|
|
<input hidden id="P-paymentTermsId" />
|
|
</div>
|
|
<div class="form-floating mb-3 col-6">
|
|
<input type="search" name="P-portOfDischarge" id="P-portOfDischarge"
|
|
class="form-control" >
|
|
<label id="pod-label" style="margin-left:10px" for="P-portOfDischarge">Port of dicharge</label>
|
|
<input hidden id="P-portOfDischarge-id" />
|
|
</div>
|
|
|
|
</div>
|
|
<div class="form-floating mb-3">
|
|
<textarea id="c-poRemarks" class="form-control" style="width: 100%; height: 50px;"></textarea>
|
|
<label for="c-poRemarks">Remarks</label>
|
|
</div>
|
|
<input type="hidden" id="uomId" name="uomId" />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="d-flex justify-content-center align-items-center">
|
|
<div class="text-center" style="margin-top:20px">
|
|
<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>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Back</button>
|
|
<button type="button" id="btnUpdateItem" onclick="putPOItemDetail()" class="btn btn-warning">Update Details</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body> |