Notes

///////List UI
@{
ViewBag.Title = "SMX Services Consulting - Division Code List";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@model SMXServicesConsulting.DataModel.ViewModel.DivisionCodeMasterModel;
<div class="p-3 payroll employeelist">

<div class="card-section ">
<div>
<button type="button" id="BtnAddDivisionCode" class="btn btn-primary float-end border-0 " style="background-color:#080248;">Add Division Code</button>
</div>
<h2><strong>Division Code List</strong></h2>
</div>
<div class="costosTable-outer">
<div class="table-responsive">

<table id="getEmployeetbl" class="table table-striped" style="width:100%">
<thead>
<tr>
<th hidden>TableId</th>
<th>S.No.</th>
<th>Division Name</th>
<th>Division Code</th>
<th>Action</th>
<th>Status</th>
<th hidden>IsActive</th>
</tr>
</thead>
<tbody id="myTable">
@{
var srNo = 1;
}
@if (Model != null)
{
if (Model.DivisionCodeModelList != null && Model.DivisionCodeModelList.Any())
{
if (@Model.DivisionCodeModelList.Count() == 0)
{
<tr>
<td colspan="4">No Records Available</td>
</tr>
}
else
{
@foreach (var item in Model.DivisionCodeModelList)
{
<tr>
<td hidden>@item.Id</td>
<td>@srNo</td>
<td>@item.DivisionName</td>
<td>@item.DivisionCodes</td>
<td class="text-center">
<span class="edit-icon"><i class="fa-regular fa-pen-to-square" id="BtnUpdateDivisionCode" style="color:cornflowerblue;"></i></span>
@*<span class="delete-icon"><i class="fa-regular fa-trash-can" id="BtnDeleteDivisionCode" style="color:red;"></i></span>*@
</td>
<td class="text-center">
@if (item.IsActive == true)
{
<label class="switch">
<input type="checkbox" value="" id="divisionCodeStatus" checked>
<span class="slider round" style="height: 24px;width: 48px"></span>
</label>
}
else
{
<label class="switch">
<input type="checkbox" value="" id="divisionCodeStatus">
<span class="slider round" style="height: 24px;width: 48px"></span>
</label>
}
</td>
<td hidden>@item.IsActive</td>
</tr>
srNo = srNo + 1;
}
}
}
}
</tbody>
</table>
</div>
</div>

</div>
<div class="modal addDivisionCodePopup" role="dialog" tabindex="-1" aria-labelledby="gridSystemModalLabel" data-bs-backdrop="static" data-bs-keyboard="false">
</div>
<script src="~/js/site.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/common.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
<script>
new DataTable('#getEmployeetbl', {
fixedHeader: true,
"pageLength": 25,
});
</script>
///////////////////////
/////Add
@model SMXServicesConsulting.DataModel.ViewModel.DivisionCodeViewModel;

@{
ViewData["Title"] = "SMX Services Consulting - Add Division Code";
}

<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Add Division Code</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "" }))
{
<div class="modal-body">
<div class="add-deducation-outer">

<div class="heading-section">
<h3>
Add Division Code
</h3>
<span>
<i class="fa-solid fa-circle-question"></i>
</span>
</div>
<div class="deducation-code">
<div class="row">
<div class="col-lg-6 ">
<div>
@Html.HiddenFor(model => model.Id)
<div>
<label for="">Division Name</label>
<span>*</span>
</div>
<div class="currency-wrap">
@Html.TextBoxFor(model => model.DivisionName, new { placeholder="Enter Division Name" })
<span id="divisionNameError"></span>
</div>
</div>
</div>
<div class="col-lg-6 ">
<div>
<div>
<label for="">Division Code</label>
<span>*</span>
</div>
<div class="currency-wrap">
@Html.TextBoxFor(model => model.DivisionCodes, new { placeholder="Enter Division Code", @type="number"})
<span id="divisionCodeError"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
}
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="IdBtnAddDivisionCode">Add</button>
</div>
</div>
</div>
<style>
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 130%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0;
position:relative;
left:-15%;
}

.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none;
margin-left: auto;
margin:20vh auto;
}
</style>
////////////////////
/////Update
@model SMXServicesConsulting.DataModel.ViewModel.DivisionCodeViewModel;

