partial update close modal on all page and disable create transaction with no stock

This commit is contained in:
2025-06-25 14:01:21 +07:00
parent c3233ea6b2
commit e96ca0a83c
15 changed files with 693 additions and 572 deletions

View File

@@ -1,105 +1,125 @@
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
});
var table = $('#kt_table').DataTable({
var table = $("#kt_table").DataTable({
processing: true,
serverSide: true,
ajax: $("input[name='ajax_url']").val(),
columns: [
{data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false},
{data: 'dealer_name', name: 'd.name'},
{data: 'role_name', name: 'r.name'},
{data: 'name', name: 'users.name'},
{data: 'email', name: 'users.email'},
{data: 'action', name: 'action', orderable: false, searchable: false},
]
{
data: "DT_RowIndex",
name: "DT_RowIndex",
orderable: false,
searchable: false,
},
{ data: "dealer_name", name: "d.name" },
{ data: "role_name", name: "r.name" },
{ data: "name", name: "users.name" },
{ data: "email", name: "users.email" },
{ data: "action", name: "action", orderable: false, searchable: false },
],
});
$("#addUser").click(function() {
$("#userModal").modal("show")
let form_action = $("input[name='store_url']").val()
$("#userForm").attr('action', form_action)
$("#userForm input[name='_method']").remove()
$("#userForm").attr('data-form', 'store')
$("#userForm").trigger("reset")
$("#modalHeading").html("Tambah Pengguna")
})
$("#addUser").click(function () {
$("#userModal").modal("show");
let form_action = $("input[name='store_url']").val();
$("#userForm").attr("action", form_action);
$("#userForm input[name='_method']").remove();
$("#userForm").attr("data-form", "store");
$("#userForm").trigger("reset");
$("#modalHeading").html("Tambah Pengguna");
});
function destroyUser(id) {
let action = $("#destroyUser"+id).attr("data-action")
let action = $("#destroyUser" + id).attr("data-action");
Swal.fire({
title: 'Hapus User?',
title: "Hapus User?",
icon: "warning",
text: "Semua data yang terkait dengan Pengguna ini juga akan terhapus!",
showCancelButton: true,
confirmButtonColor: '#d33',
cancelButtonColor: '#dedede',
confirmButtonText: 'Hapus'
confirmButtonColor: "#d33",
cancelButtonColor: "#dedede",
confirmButtonText: "Hapus",
}).then((result) => {
if (result.value) {
$.ajax({
url: action,
type: 'POST',
type: "POST",
data: {
_token: $('meta[name="csrf-token"]').attr('content'),
_method: 'DELETE'
_token: $('meta[name="csrf-token"]').attr("content"),
_method: "DELETE",
},
success: function(res) {
Swal.fire(
'Pengguna Dihapus!'
)
table.ajax.reload()
}
})
success: function (res) {
Swal.fire("Pengguna Dihapus!");
table.ajax.reload();
},
});
}
})
});
}
function editUser(id) {
let form_action = $("#editUser"+id).attr("data-action")
let edit_url = $("#editUser"+id).attr("data-url")
$("#userModal").modal("show")
$("#userForm").append('<input type="hidden" name="_method" value="PUT">')
$("#userForm").attr('action', form_action)
$("#userForm").attr('data-form', 'update')
$.get(edit_url, function(res) {
$("#userForm input[name='name']").val(res.data.name)
$("#userForm input[name='email']").val(res.data.email)
$("#userForm select[name='dealer_id'] option[value='"+ res.data.dealer_id +"']").prop('selected', true);
$("#userForm select[name='role'] option[value='"+ res.data.role_id +"']").prop('selected', true);
})
let form_action = $("#editUser" + id).attr("data-action");
let edit_url = $("#editUser" + id).attr("data-url");
$("#userModal").modal("show");
$("#userForm").append('<input type="hidden" name="_method" value="PUT">');
$("#userForm").attr("action", form_action);
$("#userForm").attr("data-form", "update");
$.get(edit_url, function (res) {
$("#userForm input[name='name']").val(res.data.name);
$("#userForm input[name='email']").val(res.data.email);
$(
"#userForm select[name='dealer_id'] option[value='" +
res.data.dealer_id +
"']"
).prop("selected", true);
$(
"#userForm select[name='role'] option[value='" +
res.data.role_id +
"']"
).prop("selected", true);
});
}
$(document).ready(function () {
$("#userForm").submit(function(e) {
e.preventDefault();
let dataForm = $("#userForm").attr('data-form')
if(dataForm == 'store') {
$.ajax({
url: $('#userForm').attr("action"),
type: 'POST',
data: $('#userForm').serialize(),
success: function(res) {
$("#userModal").modal("hide")
$('#userForm').trigger("reset")
table.ajax.reload()
}
})
}else if(dataForm == 'update') {
$.ajax({
url: $('#userForm').attr("action"),
type: 'POST',
data: $('#userForm').serialize(),
success: function(res) {
$("#userModal").modal("hide")
$('#userForm').trigger("reset")
table.ajax.reload()
}
})
}
})
// Add event handlers for modal close buttons
$('.close, [data-dismiss="modal"]').on("click", function () {
$("#userModal").modal("hide");
});
});
// Also handle the "Batal" button
$('.btn-secondary[data-dismiss="modal"]').on("click", function () {
$("#userModal").modal("hide");
});
$("#userForm").submit(function (e) {
e.preventDefault();
let dataForm = $("#userForm").attr("data-form");
if (dataForm == "store") {
$.ajax({
url: $("#userForm").attr("action"),
type: "POST",
data: $("#userForm").serialize(),
success: function (res) {
$("#userModal").modal("hide");
$("#userForm").trigger("reset");
table.ajax.reload();
},
});
} else if (dataForm == "update") {
$.ajax({
url: $("#userForm").attr("action"),
type: "POST",
data: $("#userForm").serialize(),
success: function (res) {
$("#userModal").modal("hide");
$("#userForm").trigger("reset");
table.ajax.reload();
},
});
}
});
});