115 lines
5.5 KiB
Plaintext
115 lines
5.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>Project Code Management</h2>
|
|
</div>
|
|
<br />
|
|
<button id="btnAddNew" type="button" class="btn btn-success" data-mode="add"
|
|
onclick="showProjectCode({},true)" style="margin-bottom:20px;margin-left:10px;">
|
|
Add new
|
|
</button>
|
|
<br />
|
|
<table id="ProjectCodeTable" class="row-border" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:15%">ProjectCode</th>
|
|
<th style="width:25%">ProjectName</th>
|
|
<th style="width:32%">DeliveryAddress</th>
|
|
<th style="width:10%">MaxDays</th>
|
|
<th style="width:11%">PorjectStatus</th>
|
|
<th style="width:11%">Availability</th>
|
|
<th style="width:7%">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- Modal addNewItem -->
|
|
<div class="modal fade custom-modal-backdrop" id="showProjectCode" 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">
|
|
<input id="projectCodeId" hidden />
|
|
<input id="projectCode" class="form-control"
|
|
placeholder=" Describe proejct code...">
|
|
<label for="projectCode">Project Code</label>
|
|
</div>
|
|
|
|
<div class="form-floating mb-3">
|
|
<textarea id="projectName" class="form-control"
|
|
placeholder=" Describe projectName..."></textarea>
|
|
<label for="projectName">Project Name</label>
|
|
</div>
|
|
|
|
<div class="form-floating mb-3">
|
|
<textarea id="deliveryAddress" class="form-control"
|
|
placeholder=" Describe deliveryAddress..."></textarea>
|
|
<label for="deliveryAddress">Delivery Address</label>
|
|
</div>
|
|
<div class="form-floating mb-3">
|
|
<select id="projectStatus" class="form-control">
|
|
<option value="">-- Select Status --</option>
|
|
<option value="Pending">Pending</option>
|
|
<option value="Ongoing">Ongoing</option>
|
|
<option value="Completed">Completed</option>
|
|
<option value="Cancelled">Cancelled</option>
|
|
</select>
|
|
<label for="projectStatus">Project Status</label>
|
|
</div>
|
|
<div class="row g-3 mb-3">
|
|
<div class="col-md-6">
|
|
<div class="form-floating">
|
|
<input id="maxDays"
|
|
type="number"
|
|
min="1"
|
|
class="form-control"
|
|
placeholder="Max days">
|
|
<label for="maxDays">Max Days</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 d-flex align-items-center">
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input"
|
|
type="checkbox"
|
|
id="statusSwitch"
|
|
checked>
|
|
<label class="form-check-label" for="statusSwitch">
|
|
Active
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
|
|
<button type="button" id="btnAddUpdate" onclick="postPutProjectCode(1);" class="btn btn-success"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="~/JsFunctions/PR/ProjectCode.js"></script>
|
|
@await Html.PartialAsync("PagesView/PR/_PRScripts")
|
|
</body> |