@{
ViewData["Title"] = "SMX Services Consulting - Update Division Code";
}

<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Update Division Code</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "" }))
{
<div class="modal-body">
<div class="add-deducation-outer">

<div class="heading-section">
<h3>
Update Division Code
</h3>
<span>
<i class="fa-solid fa-circle-question"></i>
</span>
</div>
<div class="deducation-code">
<div class="row">
<div class="col-lg-6 ">
<div>
@Html.HiddenFor(model => model.Id)
<div>
<label for="">Division Name</label>
<span>*</span>
</div>
<div class="currency-wrap">
@Html.TextBoxFor(model => model.DivisionName, new { placeholder="Enter Division Name" })
<span id="divisionNameError"></span>
</div>
</div>
</div>
<div class="col-lg-6 ">
<div>
<div>
<label for="">Division Code</label>
<span>*</span>
</div>
<div class="currency-wrap">
@Html.TextBoxFor(model => model.DivisionCodes, new { placeholder="Enter Division Code", @type="number"})
<span id="divisionCodeError"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
}
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="IdBtnAddDivisionCode">Update</button>
</div>
</div>
</div>
<style>
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 130%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0;
left: -15%;
}

.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none;
margin-left: auto;
margin: 20vh auto;
}
</style>
/////////////////////
////Delete
@model SMXServicesConsulting.DataModel.ViewModel.DivisionCodeViewModel;

@{
ViewData["Title"] = "SMX Services Consulting - Deactivate Division Code";
}

<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Deactivate Division Code</h5>
<button type="button" class="btn-close" id="BtnDeleteCancelDivisionCode" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "" }))
{
<div class="modal-body">
<div class="add-deducation-outer">
<div class="deducation-code">
<div class="row">
<div>
@Html.HiddenFor(model => model.Id)
@Html.HiddenFor(model => model.DivisionCodes)
@Html.HiddenFor(model => model.DivisionName)
<h3>
Are you sure to Deactivate Division Code?
</h3>
<div style="text-align:center">
<button type="button" class="btn btn-secondary" id="BtnDeleteCancelDivisionCode" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" id="BtnDeleteDivisionCode">Deactivate</button>
</div>
</div>
</div>
</div>
</div>
</div>
}
</div>
</div>
<style>
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 130%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0;
position:relative;
left:-15%;
}

.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none;
margin-left: auto;
margin:20vh auto;
}
</style>
////////////////
////Activate
@model SMXServicesConsulting.DataModel.ViewModel.DivisionCodeViewModel;

@{
ViewData["Title"] = "SMX Services Consulting - Activate Division Code";
}

<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Activate Division Code</h5>
<button type="button" class="btn-close" id="BtnActivateCancelDivisionCode" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "" }))
{
<div class="modal-body">
<div class="add-deducation-outer">
<div class="deducation-code">
<div class="row">
<div>
@Html.HiddenFor(model => model.Id)
@Html.HiddenFor(model => model.DivisionCodes)
@Html.HiddenFor(model => model.DivisionName)
<h3>
Are you sure to Activate Division Code?
</h3>
<div style="text-align:center">
<button type="button" class="btn btn-secondary" id="BtnActivateCancelDivisionCode" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" id="BtnActivateDivisionCode">Activate</button>
</div>
</div>
</div>
</div>
</div>
</div>
}
</div>
</div>
<style>
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 130%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0;
position: relative;
left: -15%;
}

.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none;
margin-left: auto;
margin: 20vh auto;
}
</style>
/////////////////////
////JS
$(document).on("click", "#BtnAddDivisionCode", function () {
var url = "/Division/DivisionCode"
$(".addDivisionCodePopup").load(url, function () {
$(".addDivisionCodePopup").modal("show");
});
});

