1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
$(".ui.form").form({
fields: {
address: "empty",
mobile_number: "empty",
dob: "empty",
marital_status: "empty",
},
});
function editCitizensRecord(citizen) {
citizen = JSON.parse(citizen);
$(".edit.modal").modal("show");
$("#address").val(citizen.address);
$("#mobile_number").val(citizen.mobile_num);
$("#dob").val(citizen.dob);
$("#marital_status").val(citizen.marital_status);
$('#marital_status').dropdown('set selected', citizen.marital_status);
$("#citizen_id").html(citizen.citizen_id);
}
const editCitizenButton = document.getElementById("editCitizen");
editCitizenButton.addEventListener("click", editCitizen);
function editCitizen(event) {
event.preventDefault();
var data = {
address: $("#address").val(),
mobile_num: $("#mobile_number").val(),
dob: $("#dob").val(),
marital_status: $("#marital_status").val(),
citizen_id: $("#citizen_id").html(),
};
$.ajax({
url: "/api/citizens/edit",
type: "POST",
data: data,
success: function (response) {
console.log(response);
$(".edit.modal").modal("hide");
location.reload();
},
});
}
function deleteCitizenRecord(citizen) {
citizen_id = JSON.parse(citizen).citizen_id;
$.ajax({
url: "/api/citizens/delete",
type: "POST",
data: { citizen_id },
success: function (response) {
console.log(response);
location.reload();
}
});
}
|
