Files
dev-chiefworks f76abffdcd first commit
2022-05-31 16:21:53 -04:00

82 lines
2.9 KiB
JavaScript

let rowCells = [];
$('tbody').delegate("tr", "click", function(e){
rowCells = e.target.parentElement.cells;
});
function updatePOI(){
let data = {
poiSelected: $('#tourist_selected').val(),
card_country: $('#card_country').val(),
loc_name: $('#loc_name').val(),
address: $('#address').val(),
city_id: $('#city-id').val(),
description: $('#description').val(),
feature_image: $('input[name="feature_image"]').val(),
status: $('input[type="checkbox"][name="status"]').prop("checked") ? 1 : 0,
};
$.ajax({
method: 'post',
url: '/tools/updatePOI',
dataType: 'json',
data: data
})
.done(function(data) {
alert(`${data.message}`);
rowCells[0].innerText = $('#card_country').val();
rowCells[2].innerText = $('#city-id option:selected').text();
rowCells[3].innerText = $('#loc_name').val();
rowCells[6].innerText = data.data.address;
rowCells[7].innerText = data.data.plus_code;
rowCells[9].innerText = $('#description').val();
rowCells[10].innerText = $('#city-id option:selected').val();
rowCells[12].innerText = $('input[name="feature_image"]').val();
if($('input[name="status"]').prop("checked")) {
rowCells[14].children[0].setAttribute('data-status', 't');
rowCells[14].children[0].innerText = 'Deactive';
} else {
rowCells[14].children[0].setAttribute('data-status', 'f');
rowCells[14].children[0].innerText = 'Public';
}
let aElem = $('#feature_image_preview')[0];
let imgSrc = $('input[name="feature_image"]').val();
let imgNotFound = `https://resources.float.sg/cards/notfound?size=80x80`
if (imgSrc !== '') {
aElem.style.display = 'unset';
let imgElem = $('#image_preview')[0];
if (imgSrc.includes('http')) {
aElem.href = `${imgSrc}`;
imgElem.src = `${imgSrc}?size=80x80`;
} else {
aElem.href = `${imgNotFound}`;
imgElem.src = `${imgNotFound}`;
}
} else {
$aElem.style.display = 'none';
}
})
.fail(function(err) {
let errors = Object.values(err.responseJSON.errors);
let message = '';
for (index in errors) {
message += errors[index];
}
alert(message);
})
}
function showAddPOIForm(){
$('#tourist_selected').val('');
$('#card_country').val('');
$('#loc_name').val('');
$('#address').val('');
$('#city-id').val('');
$('#description').val(''),
$('input[name="feature_image"]').val(''),
$('input[type="checkbox"][name="status"]').prop("checked", false);
$('button[name="update"]').css('display', 'none');
$('button[name="delete"]').css('display', 'none');
$('button[name="go"]').css('display', 'block');
}