$(document).on("click", "#IdBtnAddDivisionCode", function () {
var DivisionCodeId = $('#Id').val();
if (DivisionCodeId == "") {
DivisionCodeId = 0;
}
var DivisionName = $("#DivisionName").val();
if (DivisionName == '') {
divisionNameError.textContent = "Please Enter Division Name";
return false;
}
else {
divisionNameError.textContent = "";
}
var DivisionCode = $("#DivisionCodes").val();
if (DivisionCode == '') {
divisionCodeError.textContent = "Please Enter Division Code";
return false;
}
else {
divisionCodeError.textContent = "";
}
var Add_DivisionCode = null;
Add_DivisionCode = {};
Add_DivisionCode.Id = DivisionCodeId;
Add_DivisionCode.DivisionName = DivisionName;
Add_DivisionCode.DivisionCodes = DivisionCode;
$.ajax({
type: 'POST',
url: '/Division/AddUpdateDivisionCode',
data: { divisionCodeViewModel: Add_DivisionCode },
async: false,
cache: false,
success: function (data) {
if (data.status == 'True') {
$(".addDivisionCodePopup").modal("hide");
window.location = '/Division/Index';
}
else {
alert();
}
},
error: function () {
}
});
});

$(document).on("click", "#BtnUpdateDivisionCode", function () {
var currow = $(this).closest('tr');
var Id = currow.find('td:eq(0)').text();
var url = "/Division/DivisionCodeById?Id=" + Id
$(".addDivisionCodePopup").load(url, function () {
$(".addDivisionCodePopup").modal("show");
});
});

//$(document).on("click", "#BtnDeleteDivisionCode", function () {
// var currow = $(this).closest('tr');
// var Id = currow.find('td:eq(0)').text();
// var url = "/Division/DeleteDivisionCodeById?Id=" + Id
// $(".addDivisionCodePopup").load(url, function () {
// $(".addDivisionCodePopup").modal("show");
// });
//});



$(document).on("click", "#divisionCodeStatus", function () {
debugger;
var currow = $(this).closest('tr');
var Id = currow.find('td:eq(0)').text();
var IsActive = currow.find('td:eq(6)').text();
if (IsActive == 'True') {
var url = "/Division/DeleteDivisionCodeById?Id=" + Id
$(".addDivisionCodePopup").load(url, function () {
$(".addDivisionCodePopup").modal("show");
});
}
else {
var url = "/Division/ActivateDivisionCodeById?Id=" + Id
$(".addDivisionCodePopup").load(url, function () {
$(".addDivisionCodePopup").modal("show");
});
}
});

//#region Deactivate Division Code
$(document).on("click", "#BtnDeleteDivisionCode", function () {
debugger;
var DivisionCodeId = $('#Id').val();
var DivisionName = $("#DivisionName").val();
var DivisionCode = $("#DivisionCodes").val();
var Add_DivisionCode = null;
Add_DivisionCode = {};
Add_DivisionCode.Id = DivisionCodeId;
Add_DivisionCode.DivisionName = DivisionName;
Add_DivisionCode.DivisionCodes = DivisionCode;
$.ajax({
type: 'POST',
url: '/Division/DeleteDivisionCode',
data: { divisionCodeViewModel: Add_DivisionCode },
async: false,
cache: false,
success: function (data) {
if (data.status == 'True') {
$(".addDivisionCodePopup").modal("hide");
window.location = '/Division/Index';
}
else {
alert();
}
},
error: function () {
}
});
});
//#endregion

//#region Activate Division Code
$(document).on("click", "#BtnActivateDivisionCode", function () {
var DivisionCodeId = $('#Id').val();
var DivisionName = $("#DivisionName").val();
var DivisionCode = $("#DivisionCodes").val();
var Add_DivisionCode = null;
Add_DivisionCode = {};
Add_DivisionCode.Id = DivisionCodeId;
Add_DivisionCode.DivisionName = DivisionName;
Add_DivisionCode.DivisionCodes = DivisionCode;
$.ajax({
type: 'POST',
url: '/Division/ActivateDivisionCode',
data: { divisionCodeViewModel: Add_DivisionCode },
async: false,
cache: false,
success: function (data) {
if (data.status == 'True') {
$(".addDivisionCodePopup").modal("hide");
window.location = '/Division/Index';
}
else {
alert();
}
},
error: function () {
}
});
});
//#endregion

$(document).on("click", "#BtnDeleteCancelDivisionCode", function () {
debugger;
$(".addDivisionCodePopup").modal("hide");
window.location = '/Division/Index';
});

$(document).on("click", "#IdBtnActivateCancelDivisionCode", function () {
debugger;
$(".addDivisionCodePopup").modal("hide");
(window).location = '/Division/Index';
});
////////////////