146 lines
7.6 KiB
Plaintext
146 lines
7.6 KiB
Plaintext
<body>
|
|
<div class="container-fluid">
|
|
<div class="table-container shadow-lg p-3 mb-5 bg-white rounded">
|
|
<!-- Tab Navigation - Above Everything -->
|
|
<div class="pr-tabs-header">
|
|
<div class="pr-tabs-nav">
|
|
<button class="pr-tab-btn active" data-tab="pr-list" data-endpoint="/PRMgmt/GetAllPR">
|
|
All PR
|
|
</button>
|
|
<button class="pr-tab-btn" data-tab="pr-approved" data-endpoint="/PRMgmt/GetApprovedPR">
|
|
Approved PR
|
|
</button>
|
|
<button class="pr-tab-btn" data-tab="pr-removed" data-endpoint="/PRMgmt/GetRemovedPR">
|
|
Deleted PR
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Page Heading - Left Aligned Below Tabs -->
|
|
<div class="page-header-section">
|
|
<h2 id="pageTitle" class="page-heading">All Purchase Requests</h2>
|
|
</div>
|
|
<div id="TabbedContainer">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Add New Item in PR -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewItemList"
|
|
tabindex="-1" aria-labelledby="addItemLabel" aria-hidden="true" data-bs-backdrop="static">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content border-0 shadow-lg">
|
|
<div class="modal-header">
|
|
<h2 class="modal-title" id="addItemLabel">Item List</h2>
|
|
</div>
|
|
<div class="modal-body p-4">
|
|
<!-- Inside #viewItemList modal, above the table -->
|
|
<div class="search-wrapper mb-2">
|
|
<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="modalSearchInput" type="text"
|
|
class="search-input"
|
|
placeholder="Search by item name, description or category…"
|
|
autocomplete="off" />
|
|
<span class="search-clear" id="modalSearchClear" 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="modalSearchHint">Start typing to search items…</div>
|
|
</div>
|
|
|
|
<div style="margin-bottom:5px">
|
|
<span class="fw-semibold">Selected Items:</span>
|
|
<span id="totalSelectedItem" class="badge bg-danger ms-2">0</span>
|
|
</div>
|
|
<table id="ItemTable" class="row-border" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th>All</th>
|
|
<th>ItemNo</th>
|
|
<th>ItemName</th>
|
|
<th>ItemSpecs</th>
|
|
<th>CategoryName</th>
|
|
<th>Qty</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer bg-light border-0 p-3">
|
|
<button type="button" class="btn btn-outline-secondary px-4" data-bs-dismiss="modal">
|
|
<i class="bi bi-x-circle me-2"></i>Cancel
|
|
</button>
|
|
<button type="button" id="btnConfirmUpdate" onclick="postItemInPR()" class="btn btn-success px-4">
|
|
<i class="bi bi-check-circle me-2"></i>Submit
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal addRemarksUpdate -->
|
|
<div class="modal fade custom-modal-backdrop" id="addRemarksUpdate"
|
|
tabindex="-1" aria-labelledby="approveLabel" aria-hidden="true" data-bs-backdrop="static">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 id="approveLabel" class="modal-title">
|
|
Put remarks before to proceed
|
|
</h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
<label id="labelremarks" for="remarks" style="margin-bottom: 5px;">Remarks</label>
|
|
<textarea type="text" id="remarks" class="form-control" 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="holdItem(3)" class="btn btn-success">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal viewItemRemovalRemarks -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewItemRemovalRemarks"
|
|
tabindex="-1" aria-labelledby="approveLabel" aria-hidden="true" data-bs-backdrop="static">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 id="approveLabel" class="modal-title">
|
|
Put remarks before to remove
|
|
</h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
<label id="labelremarks" for="remove-remarks" style="margin-bottom: 5px;">Remarks</label>
|
|
<textarea type="text" id="remove-remarks" name="remove-remarks" rows="4" cols="50"
|
|
class="form-control" 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="btnItemRemovalRemarks" onclick="prItemRemoval()" class="btn btn-success">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<link href="~/css/pr/TrackingV3.css" rel="stylesheet" />
|
|
<link href="~/css/pr/ButtonStyleV2.css" rel="stylesheet" />
|
|
<link href="~/css/pr/PRTabs.css" rel="stylesheet" />
|
|
@await Html.PartialAsync("PagesView/PR/_PRTracking")
|
|
<script src="~/JsFunctions/PR/PR.js"></script>
|
|
<script src="~/JsFunctions/PR/PRTabs.js"></script>
|
|
@await Html.PartialAsync("PagesView/PR/_PRScripts")
|
|
</body> |