@@ -222,3 +254,6 @@ function selectOptionUnitKerjaV2(colCount) {
}
});
}
+
+
+
diff --git a/public/js/dashboard/index.js b/public/js/dashboard/index.js
index 28eefdd..a049109 100644
--- a/public/js/dashboard/index.js
+++ b/public/js/dashboard/index.js
@@ -1,57 +1,102 @@
-function renderTree(units, katDok) {
- if (!Array.isArray(units)) return '';
+function renderTree(units, katDok, klasifikasi_id) {
- return `
-
- memuat... ';
+ ul.style.display = 'block';
+
+ try {
+ const r = await fetch(`/getFile/${unitId}/${subId}/${katId}?klasifikasi=${klas}`);
+ const res = await r.json(); // array kosong / ada isi
+ const files = res.data || [];
+ if (!Array.isArray(files) || !files.length) {
+ ul.innerHTML = 'kosong ';
+ ul.setAttribute('data-loaded', '1');
+ return;
+ }
+
+ ul.innerHTML = files.map(f => {
+ const name = f.file.split('/').pop();
+ const by = f.pegawai_nama_entry || 'Unknown';
+ const at = new Date(f.entry_at).toLocaleString('id-ID', {
+ day:'2-digit', month:'short', year:'numeric',
+ hour:'2-digit', minute:'2-digit'
+ });
+
+ return `
+
+
+ `;
+ }).join('');
+
+ ul.setAttribute('data-loaded', '1');
+ } catch (e) {
+ ul.innerHTML = 'gagal memuat ';
+ console.error(e);
+ }
+}
function index(kategori_dok = [], unitKerja = null, subUnitKerja = [], klasifikasi_id = []) {
+
const params = new URLSearchParams();
if (kategori_dok.length) params.append("kategori", kategori_dok);
@@ -66,7 +111,7 @@ function index(kategori_dok = [], unitKerja = null, subUnitKerja = [], klasifika
file_tree.innerHTML = '';
if (Array.isArray(data?.data?.unitKerja)) {
- file_tree.innerHTML = renderTree(data.data.unitKerja, data.data.katDok);
+ file_tree.innerHTML = renderTree(data.data.unitKerja, data.data.katDok, klasifikasi_id);
// Toggle buka/tutup folder
file_tree.querySelectorAll(".folder > span").forEach(span => {
span.addEventListener("click", () => {
diff --git a/resources/views/dashboard/index.blade.php b/resources/views/dashboard/index.blade.php
index ff24951..2bfc1f9 100644
--- a/resources/views/dashboard/index.blade.php
+++ b/resources/views/dashboard/index.blade.php
@@ -66,16 +66,14 @@
-
- ${units.map(el => `
-
-
- 📂 ${el.name}
-
- ${Array.isArray(el.sub_unit_kerja) && el.sub_unit_kerja.length > 0 ? `
-
-
- ${el.sub_unit_kerja.map(sub => `
-
-
- 📂 ${sub.name}
-
- ${Array.isArray(katDok) && katDok.length > 0 ? `
-
-
- ${katDok.map(kat => {
- // filter file sesuai kategori
- const files = (sub.file_directory || []).filter(
- file => file.master_kategori_directory_id === kat.master_kategori_directory_id
- );
-
- if (!files.length) return '';
-
- return `
-
-
- 📂 ${kat.nama_kategori_directory}
-
-
- ${files.map(file => `
-
- - 📄 - ${file.file} - (${file?.klasifikasi?.nama_klasifikasi_directory}) - - - `).join('')} -
- `;
- }).join('')}
-
- `).join('')}
- -
- 📂 ${kat.nama_kategori_directory}
-
- `).join('')}
- -
- 📂 ${sub.name}
-
- ${Array.isArray(katDok) && katDok.length > 0 ? `
-
Tidak ada data
'; + return `-
+ ${units.map(u => `
+
-
+ 📂 ${u.name}
+
-
+ ${u.sub_unit_kerja.map(s => `
+
-
+ 📂 ${s.name}
+
-
+ ${katDok.map(k => `
+
- + + 📂 ${k.nama_kategori_directory} + + + `).join('')} +
`).join('')}
+
`).join('')}
+ -
+ 📂 ${s.name}
+
+ 📄
+ ${name}
+
+ (${f.klasifikasi?.nama_klasifikasi_directory})
+
+
+
+
+ Upload by ${by} · ${at}
+
+
-
-
@@ -114,25 +112,48 @@
-
+
-
+
`;
+ previewBox.innerHTML = `
+
+ `;
} else if (ext === 'pdf') {
- previewBox.innerHTML = ``;
+ previewBox.innerHTML = `
+
+
+ `;
} else {
- previewBox.innerHTML = `
-
+
+
@@ -145,6 +166,8 @@
const klasifikasiDok = @json($klasifikasiDok);
const katDok = @json($katDok);
const allAkses = @json($allAkses);
+ const authUnitKerja = @json(auth()->user()->dataUser?->mappingUnitKerjaPegawai[0]?->unitKerja);
+ const authSubUnitKerja = @json(auth()->user()->dataUser?->mappingUnitKerjaPegawai[0]);
let currentFile = null;
let idDirectory = null;
@@ -152,25 +175,37 @@
if (e.target.matches('.file-link')) {
e.preventDefault();
let fileUrl = e.target.getAttribute('data-file');
+ let fileName = e.target.getAttribute('data-name_file');
+ let upload = e.target.getAttribute('data-upload');
+ let time = e.target.getAttribute('data-time');
+ let klasifikasiView = e.target.getAttribute('data-klasifikasi');
+ $("#confirm-upload-dokumen").html(upload)
+ $("#confirm-time-dokumen").html(time)
+ $("#confirm-upload-klasifikasi").html(klasifikasiView)
currentFile = fileUrl
- idDirectory = e.target.getAttribute('data-id');
+ idDirectory = e.target.getAttribute('data-id');
let ext = fileUrl.split('.').pop().toLowerCase();
- $("#confirm_preview_file").html(fileUrl)
+ $("#confirm_preview_file").html(fileName)
// ubah layout
- document.getElementById('tree-wrapper').classList.remove('col-12');
+ document.getElementById('tree-wrapper').classList.remove('col-md-12');
document.getElementById('tree-wrapper').classList.add('col-md-6');
document.getElementById('preview-wrapper').classList.remove('d-none');
let previewBox = document.getElementById('file-preview');
if (['jpg','jpeg','png','gif','webp'].includes(ext)) {
- previewBox.innerHTML = `
-
- 📄 Preview
- ++ 📄 Preview +
+
-
+
+
+
+
+
-
+
+
+
+
+
+
+ 📂 Pilih file untuk melihat preview
Tidak bisa preview file ini. Silakan download:
- ⬇️ Download - `; + previewBox.innerHTML = ` +Tidak bisa preview file ini. Silakan download:
+ ⬇️ Download + `; } } @@ -243,12 +278,26 @@ }); } + + $("#download-file").off('click').on('click', function(){ + if(currentFile){ + let link = document.createElement('a'); + link.href = 'file/' + currentFile; // alamat file + link.download = currentFile.split('/').pop(); // nama file otomatis + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + }else{ + console.error('error'); + + } + }) }); // tombol close document.getElementById('close-preview').addEventListener('click', function() { document.getElementById('tree-wrapper').classList.remove('col-md-6'); - document.getElementById('tree-wrapper').classList.add('col-12'); + document.getElementById('tree-wrapper').classList.add('col-md-12'); document.getElementById('preview-wrapper').classList.add('d-none'); }); diff --git a/routes/web.php b/routes/web.php index 43bee5b..21ae4a0 100644 --- a/routes/web.php +++ b/routes/web.php @@ -23,7 +23,9 @@ Route::middleware(['auth'])->group(function(){ Route::get('/select-unit-kerja-option', [AksesFileController::class, 'optionUnitKerja']); Route::get('/select-unit-kerja', [DashboardController::class, 'OptionUnitKerja']); + Route::get('/select-sub-unit-kerja/{id}', [DashboardController::class, 'optionSubUnitKerja']); Route::delete('/delete-file/{id}', [DashboardController::class, 'deleteFile']); + Route::get('/getFile/{id_unit_kerja}/{id_sub_unit_kerja}/{master_kategori_directory_id}', [DashboardController::class, 'getFile']); }); Route::get('/login', [AuthController::class, 'index'])->name('login');