function renderTree(units, katDok) { if (!Array.isArray(units)) return ''; return ` `; } function index() { fetch('/data-unit-kerja') .then(response => response.json()) .then(data => { let file_tree = document.getElementById("file_tree"); file_tree.innerHTML = ''; if (Array.isArray(data?.data?.unitKerja)) { file_tree.innerHTML = renderTree(data.data.unitKerja, data.data.katDok); // Toggle buka/tutup folder file_tree.querySelectorAll(".folder > span").forEach(span => { span.addEventListener("click", () => { let li = span.parentElement; li.classList.toggle("collapsed"); // Ganti ikon 📂 <-> 📁 if (li.classList.contains("collapsed")) { span.textContent = span.textContent.replace("📂", "📁"); } else { span.textContent = span.textContent.replace("📁", "📂"); } }); }); } else { file_tree.innerHTML = '

Terdapat kesalahan pada server

'; } }) .catch(error => console.error('Error : ', error)); } index(); function addFile(el){ let id_unit_kerja =$(el).data('id_unit_kerja') let nama_unit_kerja =$(el).data('nama_unit_kerja') let id_sub_unit_kerja =$(el).data('id_sub_unit_kerja') let nama_sub_unit_kerja =$(el).data('nama_sub_unit_kerja') let id_kategori =$(el).data('id_kategori') let nama_kategori =$(el).data('nama_kategori') $("#id_unit_kerja").val(id_unit_kerja) $("#id_sub_unit_kerja").val(id_sub_unit_kerja) $("#master_kategori_directory_id").val(id_kategori) $("#confirm_location_file").html(`Unit Kerja : ${nama_unit_kerja} / Sub Unit Kerja : ${nama_sub_unit_kerja} / Kategori : ${nama_kategori}`) new bootstrap.Modal(modalCreate).show(); }