afiq.hamzah
99 lines
3.5 KiB
JavaScript
Vendored
99 lines
3.5 KiB
JavaScript
Vendored
|
|
let button_read_mykad = document.getElementById("button_read_mykad");
|
|
|
|
let getMyKadDetail = () => {
|
|
return fetch(mykad_reader_endpoint).then((response) => response.json());
|
|
};
|
|
|
|
let checkIfMyKadExist = (myKadNumber) => {
|
|
const url = wakil_caricustomer_endpoint + '/?icno=' + myKadNumber;
|
|
|
|
return fetch(url).then((response) => response.json());
|
|
};
|
|
|
|
|
|
let handleMyKadReader = () => {
|
|
|
|
let myKadDetail;
|
|
|
|
getMyKadDetail()
|
|
.then(response => myKadDetail = response[0])
|
|
.then(() => checkIfMyKadExist(myKadDetail.IdNo))
|
|
.then(response => response[0])
|
|
.then(response => {
|
|
if (response === 'no-data') {
|
|
populateDaftarPelangganModal(myKadDetail);
|
|
} else {
|
|
let input_search_noic = document.getElementById("noic");
|
|
let form_search_noic = document.querySelector("form[name='frmsearch']");
|
|
input_search_noic.value = myKadDetail.IdNo;
|
|
form_search_noic.submit();
|
|
}
|
|
})
|
|
|
|
|
|
};
|
|
|
|
let populateDaftarPelangganModal = (data) => {
|
|
let modal_form = document.querySelector(".modal-body .row.form-group");
|
|
|
|
const religions = [
|
|
['01', 'Islam'],
|
|
['02', 'Hindu'],
|
|
['03', 'Buddha'],
|
|
['04', 'Kristian'],
|
|
['05', 'Lain-lain'],
|
|
];
|
|
|
|
const ethnicities = [
|
|
['M', 'Melayu'],
|
|
['C', 'Cina'],
|
|
['I', 'India'],
|
|
['L', 'Lain-lain'],
|
|
];
|
|
|
|
let getCodeFromValue = (needle, haystack) => {
|
|
let title_cased_text = needle.split(' ')
|
|
.map(w => w[0].toUpperCase() + w.substring(1).toLowerCase())
|
|
.join(' ');
|
|
|
|
return haystack.filter(x => x[1] == title_cased_text)[0][0];
|
|
};
|
|
|
|
let getFormattedDateOfBirth = (date_of_birth) => {
|
|
const [year, month, day] = date_of_birth.split('-');
|
|
return day + '/' + month + '/' + year;
|
|
};
|
|
|
|
let getAgeFromDateOfBirth = (date_of_birth) => {
|
|
|
|
const [birth_year, birth_month, birth_day] = date_of_birth.split('-');
|
|
const count_leap_year = countLeapYears(birth_year, birth_month, birth_day) - 1;
|
|
|
|
const start = new Date(date_of_birth),
|
|
end = new Date(),
|
|
diff = new Date(end - start),
|
|
days = ((diff / 1000 / 60 / 60 / 24) - count_leap_year) / 365;
|
|
|
|
return parseInt(days);
|
|
};
|
|
|
|
modal_form.querySelector("input[name='name']").value = data.Name;
|
|
modal_form.querySelector("input[name='noic']").value = data.IdNo;
|
|
modal_form.querySelector("input[name='tarikh_lahir']").value = getFormattedDateOfBirth(data.DateOfBirth);
|
|
modal_form.querySelector("input[name='negeri_lahir']").value = data.State;
|
|
modal_form.querySelector("input[name='jantina']").value = data.Gender == 'L' ? 'Lelaki' : 'Perempuan';
|
|
modal_form.querySelector("select[name='agama']").value = getCodeFromValue(data.Religion, religions);
|
|
modal_form.querySelector("textarea[name='alamat']").value = [data.Address1, data.Address2, data.Address3].join(", ");
|
|
modal_form.querySelector("input[name='poskod']").value = data.Postcode;
|
|
modal_form.querySelector("input[name='daerah']").value = data.Town;
|
|
modal_form.querySelector("input[name='negeri']").value = data.State;
|
|
modal_form.querySelector("input[name='age']").value = getAgeFromDateOfBirth(data.DateOfBirth);
|
|
modal_form.querySelector("select[name='bangsa']").value = getCodeFromValue(data.Ethnicity, ethnicities);
|
|
|
|
calculatePassportAge();
|
|
$('#daftar_pelanggan').modal('show');
|
|
};
|
|
|
|
button_read_mykad.addEventListener("click", handleMyKadReader);
|