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