113 lines
3.6 KiB
JavaScript
Executable File
113 lines
3.6 KiB
JavaScript
Executable File
$.ajaxSetup({
|
|
headers: {
|
|
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
|
|
},
|
|
});
|
|
|
|
var table = $("#kt_table").DataTable({
|
|
processing: true,
|
|
serverSide: true,
|
|
ajax: $("input[name='ajax_url']"),
|
|
columns: [
|
|
{ data: "name", name: "name" },
|
|
{ data: "form", name: "form" },
|
|
{ data: "action", name: "action", orderable: false, searchable: false },
|
|
],
|
|
});
|
|
|
|
$("#addCategory").click(function () {
|
|
$("#categoryModal").modal("show");
|
|
let form_action = $("input[name='store_url']").val();
|
|
$("#categoryForm").attr("action", form_action);
|
|
$("#categoryForm input[name='_method']").remove();
|
|
$("#categoryForm").attr("data-form", "store");
|
|
$("#categoryForm").trigger("reset");
|
|
});
|
|
|
|
function destroyCategory(id) {
|
|
let action = $("#destroyCategory" + id).attr("data-action");
|
|
console.log(action);
|
|
Swal.fire({
|
|
title: "Hapus Kategori?",
|
|
icon: "question",
|
|
text: "Data Pekerjaan yang terkait dengan kategori ini juga akan terhapus!",
|
|
showCancelButton: true,
|
|
confirmButtonColor: "#d33",
|
|
cancelButtonColor: "#dedede",
|
|
confirmButtonText: "Hapus",
|
|
}).then((result) => {
|
|
if (result.value) {
|
|
$.ajax({
|
|
url: action,
|
|
type: "POST",
|
|
data: {
|
|
_token: $('meta[name="csrf-token"]').attr("content"),
|
|
_method: "DELETE",
|
|
},
|
|
success: function (res) {
|
|
Swal.fire("Kategori Dihapus!");
|
|
table.ajax.reload();
|
|
},
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function editCategory(id) {
|
|
let form_action = $("#editCategory" + id).attr("data-action");
|
|
let edit_url = $("#editCategory" + id).attr("data-url");
|
|
$("#categoryModal").modal("show");
|
|
$("#categoryForm").append(
|
|
'<input type="hidden" name="_method" value="PUT">'
|
|
);
|
|
$("#categoryForm").attr("action", form_action);
|
|
$("#categoryForm").attr("data-form", "update");
|
|
$.get(edit_url, function (res) {
|
|
$("#categoryForm input[name='name']").val(res.data.name);
|
|
$("#categoryForm option[value='" + res.data.form + "']").prop(
|
|
"selected",
|
|
true
|
|
);
|
|
});
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
// Add event handlers for modal close buttons
|
|
$('.close, [data-dismiss="modal"]').on("click", function () {
|
|
$("#categoryModal").modal("hide");
|
|
});
|
|
|
|
// Also handle the "Batal" button
|
|
$('.btn-secondary[data-dismiss="modal"]').on("click", function () {
|
|
$("#categoryModal").modal("hide");
|
|
});
|
|
|
|
$("#categoryForm").submit(function (e) {
|
|
e.preventDefault();
|
|
let dataForm = $("#categoryForm").attr("data-form");
|
|
if (dataForm == "store") {
|
|
$.ajax({
|
|
url: $("#categoryForm").attr("action"),
|
|
type: "POST",
|
|
data: $("#categoryForm").serialize(),
|
|
success: function (res) {
|
|
$("#categoryModal").modal("hide");
|
|
$("#categoryForm").trigger("reset");
|
|
table.ajax.reload();
|
|
},
|
|
});
|
|
} else if (dataForm == "update") {
|
|
$.ajax({
|
|
url: $("#categoryForm").attr("action"),
|
|
type: "POST",
|
|
data: $("#categoryForm").serialize(),
|
|
success: function (res) {
|
|
$("#categoryModal").modal("hide");
|
|
$("#categoryForm").trigger("reset");
|
|
table.ajax.reload();
|
|
},
|
|
});
|
|
}
|
|
});
|
|
});
|