Joko/project_directory
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

progress

Browse Source
This commit is contained in:
Jokoprasetio 2026-01-25 23:49:15 +07:00
parent c7fc112c4f
commit 0d7a1faa44
3 changed files with 187 additions and 183 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/Http/Controllers/masterPersetujuanController.php
View File

@ -4,7 +4,6 @@ namespace App\Http\Controllers;
use App\Models\masterPersetujuan; use App\Models\masterPersetujuan;
use App\Models\masterPersetujuanDetail; use App\Models\masterPersetujuanDetail;
use App\Models\UnitKerja;
use Illuminate\Support\Facades\DB; use Illuminate\Support\Facades\DB;
use Illuminate\Http\Request; use Illuminate\Http\Request;
use Carbon\Carbon; use Carbon\Carbon;

357
public/js/masterPersetujuan/action.js
View File

@ -1,155 +1,176 @@
formCreateMasterPersetujuan.on('submit', function(e){ const csrfToken = document.querySelector('input[name="_token"]')?.value ?? '';
const defaultSuccessMessage = 'Berhasil melakukan aksi!';
let isCreating = false;
let isEditing = false;
const deletingIds = new Set();
function showError(message) {
if (!message) return;
Swal.fire({
icon: 'error',
title: 'Gagal',
text: message,
});
}
function handleModalSuccess(modalElement, message, afterAlert = () => {}) {
const handler = function () {
Swal.fire({
icon: 'success',
title: 'Berhasil',
text: message || defaultSuccessMessage,
timer: 2000,
showConfirmButton: false,
backdrop: true,
});
afterAlert();
modalElement.removeEventListener('hidden.bs.modal', handler);
};
modalElement.addEventListener('hidden.bs.modal', handler);
bootstrap.Modal.getInstance(modalElement)?.hide();
}
formCreateMasterPersetujuan.on('submit', async function (e) {
e.preventDefault(); e.preventDefault();
const form = this; if (isCreating) return; // cegah submit berulang
const formData = new FormData(form); isCreating = true;
try {
const res = await fetch('/master-persetujuan', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': csrfToken,
},
body: new FormData(this),
});
fetch(`/master-persetujuan`, {
method: 'POST',
headers: {
'X-CSRF-TOKEN': document.querySelector('input[name="_token"]').value,
},
body: formData
}).then(async(res) => {
const responseData = await res.json(); const responseData = await res.json();
if (responseData.status) { if (!responseData.status) {
const handler = function () {
Swal.fire({
icon: 'success',
title: 'Berhasil',
text: responseData.message || 'Berhasil melakukan aksi!',
timer: 2000,
showConfirmButton: false,
backdrop: true,
});
$("#col_add_master_persetujuan").html('');
colCount = 1; // reset counter
formCreateMasterPersetujuan.find('select').val(null).trigger('change');
datatableMasterPersetujuan.bootstrapTable('refresh');
modalCreate.removeEventListener('hidden.bs.modal', handler);
};
modalCreate.addEventListener('hidden.bs.modal', handler);
bootstrap.Modal.getInstance(modalCreate).hide();
} else {
throw new Error(responseData.message || 'Terjadi kesalahan saat menyimpan data.'); throw new Error(responseData.message || 'Terjadi kesalahan saat menyimpan data.');
} }
}).catch(err => { handleModalSuccess(modalCreate, responseData.message, () => {
if (err.message) { $('#col_add_master_persetujuan').html('');
Swal.fire({ colCount = 1;
icon: 'error', formCreateMasterPersetujuan.find('select').val(null).trigger('change');
title: 'Gagal', datatableMasterPersetujuan.bootstrapTable('refresh');
text: err.message });
}); } catch (err) {
} showError(err.message);
}); } finally {
isCreating = false;
}
}); });
async function deleteMasterPersetujuan(button) {
const { id, name } = $(button).data();
function deleteAkses(e){ if (deletingIds.has(id)) return; // cegah klik berulang id sama
let id =$(e).data('id')
Swal.fire({ const result = await Swal.fire({
title: "Apakah kamu yakin ingin menghapus data master persetujuan?", title: 'Apakah kamu yakin ingin menghapus data master persetujuan?',
text : $(e).data('name'), text: name,
icon: "warning", icon: 'warning',
showCancelButton: true, showCancelButton: true,
backdrop: true, backdrop: true,
}).then((result) => { });
if(result.isConfirmed){
fetch(`/master-persetujuan/${id}`, { if (!result.isConfirmed) return;
method:'DELETE',
headers: { try {
"X-CSRF-TOKEN": document.querySelector('input[name="_token"]').value, deletingIds.add(id);
"Content-Type": "application/json"
} const response = await fetch(`/master-persetujuan/${id}`, {
}).then((response) => { method: 'DELETE',
if(!response.ok){ headers: {
throw new Error("Network response was not ok"); 'X-CSRF-TOKEN': csrfToken,
} 'Content-Type': 'application/json',
return response.json(); },
}) });
.then((data) => {
if(data.status){ const data = await response.json();
Swal.fire({ if (!data.status) {
title: "Success", throw new Error(data.message || 'Failed to delete Item.');
text: "Data berhasil dihapus",
icon:"success",
showConfirmButton: false,
timer: 1000
}).then(() => {
datatableMasterPersetujuan.bootstrapTable("refresh")
})
}else{
Swal.fire({
title: "Error!",
text: data.message || "Failed to delete Item.",
icon: "error"
});
}
})
.catch(error => {
Swal.fire({
title: "Error!",
text: "Something went wrong. Please try again later.",
icon: "error"
});
});
} }
})
Swal.fire({
title: 'Success',
text: 'Data berhasil dihapus',
icon: 'success',
showConfirmButton: false,
timer: 1000,
}).then(() => datatableMasterPersetujuan.bootstrapTable('refresh'));
} catch (error) {
showError(error.message || 'Something went wrong. Please try again later.');
} finally {
deletingIds.delete(id);
}
} }
async function editMasterPersetujuan(button) {
function editAkses(e){ const data = $(button).data();
const data = $(e).data();
new bootstrap.Modal(modalEdit).show(); new bootstrap.Modal(modalEdit).show();
formEditMasterPersetujuan.attr('action', `/master-persetujuan/${data.id}`) formEditMasterPersetujuan.attr('action', `/master-persetujuan/${data.id}`);
selectOptionPegawaiEdit();
selectOptionUnitKerjaEdit();
resetEditSelections();
selectOptionPegawaiEdit()
selectOptionUnitKerjaEdit()
if (data.pegawai_id) { if (data.pegawai_id) {
setOldSelect2Value('#pegawai_id_edit', data.pegawai_id, data.pegawai_nama); setOldSelect2Value('#pegawai_id_edit', data.pegawai_id, data.pegawai_nama);
} }
fetch(`/master-persetujuan/${data.id}`) try {
.then(async(res) => { const res = await fetch(`/master-persetujuan/${data.id}`);
const responseData = await res.json(); const responseData = await res.json();
if (!responseData.status) {
throw new Error(responseData.message || 'Gagal memuat data akses.'); if (!responseData.status) {
} throw new Error(responseData.message || 'Gagal memuat data akses.');
const detail = responseData.data; }
if (Array.isArray(detail.detail_units)) {
setOldSelect2Values('#unit_akses_edit', detail.detail_units); const detailUnits = responseData.data?.detail_units;
} if (Array.isArray(detailUnits)) {
}) setOldSelect2Values('#unit_akses_edit', detailUnits);
.catch((err) => { }
console.log(err); } catch (err) {
}); console.error(err);
showError(err.message);
}
} }
function resetEditSelections() {
formEditMasterPersetujuan[0]?.reset();
$('#pegawai_id_edit').val(null).trigger('change');
$('#unit_akses_edit').empty().trigger('change');
}
function selectOptionPegawaiEdit() { function selectOptionPegawaiEdit() {
let selectPegawai = $(`#pegawai_id_edit`); const selectPegawai = $('#pegawai_id_edit');
// inisialisasi select2 untuk Unit Kerja if (selectPegawai.data('select2')) return;
selectPegawai.select2({ selectPegawai.select2({
placeholder: '-- Pilih Pegawai --', placeholder: '-- Pilih Pegawai --',
allowClear:true, allowClear: true,
width: '100%', width: '100%',
dropdownParent: selectPegawai.parent(), dropdownParent: selectPegawai.parent(),
ajax:{ ajax: {
url : '/select-pegawai', url: '/select-pegawai',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
data: function(params){ data: function (params) {
return { q: params.term } return { q: params.term };
}, },
processResults: function(data){ processResults: function (data) {
return { return {
results : data?.data.map(item => ({ results: data?.data.map((item) => ({
id: item.id, id: item.id,
text: item.nama, text: item.nama,
})) })),
} };
}, },
cache: true, cache: true,
}, },
@ -158,27 +179,28 @@ function selectOptionPegawaiEdit() {
} }
function selectOptionUnitKerjaEdit() { function selectOptionUnitKerjaEdit() {
let selectUnit = $(`#unit_akses_edit`); const selectUnit = $('#unit_akses_edit');
if (selectUnit.data('select2')) return; if (selectUnit.data('select2')) return;
selectUnit.select2({ selectUnit.select2({
placeholder: '-- Pilih Unit Kerja --', placeholder: '-- Pilih Unit Kerja --',
allowClear:true, allowClear: true,
width: '100%', width: '100%',
dropdownParent: selectUnit.parent(), dropdownParent: selectUnit.parent(),
ajax:{ ajax: {
url : '/select-unit-kerja', url: '/select-unit-kerja',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
data: function(params){ data: function (params) {
return { q: params.term } return { q: params.term };
}, },
processResults: function(data){ processResults: function (data) {
return { return {
results : data?.data.map(item => ({ results: data?.data.map((item) => ({
id: item.id, id: item.id,
text: item.name, text: item.name,
})) })),
} };
}, },
cache: true, cache: true,
}, },
@ -186,68 +208,55 @@ function selectOptionUnitKerjaEdit() {
}); });
} }
function setOldSelect2Value(selector, id, text) { function setOldSelect2Value(selector, id, text) {
if (!id || !text) return; if (!id || !text) return;
let option = new Option(text, id, true, true); const option = new Option(text, id, true, true);
$(selector).append(option).trigger('change') $(selector).append(option).trigger('change');
} }
function setOldSelect2Values(selector, items) { function setOldSelect2Values(selector, items) {
if (!Array.isArray(items) || items.length === 0) return; if (!Array.isArray(items) || items.length === 0) return;
items.forEach(item => {
items.forEach((item) => {
if (!item?.id || !item?.text) return; if (!item?.id || !item?.text) return;
let option = new Option(item.text, item.id, true, true); const option = new Option(item.text, item.id, true, true);
$(selector).append(option); $(selector).append(option);
}); });
$(selector).trigger('change')
$(selector).trigger('change');
} }
formEditMasterPersetujuan.on('submit', async function (e) {
formEditMasterPersetujuan.on('submit', function(e){
e.preventDefault(); e.preventDefault();
const form = this; if (isEditing) return; // cegah submit ganda
const actionUrl = formEditMasterPersetujuan.attr('action'); isEditing = true;
const formData = new FormData(form);
formData.append('_method', 'PUT')
fetch(actionUrl, {
method: 'POST',
headers: {
'X-CSRF-TOKEN': document.querySelector('input[name="_token"]').value,
},
body: formData
}).then(async(res) => {
const responseData = await res.json();
if (responseData.status) { try {
const handler = function () { const actionUrl = formEditMasterPersetujuan.attr('action');
Swal.fire({ const formData = new FormData(this);
icon: 'success', formData.append('_method', 'PUT');
title: 'Berhasil',
text: responseData.message || 'Berhasil melakukan aksi!', const res = await fetch(actionUrl, {
timer: 2000, method: 'POST',
showConfirmButton: false, headers: {
backdrop: true, 'X-CSRF-TOKEN': csrfToken,
}); },
formCreateMasterPersetujuan.find('select').val(null).trigger('change'); body: formData,
datatableMasterPersetujuan.bootstrapTable('refresh'); });
modalEdit.removeEventListener('hidden.bs.modal', handler);
}; const responseData = await res.json();
modalEdit.addEventListener('hidden.bs.modal', handler); if (!responseData.status) {
bootstrap.Modal.getInstance(modalEdit).hide();
} else {
throw new Error(responseData.message || 'Terjadi kesalahan saat menyimpan data.'); throw new Error(responseData.message || 'Terjadi kesalahan saat menyimpan data.');
} }
}).catch(err => { handleModalSuccess(modalEdit, responseData.message, () => {
if (err.message) { formCreateMasterPersetujuan.find('select').val(null).trigger('change');
Swal.fire({ datatableMasterPersetujuan.bootstrapTable('refresh');
icon: 'error', });
title: 'Gagal', } catch (err) {
text: err.message showError(err.message);
}); } finally {
} isEditing = false;
}); }
}); });

12
public/js/masterPersetujuan/dt.js
View File

@ -18,22 +18,18 @@
{ {
title:"Action", title:"Action",
formatter: function(value, row){ formatter: function(value, row){
console.log(row);
let buttons = ''; let buttons = '';
buttons += ` buttons += `
<button class="btn btn-sm btn-danger me-2" onclick="deleteAkses(this)" <button class="btn btn-sm btn-danger me-2" onclick="deleteMasterPersetujuan(this)"
data-id="${row.id}" data-name="${row?.pegawai?.namalengkap}"> data-id="${row.id}" data-name="${row?.pegawai?.namalengkap}">
<i class="fa-solid fa-trash"></i> <i class="fa-solid fa-trash"></i>
</button> </button>
` `
buttons += ` buttons += `
<button class="btn btn-sm btn-primary me-2" onclick="editAkses(this)" <button class="btn btn-sm btn-primary me-2" onclick="editMasterPersetujuan(this)"
data-id="${row.id}" data-id="${row.id}"
data-pegawai_id="${row?.pegawai_id}" data-pegawai_id="${row?.pegawai_id}"
data-pegawai_nama="${row?.pegawai?.namalengkap}" data-pegawai_nama="${row?.pegawai?.namalengkap}">
data-unit_id="${row?.unit_akses}"
data-unit_nama="${row?.akses?.name}">
<i class="fa-solid fa-pencil"></i> <i class="fa-solid fa-pencil"></i>
</button>` </button>`
return ` return `