Muhammad Sulaiman Yusuf
2 years ago
5 changed files with 339 additions and 133 deletions
@ -0,0 +1,232 @@
|
||||
var expenseModal = $('#modal-expense > .modal-dialog > .modal-content'); |
||||
|
||||
function resetFormAssignexpense() { |
||||
$('#select-expense').val(null).trigger("change"); |
||||
$('#select-expense').find('option').remove(); |
||||
$('#select-expense').val(""); |
||||
$('#form-assign-expense').trigger("reset"); |
||||
$('#btn-assign-expense').html('Assign'); |
||||
$('#btn-assign-expense').prop("disabled", false); |
||||
}; |
||||
|
||||
|
||||
var rupiah = document.getElementById('price-req-expense'); |
||||
rupiah.addEventListener('keyup', function (e) { |
||||
rupiah.value = formatRibuanInput(this.value); |
||||
}); |
||||
|
||||
var qty = document.getElementById('qty-req-expense'); |
||||
qty.addEventListener('keyup', function (e) { |
||||
qty.value = formatRibuanInput(this.value); |
||||
}); |
||||
|
||||
$(document).ready(function () { |
||||
var tableexpense = $("#table-expense").DataTable({ |
||||
"processing": true, |
||||
"serverSide": true, |
||||
"ajax": { |
||||
"url": `${base_url}assign-material/datatables`, |
||||
"data": function (d) { |
||||
d.idact = activityId; |
||||
d.type = "expense"; |
||||
} |
||||
}, |
||||
"columns": [ |
||||
{ data: 'material_name', name: 'material_name' }, |
||||
{ |
||||
data: 'qty_planning', render: function (data, type) { |
||||
return data ? formatRupiah(data) : '-' |
||||
} |
||||
}, |
||||
{ data: 'uom', name: 'uom' }, |
||||
{ |
||||
data: 'budget', render: function (data, type) { |
||||
return data ? "Rp. " + formatRupiah(data) : '-' |
||||
} |
||||
}, |
||||
{ |
||||
data: 'plan_date', render: function (data, type) { |
||||
return data ? formatDate(data) : '-' |
||||
} |
||||
}, |
||||
{ |
||||
data: 'action', |
||||
name: 'action', |
||||
orderable: true, |
||||
searchable: true |
||||
}, |
||||
] |
||||
}); |
||||
|
||||
function deleteexpenseAssign(id) { |
||||
$.ajax({ |
||||
url: `${base_url}assign-material/delete/${id}`, |
||||
type: "DELETE", |
||||
success: function (data) { |
||||
actionHappen = true; |
||||
gantt.alert("Delete expense Assign Success!"); |
||||
tableexpense.draw(); |
||||
}, |
||||
error: function (data) { |
||||
gantt.alert("Delete expense Assign Failed, try again later!"); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
$("#modal-expense").on("click", "#show-form-expense", function () { |
||||
$(this).hide(); |
||||
$("#hide-form-expense").show(); |
||||
$("#form-assign-expense").show(); |
||||
}); |
||||
|
||||
$("#modal-expense").on("click", "#hide-form-expense", function () { |
||||
$(this).hide(); |
||||
resetFormAssignexpense() |
||||
$("#show-form-expense").show(); |
||||
}); |
||||
|
||||
$('#modal-expense').on('show.bs.modal', function (event) { |
||||
$('#modal-expense-title').html("Other Expense " + activityName); |
||||
tableexpense.draw(); |
||||
}); |
||||
|
||||
$('#modal-expense').on('hide.bs.modal', function (event) { |
||||
// $("#hide-form-expense").hide();
|
||||
$("#show-form-expense").show(); |
||||
console.log("there's before action change ", actionHappen); |
||||
if (actionHappen) { |
||||
console.log("there's action change ", actionHappen); |
||||
updateActivity(activityId); |
||||
} |
||||
resetFormAssignexpense(); |
||||
}); |
||||
|
||||
$('#select-expense').select2({ |
||||
dropdownParent: expenseModal, |
||||
placeholder: 'Pilih expense resource', |
||||
allowClear: true, |
||||
ajax: { |
||||
url: `${base_url}expense-resource/select`, |
||||
dataType: 'json', |
||||
data: function (params) { |
||||
var query = { |
||||
search: params.term, |
||||
type: 'public', |
||||
idProyek: proyekId, |
||||
idact: activityId |
||||
} |
||||
return query; |
||||
}, |
||||
processResults: function (result) { |
||||
return { |
||||
results: $.map(result, function (item) { |
||||
// console.log("cek item", item)
|
||||
return { |
||||
text: item.description, |
||||
id: item.id |
||||
} |
||||
}) |
||||
}; |
||||
}, |
||||
cache: false |
||||
} |
||||
}); |
||||
|
||||
$("#form-assign-expense").on('submit', function (e) { |
||||
e.preventDefault(); |
||||
|
||||
$('#btn-assign-expense').html('Assign...'); |
||||
$('#btn-assign-expense').prop("disabled", true); |
||||
|
||||
// /request-expense/add
|
||||
let desc_req_expense = $("#desc-expense").val(); |
||||
let required_date = $("#required-date-req-expense").val(); |
||||
let plan_date = $("#required-date-plan-expense").val(); |
||||
let uom = $("#uom-req-expense").val(); |
||||
let price = $("#price-req-expense").val(); |
||||
let qty_planning = $("#qty-req-expense").val(); |
||||
let expense_id = null; |
||||
|
||||
let payload = { |
||||
description: desc_req_expense, |
||||
type: "expense", |
||||
fom_date: required_date, |
||||
required_date: required_date, |
||||
proyek_id: proyekId, |
||||
uom: uom, |
||||
qty: formatReplaceTitikRibuan(qty_planning), |
||||
price: formatReplaceTitikRibuan(price) |
||||
} |
||||
$.ajax({ |
||||
data: JSON.stringify(payload), |
||||
url: `${base_url}request-material/add`, |
||||
type: "POST", |
||||
processData: false, |
||||
contentType: false, |
||||
success: function (data) { |
||||
if (data && data.code === 200) { |
||||
material_id = data.data.id; |
||||
resetFormAssignexpense(); |
||||
|
||||
let payloadAssign = { |
||||
proyek_id: proyekId, |
||||
activity_id: activityId, |
||||
material_id : material_id , |
||||
qty_planning: qty_planning, |
||||
plan_date: plan_date, |
||||
type: "expense", |
||||
} |
||||
$.ajax({ |
||||
data: JSON.stringify(payloadAssign), |
||||
url: `${base_url}assign-material/add`, |
||||
type: "POST", |
||||
processData: false, |
||||
contentType: false, |
||||
success: function (data) { |
||||
if (data && data.code === 200) { |
||||
actionHappen = true; |
||||
gantt.alert("Data added!"); |
||||
tableexpense.draw(); |
||||
resetFormAssignexpense(); |
||||
} |
||||
else { |
||||
gantt.alert({ type: "error", text: data.message }); |
||||
$('#btn-assign-expense').html('Assign'); |
||||
$('#btn-assign-expense').prop("disabled", false); |
||||
} |
||||
}, |
||||
error: function (data) { |
||||
gantt.alert("Assign Failed, try again later!"); |
||||
resetFormAssignexpense(); |
||||
} |
||||
}); |
||||
} |
||||
else { |
||||
gantt.alert({ type: "error", text: data.message }); |
||||
$('#btn-assign-expense').html('Assign'); |
||||
$('#btn-assign-expense').prop("disabled", false); |
||||
} |
||||
}, |
||||
error: function (data) { |
||||
gantt.alert("expense Request Failed, try again later!"); |
||||
resetFormAssignexpense(); |
||||
} |
||||
}); |
||||
|
||||
}); |
||||
|
||||
// delete from row
|
||||
$("#table-expense").on("click", ".btn-expense-delete", function () { |
||||
let id = $(this).data('id'); |
||||
var box = gantt.confirm({ |
||||
text: "expense will be deleted from activity, continue?", |
||||
ok: "Delete", |
||||
cancel: "Cancel", |
||||
callback: function (result) { |
||||
if (result) { |
||||
deleteexpenseAssign(id); |
||||
} |
||||
} |
||||
}); |
||||
}); |
||||
}); |
||||
Loading…
Reference in new issue