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;

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

@ -1,155 +1,176 @@
formCreateMasterPersetujuan.on('submit', function(e){ const csrfToken = document.querySelector('input[name="_token"]')?.value ?? '';
e.preventDefault(); const defaultSuccessMessage = 'Berhasil melakukan aksi!';
const form = this; let isCreating = false;
const formData = new FormData(form); let isEditing = false;
const deletingIds = new Set();
fetch(`/master-persetujuan`, { function showError(message) {
method: 'POST', if (!message) return;
headers: { Swal.fire({
'X-CSRF-TOKEN': document.querySelector('input[name="_token"]').value, icon: 'error',
}, title: 'Gagal',
body: formData text: message,
}).then(async(res) => { });
const responseData = await res.json(); }
if (responseData.status) {
function handleModalSuccess(modalElement, message, afterAlert = () => {}) {
const handler = function () { const handler = function () {
Swal.fire({ Swal.fire({
icon: 'success', icon: 'success',
title: 'Berhasil', title: 'Berhasil',
text: responseData.message || 'Berhasil melakukan aksi!', text: message || defaultSuccessMessage,
timer: 2000, timer: 2000,
showConfirmButton: false, showConfirmButton: false,
backdrop: true, backdrop: true,
}); });
$("#col_add_master_persetujuan").html(''); afterAlert();
colCount = 1; // reset counter modalElement.removeEventListener('hidden.bs.modal', handler);
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(); modalElement.addEventListener('hidden.bs.modal', handler);
} else { bootstrap.Modal.getInstance(modalElement)?.hide();
}
formCreateMasterPersetujuan.on('submit', async function (e) {
e.preventDefault();
if (isCreating) return; // cegah submit berulang
isCreating = true;
try {
const res = await fetch('/master-persetujuan', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': csrfToken,
},
body: new FormData(this),
});
const responseData = await res.json();
if (!responseData.status) {
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',
try {
deletingIds.add(id);
const response = await fetch(`/master-persetujuan/${id}`, {
method: 'DELETE',
headers: { headers: {
"X-CSRF-TOKEN": document.querySelector('input[name="_token"]').value, 'X-CSRF-TOKEN': csrfToken,
"Content-Type": "application/json" 'Content-Type': 'application/json',
},
});
const data = await response.json();
if (!data.status) {
throw new Error(data.message || 'Failed to delete Item.');
} }
}).then((response) => {
if(!response.ok){
throw new Error("Network response was not ok");
}
return response.json();
})
.then((data) => {
if(data.status){
Swal.fire({ Swal.fire({
title: "Success", title: 'Success',
text: "Data berhasil dihapus", text: 'Data berhasil dihapus',
icon:"success", icon: 'success',
showConfirmButton: false, showConfirmButton: false,
timer: 1000 timer: 1000,
}).then(() => { }).then(() => datatableMasterPersetujuan.bootstrapTable('refresh'));
datatableMasterPersetujuan.bootstrapTable("refresh") } catch (error) {
}) showError(error.message || 'Something went wrong. Please try again later.');
}else{ } finally {
Swal.fire({ deletingIds.delete(id);
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"
});
});
}
})
} }
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) { if (!responseData.status) {
throw new Error(responseData.message || 'Gagal memuat data akses.'); throw new Error(responseData.message || 'Gagal memuat data akses.');
} }
const detail = responseData.data;
if (Array.isArray(detail.detail_units)) { const detailUnits = responseData.data?.detail_units;
setOldSelect2Values('#unit_akses_edit', detail.detail_units); if (Array.isArray(detailUnits)) {
setOldSelect2Values('#unit_akses_edit', detailUnits);
}
} catch (err) {
console.error(err);
showError(err.message);
} }
})
.catch((err) => {
console.log(err);
});
} }
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
isEditing = true;
try {
const actionUrl = formEditMasterPersetujuan.attr('action'); const actionUrl = formEditMasterPersetujuan.attr('action');
const formData = new FormData(form); const formData = new FormData(this);
formData.append('_method', 'PUT') formData.append('_method', 'PUT');
fetch(actionUrl, {
const res = await fetch(actionUrl, {
method: 'POST', method: 'POST',
headers: { headers: {
'X-CSRF-TOKEN': document.querySelector('input[name="_token"]').value, 'X-CSRF-TOKEN': csrfToken,
}, },
body: formData body: formData,
}).then(async(res) => {
const responseData = await res.json();
if (responseData.status) {
const handler = function () {
Swal.fire({
icon: 'success',
title: 'Berhasil',
text: responseData.message || 'Berhasil melakukan aksi!',
timer: 2000,
showConfirmButton: false,
backdrop: true,
}); });
formCreateMasterPersetujuan.find('select').val(null).trigger('change');
datatableMasterPersetujuan.bootstrapTable('refresh'); const responseData = await res.json();
modalEdit.removeEventListener('hidden.bs.modal', handler); if (!responseData.status) {
};
modalEdit.addEventListener('hidden.bs.modal', handler);
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',
text: err.message
}); });
} catch (err) {
showError(err.message);
} finally {
isEditing = false;
} }
});
}); });

10
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 `