461 lines
10 KiB
JavaScript
461 lines
10 KiB
JavaScript
// window.onload = function () {
|
|
// document.getElementById('Village_Name').focus();
|
|
// };
|
|
|
|
// $(document).ready(function () {
|
|
|
|
// // STATE → DISTRICT
|
|
// $('#state_Id').change(function () {
|
|
|
|
// var stateId = $(this).val();
|
|
|
|
// if (stateId) {
|
|
|
|
// $.ajax({
|
|
// url: '/get_districts/' + stateId,
|
|
// type: 'GET',
|
|
|
|
// success: function (data) {
|
|
|
|
// var districtDropdown = $('#district_Id');
|
|
|
|
// districtDropdown.empty();
|
|
// districtDropdown.append('<option value="" disabled selected>Select District</option>');
|
|
|
|
// data.forEach(function (district) {
|
|
|
|
// districtDropdown.append(
|
|
// '<option value="' + district.id + '">' + district.name + '</option>'
|
|
// );
|
|
|
|
// });
|
|
|
|
// districtDropdown.prop('disabled', false);
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
|
|
// // DISTRICT → BLOCK
|
|
// $('#district_Id').change(function () {
|
|
|
|
// var districtId = $(this).val();
|
|
|
|
// if (districtId) {
|
|
|
|
// $.ajax({
|
|
// url: '/get_blocks/' + districtId,
|
|
// type: 'GET',
|
|
|
|
// success: function (data) {
|
|
|
|
// var blockDropdown = $('#block_Id');
|
|
|
|
// blockDropdown.empty();
|
|
// blockDropdown.append('<option value="" disabled selected>Select Block</option>');
|
|
|
|
// data.forEach(function (block) {
|
|
|
|
// blockDropdown.append(
|
|
// '<option value="' + block.id + '">' + block.name + '</option>'
|
|
// );
|
|
|
|
// });
|
|
|
|
// blockDropdown.prop('disabled', false);
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
|
|
// // VILLAGE NAME VALIDATION
|
|
// $('#Village_Name').on('input', function () {
|
|
|
|
// var villageName = $(this).val();
|
|
// var validPattern = /^[A-Za-z ]*$/;
|
|
|
|
// if (!validPattern.test(villageName)) {
|
|
|
|
// $('#villageMessage')
|
|
// .text('Only letters and spaces are allowed!')
|
|
// .css('color', 'red');
|
|
|
|
// $('#submitVillage').prop('disabled', true);
|
|
|
|
// } else {
|
|
|
|
// $('#villageMessage').text('');
|
|
// $('#submitVillage').prop('disabled', false);
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
|
|
// // CHECK DUPLICATE VILLAGE
|
|
// $('#Village_Name, #block_Id').on('change keyup', function () {
|
|
|
|
// var blockId = $('#block_Id').val();
|
|
// var villageName = $('#Village_Name').val().trim();
|
|
|
|
// if (blockId && villageName) {
|
|
|
|
// $.ajax({
|
|
|
|
// url: '/check_village',
|
|
// type: 'POST',
|
|
|
|
// data: {
|
|
// block_Id: blockId,
|
|
// Village_Name: villageName
|
|
// },
|
|
|
|
// success: function (response) {
|
|
|
|
// if (response.status === 'exists') {
|
|
|
|
// $('#villageMessage')
|
|
// .text(response.message)
|
|
// .css('color', 'red');
|
|
|
|
// $('#submitVillage').prop('disabled', true);
|
|
|
|
// } else {
|
|
|
|
// $('#villageMessage')
|
|
// .text(response.message)
|
|
// .css('color', 'green');
|
|
|
|
// $('#submitVillage').prop('disabled', false);
|
|
|
|
// }
|
|
|
|
// },
|
|
|
|
// error: function () {
|
|
|
|
// $('#villageMessage')
|
|
// .text('Error checking village name')
|
|
// .css('color', 'red');
|
|
|
|
// $('#submitVillage').prop('disabled', true);
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
|
|
// // ADD VILLAGE
|
|
// $('#villageForm').submit(function (event) {
|
|
|
|
// event.preventDefault();
|
|
|
|
// $.ajax({
|
|
|
|
// url: '/add_village',
|
|
// type: 'POST',
|
|
// data: $(this).serialize(),
|
|
|
|
// success: function (response) {
|
|
|
|
// if (response.status === 'success') {
|
|
|
|
// alert('Village added successfully!');
|
|
// location.reload();
|
|
|
|
// } else {
|
|
|
|
// alert('Error adding village. Please try again.');
|
|
|
|
// }
|
|
|
|
// },
|
|
|
|
// error: function () {
|
|
|
|
// alert('An error occurred. Please try again.');
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
// });
|
|
|
|
// });
|
|
|
|
window.onload = function () {
|
|
document.getElementById('Village_Name').focus();
|
|
};
|
|
|
|
$(document).ready(function () {
|
|
|
|
// 🔥 RESTORE VIEW MODE AFTER RELOAD
|
|
var viewMode = localStorage.getItem("viewMode");
|
|
|
|
if (viewMode === "table") {
|
|
$('#addForm').hide();
|
|
$('#addTable').show();
|
|
} else {
|
|
$('#addForm').show();
|
|
$('#addTable').hide();
|
|
}
|
|
|
|
|
|
// 🔥 BUTTON TOGGLE LOGIC
|
|
|
|
$('#addButton').click(function () {
|
|
$('#addForm').show();
|
|
$('#addTable').hide();
|
|
|
|
localStorage.setItem("viewMode", "form");
|
|
});
|
|
|
|
$('#displayButton').click(function () {
|
|
$('#addForm').hide();
|
|
$('#addTable').show();
|
|
|
|
localStorage.setItem("viewMode", "table");
|
|
});
|
|
|
|
|
|
// STATE → DISTRICT
|
|
$('#state_Id').change(function () {
|
|
|
|
var stateId = $(this).val();
|
|
|
|
if (stateId) {
|
|
|
|
$.ajax({
|
|
url: '/get_districts/' + stateId,
|
|
type: 'GET',
|
|
|
|
success: function (data) {
|
|
|
|
var districtDropdown = $('#district_Id');
|
|
|
|
districtDropdown.empty();
|
|
districtDropdown.append('<option value="" disabled selected>Select District</option>');
|
|
|
|
data.forEach(function (district) {
|
|
|
|
districtDropdown.append(
|
|
'<option value="' + district.id + '">' + district.name + '</option>'
|
|
);
|
|
|
|
});
|
|
|
|
districtDropdown.prop('disabled', false);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
// DISTRICT → BLOCK
|
|
$('#district_Id').change(function () {
|
|
|
|
var districtId = $(this).val();
|
|
|
|
if (districtId) {
|
|
|
|
$.ajax({
|
|
url: '/get_blocks/' + districtId,
|
|
type: 'GET',
|
|
|
|
success: function (data) {
|
|
|
|
var blockDropdown = $('#block_Id');
|
|
|
|
blockDropdown.empty();
|
|
blockDropdown.append('<option value="" disabled selected>Select Block</option>');
|
|
|
|
data.forEach(function (block) {
|
|
|
|
blockDropdown.append(
|
|
'<option value="' + block.id + '">' + block.name + '</option>'
|
|
);
|
|
|
|
});
|
|
|
|
blockDropdown.prop('disabled', false);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
// VILLAGE NAME VALIDATION
|
|
$('#Village_Name').on('input', function () {
|
|
|
|
var villageName = $(this).val();
|
|
var validPattern = /^[A-Za-z ]*$/;
|
|
|
|
if (!validPattern.test(villageName)) {
|
|
|
|
$('#villageMessage')
|
|
.text('Only letters and spaces are allowed!')
|
|
.css('color', 'red');
|
|
|
|
$('#submitVillage').prop('disabled', true);
|
|
|
|
} else {
|
|
|
|
$('#villageMessage').text('');
|
|
$('#submitVillage').prop('disabled', false);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
// CHECK DUPLICATE VILLAGE
|
|
$('#Village_Name, #block_Id').on('change keyup', function () {
|
|
|
|
var blockId = $('#block_Id').val();
|
|
var villageName = $('#Village_Name').val().trim();
|
|
|
|
if (blockId && villageName) {
|
|
|
|
$.ajax({
|
|
|
|
url: '/check_village',
|
|
type: 'POST',
|
|
|
|
data: {
|
|
block_Id: blockId,
|
|
Village_Name: villageName
|
|
},
|
|
|
|
success: function (response) {
|
|
|
|
if (response.status === 'exists') {
|
|
|
|
$('#villageMessage')
|
|
.text(response.message)
|
|
.css('color', 'red');
|
|
|
|
$('#submitVillage').prop('disabled', true);
|
|
|
|
} else {
|
|
|
|
$('#villageMessage')
|
|
.text(response.message)
|
|
.css('color', 'green');
|
|
|
|
$('#submitVillage').prop('disabled', false);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
error: function () {
|
|
|
|
$('#villageMessage')
|
|
.text('Error checking village name')
|
|
.css('color', 'red');
|
|
|
|
$('#submitVillage').prop('disabled', true);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
// ADD VILLAGE
|
|
$('#villageForm').submit(function (event) {
|
|
|
|
event.preventDefault();
|
|
|
|
$.ajax({
|
|
|
|
url: '/add_village',
|
|
type: 'POST',
|
|
data: $(this).serialize(),
|
|
|
|
success: function (response) {
|
|
|
|
if (response.status === 'success') {
|
|
|
|
alert('Village added successfully!');
|
|
location.reload();
|
|
|
|
} else {
|
|
|
|
alert(response.message || 'Error adding village. Please try again.');
|
|
|
|
}
|
|
|
|
},
|
|
|
|
error: function () {
|
|
|
|
alert('An error occurred. Please try again.');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
// 🔥 DELETE FUNCTION (UPDATED)
|
|
function deleteVillage(villageId) {
|
|
|
|
if (!confirm("Are you sure you want to delete this village?")) {
|
|
return;
|
|
}
|
|
|
|
// ✅ save that user is on table
|
|
localStorage.setItem("viewMode", "table");
|
|
|
|
$.ajax({
|
|
url: '/delete_village/' + villageId,
|
|
type: 'GET',
|
|
|
|
success: function () {
|
|
|
|
setTimeout(function () {
|
|
|
|
alert("Village deleted successfully!");
|
|
|
|
// reload but stay on table
|
|
location.reload();
|
|
|
|
}, 1000);
|
|
|
|
},
|
|
|
|
error: function () {
|
|
alert("Error deleting village. Please try again.");
|
|
}
|
|
|
|
});
|
|
} |