+
@@ -140,67 +176,106 @@ document.addEventListener('DOMContentLoaded', () => {
`;
}
+ function buildHistoryRow(item){
+ const tanggal = item.entry_at ? formatTanggal(item.entry_at) : '-';
+ const tanggalExp = item.tgl_expired ? formatTanggal(item.tgl_expired) : '-';
+ const tanggalTerbit = item.tanggal_terbit ? formatTanggal(item.tanggal_terbit) : '-';
+ const actionType = item?.action_type || '-';
+ return `
+
+ | ${safeText(item.no_dokumen)} |
+ ${aksesBadge(item?.permission_file)} |
+ ${safeText(item.nama_dokumen)} |
+ ${safeText(item.folder)} |
+ ${safeText(item.part)} |
+ ${actionType} |
+ ${tanggalTerbit} |
+ ${tanggalExp} |
+ ${tanggal} |
+
+ `;
+ }
+
function renderPagination(totalPages){
+ const activeState = tableState.mode === 'history' ? historyState : tableState;
+ const paginationEl = tableState.mode === 'history' ? paginationHistoryEl : paginationPendingEl;
if (!paginationEl) return;
if (totalPages <= 1) {
paginationEl.innerHTML = '';
return;
}
const maxButtons = 5;
- let start = Math.max(1, tableState.page - Math.floor(maxButtons/2));
+ let start = Math.max(1, activeState.page - Math.floor(maxButtons/2));
let end = Math.min(totalPages, start + maxButtons - 1);
start = Math.max(1, end - maxButtons + 1);
let buttons = '';
- buttons += `
`;
+ buttons += `
`;
for (let i = start; i <= end; i++) {
- buttons += `
`;
+ buttons += `
`;
}
- buttons += `
`;
+ buttons += `
`;
paginationEl.innerHTML = `
${buttons}
-
Halaman ${tableState.page} dari ${totalPages}
+
Halaman ${activeState.page} dari ${totalPages}
`;
}
- if (paginationEl) {
+ function bindPagination(paginationEl, state){
+ if (!paginationEl) return;
paginationEl.addEventListener('click', (e) => {
const page = e.target.getAttribute('data-page');
if (!page) return;
- if (page === 'prev' && tableState.page > 1) tableState.page--;
+ if (page === 'prev' && state.page > 1) state.page--;
else if (page === 'next') {
- if (tableState.page < tableState.lastPage) tableState.page++;
+ if (state.page < state.lastPage) state.page++;
} else {
- tableState.page = parseInt(page);
+ state.page = parseInt(page);
}
fetchData();
});
}
+ bindPagination(paginationPendingEl, tableState);
+ bindPagination(paginationHistoryEl, historyState);
function renderTable(){
- const pageData = tableState.data || [];
+ const isHistoryMode = tableState.mode === 'history';
+ const activeState = isHistoryMode ? historyState : tableState;
+ const pageData = activeState.data || [];
+ const targetBody = isHistoryMode ? tbodyHistory : tbodyPending;
+ const rowBuilder = isHistoryMode ? buildHistoryRow : buildPendingRow;
+ const colSpan = isHistoryMode ? 9 : 12;
+
+ if (!targetBody) return;
+
if (pageData.length === 0) {
- tbody.innerHTML = `
+ targetBody.innerHTML = `
- |
+ |
Tidak ada data
|
`;
} else {
- tbody.innerHTML = pageData.map(buildRow).join('');
+ targetBody.innerHTML = pageData.map(rowBuilder).join('');
}
- const from = tableState.total === 0 ? 0 : ((tableState.page - 1) * tableState.pageSize) + 1;
- const to = Math.min(((tableState.page - 1) * tableState.pageSize) + pageData.length, tableState.total);
+ const from = activeState.total === 0 ? 0 : ((activeState.page - 1) * activeState.pageSize) + 1;
+ const to = Math.min(((activeState.page - 1) * activeState.pageSize) + pageData.length, activeState.total);
if (summaryEl) {
- summaryEl.textContent = tableState.total ? `Menampilkan ${from} - ${to} dari ${tableState.total} data` : 'Tidak ada data';
+ summaryEl.textContent = activeState.total ? `Menampilkan ${from} - ${to} dari ${activeState.total} data` : 'Tidak ada data';
}
- renderPagination(tableState.lastPage || 1);
+ renderPagination(activeState.lastPage || 1);
updateSelectionUI();
}
@@ -208,8 +283,11 @@ document.addEventListener('DOMContentLoaded', () => {
window.debouncedTableSearch = function(value){
clearTimeout(searchDebounce);
searchDebounce = setTimeout(() => {
- tableState.search = value.trim();
+ const keyword = value.trim();
+ tableState.search = keyword;
+ historyState.search = keyword;
tableState.page = 1;
+ historyState.page = 1;
fetchData();
}, 250);
}
@@ -218,29 +296,77 @@ document.addEventListener('DOMContentLoaded', () => {
tableState.search = '';
tableState.startDate = '';
tableState.endDate = '';
- document.getElementById('tableSearch').value = '';
- startDateInput.value = '';
- endDateInput.value = '';
+ historyState.search = '';
+ historyState.startDate = '';
+ historyState.endDate = '';
+ const tableSearch = document.getElementById('tableSearch');
+ if (tableSearch) tableSearch.value = '';
+ if (startDateInput) startDateInput.value = '';
+ if (endDateInput) endDateInput.value = '';
selectedIds.clear();
tableState.page = 1;
+ historyState.page = 1;
fetchData();
}
+ function updateTabUI(){
+ if (tabsEl) {
+ tabsEl.querySelectorAll('.nav-link').forEach((btn) => {
+ btn.classList.toggle('active', btn.getAttribute('data-mode') === tableState.mode);
+ });
+ }
+ if (titleEl) {
+ titleEl.textContent = tableState.mode === 'history' ? 'Log History' : 'Data Pending';
+ }
+ if (tabPendingEl && tabHistoryEl) {
+ tabPendingEl.classList.toggle('d-none', tableState.mode === 'history');
+ tabHistoryEl.classList.toggle('d-none', tableState.mode !== 'history');
+ }
+ if (pendingBulkActionsEl) {
+ pendingBulkActionsEl.classList.toggle('d-none', tableState.mode === 'history');
+ }
+ updateSelectionUI();
+ }
+
+ if (tabsEl) {
+ tabsEl.addEventListener('click', (e) => {
+ const btn = e.target.closest('[data-mode]');
+ if (!btn) return;
+ const mode = btn.getAttribute('data-mode');
+ if (!mode || mode === tableState.mode) return;
+ tableState.mode = mode;
+ if (mode === 'history') {
+ historyState.page = 1;
+ } else {
+ tableState.page = 1;
+ }
+ updateTabUI();
+ fetchData();
+ });
+ }
+
function fetchData(){
if (summaryEl) summaryEl.textContent = 'Memuat data...';
+
+ const activeState = tableState.mode === 'history' ? historyState : tableState;
const params = new URLSearchParams({
- page: tableState.page,
- per_page: tableState.pageSize,
- keyword: tableState.search || '',
- start_date: tableState.startDate || '',
- end_date: tableState.endDate || ''
+ page: activeState.page,
+ per_page: activeState.pageSize,
+ keyword: activeState.search || '',
+ start_date: activeState.startDate || '',
+ end_date: activeState.endDate || ''
});
- fetch(`/datatable/pending-file?${params.toString()}`)
+
+ const endpoint = tableState.mode === 'history'
+ ? `/data/log-dokumen?${params.toString()}`
+ : `/datatable/pending-file?${params.toString()}`;
+
+ fetch(endpoint)
.then(res => res.json())
.then(data => {
- tableState.data = data?.data || [];
- tableState.lastPage = data?.pagination?.last_page || 1;
- tableState.total = data?.pagination?.total || 0;
+ activeState.data = data?.data || [];
+ activeState.lastPage = data?.pagination?.last_page || 1;
+ activeState.total = data?.pagination?.total || 0;
renderTable();
})
.catch(err => {
@@ -278,7 +404,7 @@ document.addEventListener('DOMContentLoaded', () => {
showConfirmButton: false
});
selectedIds.delete(String(id));
- countData()
+ countData();
fetchData();
}).catch((err) => {
Swal.fire({
@@ -335,7 +461,7 @@ document.addEventListener('DOMContentLoaded', () => {
showConfirmButton: false
});
selectedIds.delete(String(id));
- countData()
+ countData();
fetchData();
}).catch((err) => {
Swal.fire({
@@ -346,19 +472,41 @@ document.addEventListener('DOMContentLoaded', () => {
});
});
}
- window.infoReject = function(id, fileName){
- const item = id;
- const revision = item?.revision ? String(item.revision) : 'Tidak ada catatan revisi.';
- Swal.fire({
- title: 'Catatan Revisi',
- text: revision,
- icon: 'info',
- confirmButtonText: 'Tutup'
- });
+
+ window.infoDok = function(e){
+ let fileUrl =$(e).data('file');
+ let noDokumen = $(e).data('no_dokumen');
+ let tanggalTerbit = $(e).data('tanggal_terbit');
+ let permissionFile = $(e).data('permission_file');
+ let fileName = $(e).data('fileName');
+ currentFile = fileUrl;
+ idDirectory = $(e).data('id');
+
+ const titleEl = document.getElementById('confirm_preview_file');
+ if (titleEl) titleEl.textContent = fileName;
+
+ const noEl = document.getElementById('confirm-upload-dokumen');
+ if (noEl) noEl.textContent = noDokumen;
+
+ const tglEl = document.getElementById('confirm-time-dokumen');
+ if (tglEl) tglEl.textContent = tanggalTerbit;
+
+ const permEl = document.getElementById('confirm-permission');
+ if (permEl) {
+ const publicDoc = isPublic(permissionFile);
+ permEl.textContent = publicDoc ? 'Umum' : 'Internal Unit';
+ permEl.className = 'badge ' + (publicDoc ? 'bg-success' : 'bg-secondary');
+ }
+ let previewBox = document.getElementById('file-preview');
+ previewBox.innerHTML = `
`;
+ openPreview(idDirectory);
+ $("#previewModal").modal('show');
}
- if (tbody) {
- tbody.addEventListener('change', (e) => {
+ if (tbodyPending) {
+ tbodyPending.addEventListener('change', (e) => {
const target = e.target;
if (!target.classList.contains('row-select')) return;
const id = target.getAttribute('data-id');
@@ -424,7 +572,7 @@ document.addEventListener('DOMContentLoaded', () => {
timer: 1500,
showConfirmButton: false
});
- countData()
+ countData();
fetchData();
}).catch((err) => {
Swal.fire({
@@ -437,57 +585,51 @@ document.addEventListener('DOMContentLoaded', () => {
});
}
+ updateTabUI();
fetchData();
-
-
});
+
document.addEventListener('click', function(e){
- if(e.target.matches('.file-link')){
+ if(e.target.matches('.file-link')){
+ e.preventDefault();
+ let fileUrl = e.target.getAttribute('data-file');
+ let noDokumen = e.target.getAttribute('data-no_dokumen');
+ let tanggalTerbit = e.target.getAttribute('data-tanggal_terbit');
+ let permissionFile = e.target.getAttribute('data-permission_file');
+ let fileName = e.target.getAttribute('data-fileName');
+ currentFile = fileUrl;
+ idDirectory = e.target.getAttribute('data-id');
- e.preventDefault();
- let fileUrl = e.target.getAttribute('data-file');
- let noDokumen = e.target.getAttribute('data-no_dokumen')
- let tanggalTerbit = e.target.getAttribute('data-tanggal_terbit')
- let permissionFile = e.target.getAttribute('data-permission_file')
- let fileName = e.target.getAttribute('data-fileName')
- currentFile = fileUrl;
- idDirectory = e.target.getAttribute('data-id');
+ const titleEl = document.getElementById('confirm_preview_file');
+ if (titleEl) titleEl.textContent = fileName;
+ const noEl = document.getElementById('confirm-upload-dokumen');
+ if (noEl) noEl.textContent = noDokumen;
- const titleEl = document.getElementById('confirm_preview_file');
- if (titleEl) titleEl.textContent = fileName;
+ const tglEl = document.getElementById('confirm-time-dokumen');
+ if (tglEl) tglEl.textContent = tanggalTerbit;
- // set footer info
- const noEl = document.getElementById('confirm-upload-dokumen');
- if (noEl) noEl.textContent = noDokumen;
-
- const tglEl = document.getElementById('confirm-time-dokumen');
-
- if (tglEl) tglEl.textContent = tanggalTerbit;
-
- const permEl = document.getElementById('confirm-permission');
- if (permEl) {
- const publicDoc = isPublic(permissionFile);
- permEl.textContent = publicDoc ? 'Umum' : 'Internal Unit';
- permEl.className = 'badge ' + (publicDoc ? 'bg-success' : 'bg-secondary');
- }
- let previewBox = document.getElementById('file-preview');
- previewBox.innerHTML = `
- `;
- openPreview(idDirectory);
- $("#previewModal").modal('show')
- }
-
-
- if(e.target.matches('#btn-view-full')){
- window.open(`/full-preview/${idDirectory}`, '_blank');
- }
- })
-
- function isPublic(permissionVal){
- if(permissionVal === null || permissionVal === undefined) return false;
- const val = String(permissionVal).toLowerCase();
- return val === '1' || val === 'true' || val === 'iya' || val === 'yes';
+ const permEl = document.getElementById('confirm-permission');
+ if (permEl) {
+ const publicDoc = isPublic(permissionFile);
+ permEl.textContent = publicDoc ? 'Umum' : 'Internal Unit';
+ permEl.className = 'badge ' + (publicDoc ? 'bg-success' : 'bg-secondary');
}
+ let previewBox = document.getElementById('file-preview');
+ previewBox.innerHTML = `
`;
+ openPreview(idDirectory);
+ $("#previewModal").modal('show');
+ }
+
+ if(e.target.matches('#btn-view-full')){
+ window.open(`/full-preview/${idDirectory}`, '_blank');
+ }
+});
+
+function isPublic(permissionVal){
+ if(permissionVal === null || permissionVal === undefined) return false;
+ const val = String(permissionVal).toLowerCase();
+ return val === '1' || val === 'true' || val === 'iya' || val === 'yes';
+}
diff --git a/public/js/pengajuanFile/index.js b/public/js/pengajuanFile/index.js
index 9a3ce2f..a246db7 100644
--- a/public/js/pengajuanFile/index.js
+++ b/public/js/pengajuanFile/index.js
@@ -1,11 +1,21 @@
document.addEventListener('DOMContentLoaded', () => {
- const tableState = { data: [], page: 1, pageSize: 10, search: '', lastPage: 1, total: 0, startDate: '', endDate: '' };
- const tbody = document.getElementById('tablePengajuanFile');
- const paginationEl = document.getElementById('paginationControls');
+ const tableState = { data: [], page: 1, pageSize: 10, search: '', lastPage: 1, total: 0, startDate: '', endDate: '', mode: 'pengajuan' };
+ const historyState = { data: [], page: 1, pageSize: 10, search: '', lastPage: 1, total: 0, startDate: '', endDate: '', mode: 'history' };
+ const tbodyPengajuan = document.getElementById('tablePengajuanFile');
+ const tbodyHistory = document.getElementById('tableHistoryFile');
+ const paginationPengajuan = document.getElementById('paginationPengajuan');
+ const paginationHistory = document.getElementById('paginationHistory');
const summaryEl = document.getElementById('tableSummary');
const pageSizeSelect = document.getElementById('tablePageSize');
const startDateInput = document.getElementById('startDate');
const endDateInput = document.getElementById('endDate');
+ const tabsEl = document.getElementById('pengajuanTabs');
+ const titleEl = document.getElementById('pengajuanTitle');
+ const tabPengajuanEl = document.getElementById('tabPengajuan');
+ const tabHistoryEl = document.getElementById('tabHistory');
+ const formCreate = document.getElementById('formFile');
+ const modalCreate = document.getElementById('modalCreateFile');
+ let colCount = 1;
const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
const editForm = document.getElementById('formEditPengajuanFile');
const editUnitSelect = $('#edit_id_unit_kerja');
@@ -13,21 +23,31 @@ document.addEventListener('DOMContentLoaded', () => {
if (pageSizeSelect) {
const initialSize = parseInt(pageSizeSelect.value);
- if (!isNaN(initialSize)) tableState.pageSize = initialSize;
+ if (!isNaN(initialSize)) {
+ tableState.pageSize = initialSize;
+ historyState.pageSize = initialSize;
+ }
pageSizeSelect.addEventListener('change', (e) => {
const val = parseInt(e.target.value);
if (!isNaN(val) && val > 0) {
tableState.pageSize = val;
+ historyState.pageSize = val;
tableState.page = 1;
+ historyState.page = 1;
fetchData();
}
});
}
window.applyDateFilter = function(){
- tableState.startDate = startDateInput.value || '';
- tableState.endDate = endDateInput.value || '';
+ const start = startDateInput.value || '';
+ const end = endDateInput.value || '';
+ tableState.startDate = start;
+ tableState.endDate = end;
+ historyState.startDate = start;
+ historyState.endDate = end;
tableState.page = 1;
+ historyState.page = 1;
fetchData();
}
@@ -45,6 +65,10 @@ document.addEventListener('DOMContentLoaded', () => {
let tanggal = item.entry_at ? formatTanggal(item.entry_at) : '-';
let tanggalExp = item.tgl_expired ? formatTanggal(item.tgl_expired) : '-';
let tanggalTerbit = item.tanggal_terbit ? formatTanggal(item.tanggal_terbit) : '-';
+ const isApproved = item?.status_action === 'approved';
+ const isRejected = item?.status_action === 'rejected';
+ const showEdit = !isApproved;
+ const showInfo = isRejected;
const aksi = `
-
-
-
+ ${showInfo ? `
+
+ ` : ''}
+ ${showEdit ? `
+
+ ` : ''}
`;
return `
@@ -71,10 +98,12 @@ document.addEventListener('DOMContentLoaded', () => {
${item.no_dokumen || '-'} |
@@ -96,6 +125,32 @@ document.addEventListener('DOMContentLoaded', () => {
`;
}
+ function buildHistoryRow(item){
+ const tanggal = item.entry_at ? formatTanggal(item.entry_at) : '-';
+ const tanggalExp = item.tgl_expired ? formatTanggal(item.tgl_expired) : '-';
+ const tanggalTerbit = item.tanggal_terbit ? formatTanggal(item.tanggal_terbit) : '-';
+ const actionType = item?.action_type || '-';
+ return `
+ |
+ | ${item.no_dokumen || '-'} |
+ ${aksesBadge(item?.permission_file)} |
+ ${item.nama_dokumen || '-'} |
+ ${item.folder || '-'} |
+ ${item.part || '-'} |
+ ${item.action_type} |
+ ${tanggalTerbit} |
+ ${tanggalExp} |
+ ${tanggal} |
+
+ `;
+ }
+
function aksesBadge(akses){
if (akses){
return '
Umum';
@@ -109,74 +164,87 @@ document.addEventListener('DOMContentLoaded', () => {
}
function renderPagination(totalPages){
+ const activeState = tableState.mode === 'history' ? historyState : tableState;
+ const paginationEl = tableState.mode === 'history' ? paginationHistory : paginationPengajuan;
if (!paginationEl) return;
if (totalPages <= 1) {
paginationEl.innerHTML = '';
return;
}
const maxButtons = 5;
- let start = Math.max(1, tableState.page - Math.floor(maxButtons/2));
+ let start = Math.max(1, activeState.page - Math.floor(maxButtons/2));
let end = Math.min(totalPages, start + maxButtons - 1);
start = Math.max(1, end - maxButtons + 1);
let buttons = '';
- buttons += `
`;
+ buttons += `
`;
for (let i = start; i <= end; i++) {
- buttons += `
`;
+ buttons += `
`;
}
- buttons += `
`;
+ buttons += `
`;
paginationEl.innerHTML = `
${buttons}
-
Halaman ${tableState.page} dari ${totalPages}
+
Halaman ${activeState.page} dari ${totalPages}
`;
}
- if (paginationEl) {
+ function bindPagination(paginationEl, state){
+ if (!paginationEl) return;
paginationEl.addEventListener('click', (e) => {
const page = e.target.getAttribute('data-page');
if (!page) return;
- if (page === 'prev' && tableState.page > 1) tableState.page--;
+ if (page === 'prev' && state.page > 1) state.page--;
else if (page === 'next') {
- if (tableState.page < tableState.lastPage) tableState.page++;
+ if (state.page < state.lastPage) state.page++;
} else {
- tableState.page = parseInt(page);
+ state.page = parseInt(page);
}
fetchData();
});
}
+ bindPagination(paginationPengajuan, tableState);
+ bindPagination(paginationHistory, historyState);
function renderTable(){
- const pageData = tableState.data || [];
+ const isHistoryMode = tableState.mode === 'history';
+ const activeState = isHistoryMode ? historyState : tableState;
+ const pageData = activeState.data || [];
+ const targetBody = isHistoryMode ? tbodyHistory : tbodyPengajuan;
+ const colSpan = isHistoryMode ? 9 : 10;
+ const rowBuilder = isHistoryMode ? buildHistoryRow : buildRow;
if (pageData.length === 0) {
- tbody.innerHTML = `
+ targetBody.innerHTML = `
- |
+ |
Tidak ada data
|
`;
} else {
- tbody.innerHTML = pageData.map(buildRow).join('');
+ targetBody.innerHTML = pageData.map(rowBuilder).join('');
}
- const from = tableState.total === 0 ? 0 : ((tableState.page - 1) * tableState.pageSize) + 1;
- const to = Math.min(((tableState.page - 1) * tableState.pageSize) + pageData.length, tableState.total);
+ const from = activeState.total === 0 ? 0 : ((activeState.page - 1) * activeState.pageSize) + 1;
+ const to = Math.min(((activeState.page - 1) * activeState.pageSize) + pageData.length, activeState.total);
if (summaryEl) {
- summaryEl.textContent = tableState.total ? `Menampilkan ${from} - ${to} dari ${tableState.total} data` : 'Tidak ada data';
+ summaryEl.textContent = activeState.total ? `Menampilkan ${from} - ${to} dari ${activeState.total} data` : 'Tidak ada data';
}
- renderPagination(tableState.lastPage || 1);
+ renderPagination(activeState.lastPage || 1);
}
let searchDebounce;
window.debouncedTableSearch = function(value){
clearTimeout(searchDebounce);
searchDebounce = setTimeout(() => {
- tableState.search = value.trim();
+ const keyword = value.trim();
+ tableState.search = keyword;
+ historyState.search = keyword;
tableState.page = 1;
+ historyState.page = 1;
fetchData();
}, 250);
}
@@ -185,28 +253,64 @@ document.addEventListener('DOMContentLoaded', () => {
tableState.search = '';
tableState.startDate = '';
tableState.endDate = '';
+ historyState.search = '';
+ historyState.startDate = '';
+ historyState.endDate = '';
document.getElementById('tableSearch').value = '';
startDateInput.value = '';
endDateInput.value = '';
tableState.page = 1;
+ historyState.page = 1;
fetchData();
}
+ function updateTabUI(){
+ if (tabsEl) {
+ tabsEl.querySelectorAll('.nav-link').forEach((btn) => {
+ btn.classList.toggle('active', btn.getAttribute('data-mode') === tableState.mode);
+ });
+ }
+ if (titleEl) {
+ titleEl.textContent = tableState.mode === 'history' ? 'Log History' : 'Data Pengajuan';
+ }
+ if (tabPengajuanEl && tabHistoryEl) {
+ tabPengajuanEl.classList.toggle('d-none', tableState.mode === 'history');
+ tabHistoryEl.classList.toggle('d-none', tableState.mode !== 'history');
+ }
+ }
+
+ if (tabsEl) {
+ tabsEl.addEventListener('click', (e) => {
+ const btn = e.target.closest('[data-mode]');
+ if (!btn) return;
+ const mode = btn.getAttribute('data-mode');
+ if (!mode || mode === tableState.mode) return;
+ tableState.mode = mode;
+ tableState.page = 1;
+ updateTabUI();
+ fetchData();
+ });
+ }
+
function fetchData(){
if (summaryEl) summaryEl.textContent = 'Memuat data...';
+ const activeState = tableState.mode === 'history' ? historyState : tableState;
const params = new URLSearchParams({
- page: tableState.page,
- per_page: tableState.pageSize,
- keyword: tableState.search || '',
- start_date: tableState.startDate || '',
- end_date: tableState.endDate || ''
+ page: activeState.page,
+ per_page: activeState.pageSize,
+ keyword: activeState.search || '',
+ start_date: activeState.startDate || '',
+ end_date: activeState.endDate || ''
});
- fetch(`/datatable/pengajuan-file?${params.toString()}`)
+ const endpoint = tableState.mode === 'history'
+ ? `/data/log-dokumen?${params.toString()}`
+ : `/datatable/pengajuan-file?${params.toString()}`;
+ fetch(endpoint)
.then(res => res.json())
.then(data => {
- tableState.data = data?.data || [];
- tableState.lastPage = data?.pagination?.last_page || 1;
- tableState.total = data?.pagination?.total || 0;
+ activeState.data = data?.data || [];
+ activeState.lastPage = data?.pagination?.last_page || 1;
+ activeState.total = data?.pagination?.total || 0;
renderTable();
})
.catch(err => {
@@ -339,7 +443,6 @@ document.addEventListener('DOMContentLoaded', () => {
const tglEl = document.getElementById('edit_tanggal_terbit');
const tglExpiredEl = document.getElementById('edit_tgl_expired');
const hasExpiredEl = document.getElementById('edit_has_expired');
- const expiredFieldEl = document.getElementById('edit_expired_field');
const currentFileEl = document.getElementById('edit_current_file');
const permYes = document.getElementById('edit_perm_yes');
const permNo = document.getElementById('edit_perm_no');
@@ -355,10 +458,10 @@ document.addEventListener('DOMContentLoaded', () => {
permYes.checked = isPublic;
permNo.checked = !isPublic;
}
- if (hasExpiredEl && expiredFieldEl) {
+ if (hasExpiredEl && tglExpiredEl) {
const hasExpired = !!item.tgl_expired;
hasExpiredEl.checked = hasExpired;
- expiredFieldEl.classList.toggle('d-none', !hasExpired);
+ syncEditExpiredField();
}
if (currentFileEl) {
const displayName = item.fileName || (item.file ? String(item.file).split('/').pop() : '');
@@ -393,19 +496,19 @@ document.addEventListener('DOMContentLoaded', () => {
}
}
+ function syncEditExpiredField() {
+ const editHasExpired = document.getElementById('edit_has_expired');
+ const editExpiredInput = document.getElementById('edit_tgl_expired');
+ if (!editHasExpired || !editExpiredInput) return;
+ editExpiredInput.disabled = !editHasExpired.checked;
+ if (!editHasExpired.checked) {
+ editExpiredInput.value = '';
+ }
+ }
+
const editHasExpired = document.getElementById('edit_has_expired');
if (editHasExpired) {
- editHasExpired.addEventListener('change', () => {
- const targetId = editHasExpired.getAttribute('data-target');
- const container = targetId ? document.getElementById(targetId) : null;
- if (container) {
- container.classList.toggle('d-none', !editHasExpired.checked);
- if (!editHasExpired.checked) {
- const input = container.querySelector('input[type="date"]');
- if (input) input.value = '';
- }
- }
- });
+ editHasExpired.addEventListener('change', syncEditExpiredField);
}
if (editForm) {
@@ -449,7 +552,270 @@ document.addEventListener('DOMContentLoaded', () => {
}
initEditSelects();
+ updateTabUI();
fetchData();
+
+ // ===== Upload baru (seperti dataUnit) =====
+ document.addEventListener('change', function(e){
+ if(!e.target.classList.contains('toggle-expired')) return;
+ const targetId = e.target.getAttribute('data-target');
+ if(!targetId) return;
+ const fieldWrap = document.getElementById(targetId);
+ const input = fieldWrap?.querySelector('input');
+ if (input) input.disabled = !e.target.checked;
+ });
+
+ function resetCreateForm(){
+ colCount = 1;
+ const colAdd = document.getElementById('col_add_fileV2');
+ if (colAdd) colAdd.innerHTML = '';
+ if (formCreate) {
+ formCreate.reset();
+ $(formCreate).find('select').val(null).trigger('change');
+ $(formCreate).find('input[type="file"]').val('');
+ $(formCreate).find('.file-name').addClass('d-none').text('');
+ }
+ }
+
+ function selectOptionUnitKerjaV1(localCol){
+ const selectUnit = $(`#select_id_unit_kerja_${localCol}`);
+ const selectSubUnit = $(`#select_id_sub_unit_kerja_${localCol}`);
+
+ selectUnit.select2({
+ placeholder: '-- Pilih Unit Kerja --',
+ allowClear:true,
+ width: '100%',
+ dropdownParent: selectUnit.parent(),
+ ajax:{
+ url : '/select-unit-kerja-mapping',
+ dataType: 'json',
+ delay: 250,
+ data: function(params){
+ return { q: params.term }
+ },
+ processResults: function(data){
+ return {
+ results : (data?.data || []).map(item => ({
+ id: item.id+'/'+item.name,
+ text: item.name,
+ sub_units: item.sub_unit_kerja
+ }))
+ }
+ },
+ cache: true,
+ },
+ minimumInputLength: 0,
+ });
+
+ selectSubUnit.select2({
+ placeholder: '-- Pilih Sub Unit Kerja --',
+ allowClear: true,
+ width: '100%',
+ dropdownParent: selectSubUnit.parent()
+ });
+
+ selectUnit.on('select2:select', function (e) {
+ const data = e.params.data;
+ selectSubUnit.empty().append('
');
+ if (data.sub_units && data.sub_units.length > 0) {
+ data.sub_units.forEach(sub => {
+ selectSubUnit.append(`
`);
+ });
+ }
+ });
+ }
+
+ window.addFormV2 = function(){
+ const col = document.getElementById('col_add_fileV2');
+ if (!col) return;
+ const katDok = Array.isArray(window.katDok) ? window.katDok : [];
+ const katOptions = katDok.map(k => `
`).join('');
+
+ let html = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ #
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Format yang didukung: PDF.
+
+
`;
+ col.insertAdjacentHTML('beforeend', html);
+ selectOptionUnitKerjaV1(colCount);
+ colCount++;
+ }
+
+ window.removeCol = function(count){
+ const el = document.getElementById(`col-${count}`);
+ if (el) el.remove();
+ }
+
+ if (formCreate) {
+ const select0 = $('#select_id_unit_kerja_0');
+ if (select0.length) selectOptionUnitKerjaV1(0);
+
+ formCreate.addEventListener('submit', (e) => {
+ e.preventDefault();
+ const submitBtn = formCreate.querySelector('button[type="submit"]');
+ if (submitBtn) submitBtn.disabled = true;
+ if (submitBtn) submitBtn.textContent = 'menyimpan...';
+ const formData = new FormData(formCreate);
+
+ fetch(`/uploadv2`, {
+ 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){
+ Swal.fire({
+ icon: 'success',
+ title: 'Berhasil',
+ text: responseData.message || 'Data berhasil disimpan.',
+ timer: 1500,
+ showConfirmButton: false
+ });
+ const modalInstance = bootstrap.Modal.getInstance(modalCreate);
+ modalInstance?.hide();
+ resetCreateForm();
+ fetchData();
+ if(responseData.status_action === null || responseData.status_action === undefined){
+ Swal.fire({
+ icon: 'info',
+ title: 'Perlu Persetujuan',
+ text: 'Dokumen yang Anda upload butuh persetujuan dari atasan.',
+ confirmButtonText: 'Tutup'
+ });
+ }
+ } else {
+ throw new Error(responseData.message || 'Terjadi kesalahan saat menyimpan data.');
+ }
+ }).catch(err => {
+ Swal.fire({
+ icon: 'error',
+ title: 'Gagal',
+ text: err.message || 'Terjadi kesalahan.'
+ });
+ }).finally(() => {
+ if (submitBtn) submitBtn.disabled = false;
+ if (submitBtn) submitBtn.textContent = 'Simpan';
+ });
+ });
+ }
});
document.addEventListener('click', function(e){
if(e.target.matches('.file-link')){
diff --git a/resources/views/dashboard/index.blade.php b/resources/views/dashboard/index.blade.php
index 93b798c..cccb179 100644
--- a/resources/views/dashboard/index.blade.php
+++ b/resources/views/dashboard/index.blade.php
@@ -114,7 +114,7 @@
diff --git a/resources/views/dataUmum/modal/create.blade.php b/resources/views/dataUmum/modal/create.blade.php
index 6a8d705..7ff649f 100644
--- a/resources/views/dataUmum/modal/create.blade.php
+++ b/resources/views/dataUmum/modal/create.blade.php
@@ -64,7 +64,7 @@