done file directory next -> testing
This commit is contained in:
parent
ad95a9fd99
commit
ed5695b791
1
.gitignore
vendored
1
.gitignore
vendored
@ -22,3 +22,4 @@
|
||||
Homestead.json
|
||||
Homestead.yaml
|
||||
Thumbs.db
|
||||
/public/file
|
||||
|
||||
@ -12,6 +12,7 @@ use Illuminate\Http\Request;
|
||||
use Illuminate\Support\Facades\DB;
|
||||
use Illuminate\Support\Facades\Storage;
|
||||
use Illuminate\Support\Str;
|
||||
use ZipArchive;
|
||||
|
||||
use function PHPUnit\Framework\isEmpty;
|
||||
|
||||
@ -38,41 +39,80 @@ class DashboardController extends Controller
|
||||
}
|
||||
|
||||
public function dataUnitKerja(){
|
||||
$authMapping = auth()->user()?->dataUser?->mappingUnitKerjaPegawai[0];
|
||||
$authUnitKerja = $authMapping->objectunitkerjapegawaifk;
|
||||
$authSubUnitKerja = $authMapping->objectsubunitkerjapegawaifk;
|
||||
$user = auth()->user()?->dataUser;
|
||||
$akses = AksesFile::where(['pegawai_id' => $user->id, 'statusenabled' => true])->first();
|
||||
|
||||
$kategori = request('kategori');
|
||||
$filterUnit = request('unitKerja');
|
||||
$subUnit = request('subUnit');
|
||||
$klasifikasi = request('klasifikasi');
|
||||
if($kategori && $filterUnit && $subUnit && $klasifikasi){
|
||||
$katArray = explode(',', $kategori);
|
||||
$katArray = explode(',', $kategori);
|
||||
$subArray = explode(',', $subUnit);
|
||||
$klaArray = explode(',', $klasifikasi);
|
||||
$keyword = request('keyword');
|
||||
$subArray = $subUnit ? explode(',', $subUnit) : [];
|
||||
$katArray = $kategori ? explode(',', $kategori) : [];
|
||||
$klaArray = $klasifikasi ? explode(',', $klasifikasi) : [];
|
||||
$katDok = MasterKategori::when($katArray, fn($q) => $q->whereIn('master_kategori_directory_id', $katArray))->where('statusenabled', true)->select('master_kategori_directory_id', 'nama_kategori_directory')->get();
|
||||
|
||||
if ($katArray && $filterUnit && $subArray && $klaArray) {
|
||||
/* mode pencarian lengkap */
|
||||
$unitKerja = UnitKerja::where('statusenabled', true)
|
||||
->where('id', $filterUnit)
|
||||
->with(['subUnitKerja' => function ($query) use ($katArray, $filterUnit, $subArray, $klaArray) {
|
||||
$query->whereIn('id', $subArray)
|
||||
->with(['fileDirectory' => function ($q) use ($katArray, $filterUnit, $subArray, $klaArray) {
|
||||
$q->when($filterUnit, function ($subQ) use ($filterUnit) {
|
||||
$subQ->where('id_unit_kerja', $filterUnit);
|
||||
})->when(!empty($subArray), function ($subQ) use ($subArray) {
|
||||
$subQ->whereIn('id_sub_unit_kerja', $subArray);
|
||||
})->when(!empty($katArray), function ($subQ) use ($katArray) {
|
||||
$subQ->whereIn('master_kategori_directory_id', $katArray);
|
||||
})->when(!empty($klaArray), function ($subQ) use ($klaArray) {
|
||||
$subQ->whereIn('master_klasifikasi_directory_id', $klaArray);
|
||||
});
|
||||
}]);
|
||||
}])
|
||||
->with(['subUnitKerja' => fn($q) => $q->whereIn('id', $subArray)
|
||||
->with(['fileDirectory' => fn($q) => $q
|
||||
->where('id_unit_kerja', $filterUnit)
|
||||
->when($subArray, fn($q) => $q->whereIn('id_sub_unit_kerja', $subArray))
|
||||
->when($katArray, fn($q) => $q->whereIn('master_kategori_directory_id', $katArray))
|
||||
->when($klaArray, fn($q) => $q->whereIn('master_klasifikasi_directory_id', $klaArray))
|
||||
->when($keyword, fn($q) => $q->where('file', 'ilike', "%{$keyword}%")->orWhere('pegawai_nama_entry', 'ilike', "%{$keyword}%"))
|
||||
])
|
||||
])
|
||||
->select('id', 'name')
|
||||
->get();
|
||||
$katDok = MasterKategori::where('statusenabled', true)->whereIn('master_kategori_directory_id', $katArray)->select('master_kategori_directory_id', 'nama_kategori_directory')->get();
|
||||
}else{
|
||||
$katDok = MasterKategori::where('statusenabled', true)->select('master_kategori_directory_id', 'nama_kategori_directory')->get();
|
||||
}
|
||||
|
||||
} elseif ($akses?->all_akses) {
|
||||
/* all akses */
|
||||
$unitKerja = UnitKerja::where('statusenabled', true)->with([ // muat relasi
|
||||
'subUnitKerja' => fn($q) => $q->with([ // sub-unit
|
||||
'fileDirectory' => fn($f) => $f->when($keyword, fn($q) =>
|
||||
$q->where('file', 'ilike', "%{$keyword}%")
|
||||
->orWhere('pegawai_nama_entry', 'ilike', "%{$keyword}%")
|
||||
)
|
||||
])
|
||||
])
|
||||
->select('id', 'name')
|
||||
->get();
|
||||
|
||||
} elseif ($akses?->unit_akses) {
|
||||
/* akses per unit */
|
||||
$unitKerja = UnitKerja::where(['statusenabled' => true, 'id' => $akses->unit_akses])
|
||||
->with([ // muat relasi
|
||||
'subUnitKerja' => fn($q) => $q->with([ // sub-unit
|
||||
'fileDirectory' => fn($f) => $f->when($keyword, fn($q) =>
|
||||
$q->where('file', 'ilike', "%{$keyword}%")
|
||||
->orWhere('pegawai_nama_entry', 'ilike', "%{$keyword}%")
|
||||
)
|
||||
])
|
||||
])
|
||||
->select('id', 'name')
|
||||
->get();
|
||||
|
||||
} else {
|
||||
/* default : unit & sub milik sendiri */
|
||||
$authUnit = $user?->mappingUnitKerjaPegawai[0]?->objectunitkerjapegawaifk;
|
||||
$authSub = $user?->mappingUnitKerjaPegawai[0]?->objectsubunitkerjapegawaifk;
|
||||
|
||||
$unitKerja = UnitKerja::where('statusenabled', true)
|
||||
->where('id', $authUnit)
|
||||
->with([ // 1. sub-unit milik user
|
||||
'subUnitKerja' => fn($q) => $q->where('id', $authSub)
|
||||
->with([ // 2. file-directory + filter keyword
|
||||
'fileDirectory' => fn($f) => $f->when($keyword, fn($q) =>
|
||||
$q->where('file', 'like', "%{$keyword}%")->orWhere('pegawai_nama_entry', 'ilike', "%{$keyword}%")
|
||||
)
|
||||
])
|
||||
])
|
||||
->select('id', 'name')
|
||||
->get();
|
||||
}
|
||||
|
||||
$data = [
|
||||
'unitKerja' => $unitKerja ?? null,
|
||||
@ -210,4 +250,87 @@ class DashboardController extends Controller
|
||||
'status' => true,
|
||||
]);
|
||||
}
|
||||
|
||||
public function downloadDataMultiple(){
|
||||
try {
|
||||
$rows = request('ids', []); // [[unit_id=>u, sub_unit_id=>s], ...]
|
||||
if (empty($rows)) {
|
||||
return response()->json(['message' => 'Tidak ada data'], 422);
|
||||
}
|
||||
$paths = [];
|
||||
foreach ($rows as $r) {
|
||||
if(!empty($r['sub_unit_id'])){
|
||||
$files = FileDirectory::where('id_sub_unit_kerja', $r['sub_unit_id'])->where('statusenabled', true)->pluck('file');
|
||||
|
||||
$paths = array_merge($paths, $files->toArray());
|
||||
}
|
||||
}
|
||||
$paths = array_unique($paths);
|
||||
|
||||
if (empty($paths)) {
|
||||
return response()->json(['message' => 'File tidak ditemukan'], 404);
|
||||
}
|
||||
|
||||
$zipName = 'files_' . time() . '.zip';
|
||||
$zipPath = public_path('zip/' . $zipName);
|
||||
$zip = new ZipArchive;
|
||||
if($zip->open($zipPath, ZipArchive::CREATE) === TRUE){
|
||||
foreach ($paths as $path) {
|
||||
$fullPath = public_path('file/' . $path);
|
||||
if(file_exists($fullPath)){
|
||||
$relativePathInZip = $path;
|
||||
$zip->addFile($fullPath, $relativePathInZip);
|
||||
}else{
|
||||
throw new \Exception("File tidak ditemukan: " . $path);
|
||||
}
|
||||
}
|
||||
$zip->close();
|
||||
}
|
||||
return response()->download(public_path('zip/' . $zipName))->deleteFileAfterSend(true);
|
||||
//code...
|
||||
} catch (\Throwable $th) {
|
||||
return response()->json([
|
||||
'message' => 'Terjadi kesalahan',
|
||||
'error' => $th->getMessage()
|
||||
], 500);
|
||||
}
|
||||
}
|
||||
|
||||
public function downloadDataFolder(){
|
||||
try {
|
||||
$id = request('id');
|
||||
$type = request('type');
|
||||
|
||||
if($type === "unit"){
|
||||
$data = FileDirectory::where('id_unit_kerja', $id)->where('statusenabled', true)->pluck('file');
|
||||
}else{
|
||||
$data = FileDirectory::where('id_sub_unit_kerja', $id)->where('statusenabled', true)->pluck('file');
|
||||
}
|
||||
if (empty($data)) {
|
||||
return response()->json(['message' => 'File tidak ditemukan'], 404);
|
||||
}
|
||||
$zipName = 'files_' . time() . '.zip';
|
||||
$zipPath = public_path('zip/' . $zipName);
|
||||
$zip = new ZipArchive;
|
||||
if($zip->open($zipPath, ZipArchive::CREATE) === TRUE){
|
||||
foreach ($data as $path) {
|
||||
$fullPath = public_path('file/' . $path);
|
||||
if(file_exists($fullPath)){
|
||||
$relativePathInZip = $path;
|
||||
$zip->addFile($fullPath, $relativePathInZip);
|
||||
}else{
|
||||
throw new \Exception("File tidak ditemukan: " . $path);
|
||||
}
|
||||
}
|
||||
$zip->close();
|
||||
}
|
||||
return response()->download(public_path('zip/' . $zipName))->deleteFileAfterSend(true);
|
||||
} catch (\Throwable $th) {
|
||||
return response()->json([
|
||||
'message' => 'Terjadi kesalahan',
|
||||
'error' => $th->getMessage()
|
||||
], 500);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -11,6 +11,7 @@ class SubUnitKerja extends Model
|
||||
public $timestamps = false;
|
||||
protected $primaryKey = 'id';
|
||||
protected $guarded = ['id'];
|
||||
protected $with = ['fileDirectory'];
|
||||
|
||||
public function fileDirectory(){
|
||||
return $this->hasMany(FileDirectory::class, 'id_sub_unit_kerja', 'id')->where('statusenabled', true);
|
||||
|
||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 466 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
@ -30,7 +30,7 @@ formCreate.on('submit', function(e){
|
||||
formCreate.find('input[type="text"], input[type="file"]').val('');
|
||||
formCreate.find('select').val(null).trigger('change');
|
||||
|
||||
if(!$("#klasifikasi_dok").val() || !$("#kategori_dok").val() || !$("#unit_kerja").val() || !$("#sub_unit_kerja").val()){
|
||||
if($("#klasifikasi_dok").val().length === 0 || $("#kategori_dok").val().length === 0 ){
|
||||
index()
|
||||
}else{
|
||||
searchData()
|
||||
|
||||
@ -1,108 +1,98 @@
|
||||
function renderTree(units, katDok, klasifikasi_id) {
|
||||
function renderTree(units, katDok) {
|
||||
if (!Array.isArray(units)) return '';
|
||||
|
||||
if (!Array.isArray(units) || !units.length) return '<p class="text-muted">Tidak ada data</p>';
|
||||
return `<ul class="file-tree-ul">
|
||||
${units.map(u => `
|
||||
<li class="file-tree-li folder">
|
||||
<span>📂 ${u.name}</span>
|
||||
<ul class="file-tree-ul ms-1">
|
||||
${u.sub_unit_kerja.map(s => `
|
||||
<li class="file-tree-li folder">
|
||||
<span>📂 ${s.name}</span>
|
||||
<ul class="file-tree-ul ms-1">
|
||||
${katDok.map(k => `
|
||||
<li class="file-tree-li folder">
|
||||
<span class="kat-folder" onclick="loadFiles(this)"
|
||||
data-path="${u.id}-${s.id}-${k.master_kategori_directory_id}"
|
||||
data-unit="${u.id}"
|
||||
data-sub="${s.id}"
|
||||
data-kat="${k.master_kategori_directory_id}"
|
||||
data-klas='${JSON.stringify(klasifikasi_id)}'">
|
||||
📂 ${k.nama_kategori_directory}
|
||||
</span>
|
||||
<ul class="file-tree-ul" id="isi-${u.id}-${s.id}-${k.master_kategori_directory_id}" style="display:none"></ul>
|
||||
</li>`).join('')}
|
||||
</ul>
|
||||
</li>`).join('')}
|
||||
return `
|
||||
|
||||
<ul class="file-tree-ul mt-3">
|
||||
${units.map(el => `
|
||||
<li class="file-tree-li folder">
|
||||
<input class="form-check-input" type="checkbox" data-select="unit" data-unit_id="${el?.id}">
|
||||
<span class="fw-bolder">📂 ${el.name}</span>
|
||||
<button type="button" class="btn btn-primary btn-sm" onclick="download(this)" data-part="unit" data-id="${el?.id}">
|
||||
<i class="fa-solid fa-download"></i>
|
||||
</button>
|
||||
|
||||
${Array.isArray(el.sub_unit_kerja) && el.sub_unit_kerja.length > 0 ? `
|
||||
<ul class="file-tree-ul mt-1 ms-2">
|
||||
${el.sub_unit_kerja.map(sub => `
|
||||
<li class="file-tree-li folder">
|
||||
\
|
||||
<input class="form-check-input" type="checkbox" data-select="sub_unit" data-unit_id="${el.id}" data-sub_unit_id="${sub?.id}" >
|
||||
<span class="fw-semibold">📂 ${sub.name}</span>
|
||||
<button type="button" class="btn btn-outline-primary btn-sm ms-auto" onclick="download(this)" data-part="sub_unit" data-id="${sub?.id}">
|
||||
<i class="fa-solid fa-download"></i>
|
||||
</button>
|
||||
|
||||
${Array.isArray(katDok) && katDok.length > 0 ? `
|
||||
<ul class="file-tree-ul ms-2">
|
||||
${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 `
|
||||
<li class="file-tree-li folder">
|
||||
<span>📂 ${kat.nama_kategori_directory}</span>
|
||||
<ul class="file-tree-ul ms-2">
|
||||
${files.map(file => {
|
||||
let fileName = file.file.split('/').pop();
|
||||
let uploadedBy = file.pegawai_nama_entry || "Unknown";
|
||||
let uploadedAt = new Date(file.entry_at).toLocaleString("id-ID", {
|
||||
day: "2-digit",
|
||||
month: "short",
|
||||
year: "numeric",
|
||||
hour: "2-digit",
|
||||
minute: "2-digit"
|
||||
});
|
||||
|
||||
return `
|
||||
<li class="file-tree-li">
|
||||
<div class="">
|
||||
📄 <a href="#"
|
||||
class="file-link"
|
||||
data-file="${file?.file}"
|
||||
data-name_file="${fileName}"
|
||||
data-upload="${uploadedBy}"
|
||||
data-time="${uploadedAt}"
|
||||
data-klasifikasi="${file?.klasifikasi?.nama_klasifikasi_directory}"
|
||||
data-id="${file?.file_directory_id}"
|
||||
title="Diupload oleh: ${uploadedBy} pada ${uploadedAt}">
|
||||
${fileName} - <strong>(${file?.klasifikasi?.nama_klasifikasi_directory})</strong>
|
||||
</a>
|
||||
</div>
|
||||
<small class="text-muted fst-italic">
|
||||
Upload by ${uploadedBy} · ${uploadedAt}
|
||||
</small>
|
||||
</li>
|
||||
|
||||
`;
|
||||
}).join('')}
|
||||
</ul>
|
||||
</li>
|
||||
`;
|
||||
}).join('')}
|
||||
</ul>
|
||||
` : ''}
|
||||
</li>
|
||||
`).join('')}
|
||||
</ul>
|
||||
` : ''}
|
||||
</li>
|
||||
`).join('')}
|
||||
</ul>
|
||||
</li>`).join('')}
|
||||
</ul>`;
|
||||
`;
|
||||
}
|
||||
|
||||
async function loadFiles(e) {
|
||||
|
||||
const ul = e.nextElementSibling;
|
||||
const unitId = $(e).data('unit')
|
||||
const subId = $(e).data('sub')
|
||||
const katId = $(e).data('kat')
|
||||
const klas = $(e).data('klas')
|
||||
|
||||
const loaded = ul.getAttribute('data-loaded');
|
||||
|
||||
if (loaded === '1') { // toggle saja
|
||||
ul.style.display = ul.style.display === 'none' ? 'block' : 'none';
|
||||
return;
|
||||
}
|
||||
|
||||
ul.innerHTML = '<li><small class="text-muted">memuat...</small></li>';
|
||||
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 = '<li><small class="text-muted">kosong</small></li>';
|
||||
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 `
|
||||
<li class="file-tree-li">
|
||||
<!-- baris atas : nama + klasifikasi -->
|
||||
<div class="">
|
||||
📄 <a href="#" class="file-link"
|
||||
data-file="${f.file}"
|
||||
data-name_file="${name}"
|
||||
data-id="${f.file_directory_id}"
|
||||
data-upload="${by}"
|
||||
data-time="${at}"
|
||||
data-klasifikasi="${f.klasifikasi?.nama_klasifikasi_directory}"
|
||||
title="Di-upload oleh: ${by} pada ${at}">
|
||||
${name}
|
||||
</a>
|
||||
<strong>(${f.klasifikasi?.nama_klasifikasi_directory})</strong>
|
||||
</div>
|
||||
|
||||
<!-- baris bawah : pembuat & tanggal (kecil + italic) -->
|
||||
<small class="text-muted fst-italic">
|
||||
Upload by ${by} · ${at}
|
||||
</small>
|
||||
</li>`;
|
||||
}).join('');
|
||||
|
||||
ul.setAttribute('data-loaded', '1');
|
||||
} catch (e) {
|
||||
ul.innerHTML = '<li><small class="text-danger">gagal memuat</small></li>';
|
||||
console.error(e);
|
||||
}
|
||||
}
|
||||
function index(kategori_dok = [], unitKerja = null, subUnitKerja = [], klasifikasi_id = []) {
|
||||
|
||||
function index(kategori_dok = [], unitKerja = null, subUnitKerja = [], klasifikasi_id = [], keyword = '') {
|
||||
const params = new URLSearchParams();
|
||||
|
||||
if (kategori_dok.length) params.append("kategori", kategori_dok);
|
||||
if (unitKerja) params.append("unitKerja", unitKerja);
|
||||
if (unitKerja) params.append("unitKerja", unitKerja);
|
||||
if (subUnitKerja.length) params.append("subUnit", subUnitKerja);
|
||||
if (klasifikasi_id.length) params.append("klasifikasi", klasifikasi_id);
|
||||
if (keyword) params.append("keyword", keyword);
|
||||
|
||||
fetch(`/data-unit-kerja?${params.toString()}`)
|
||||
.then(response => response.json())
|
||||
@ -111,12 +101,14 @@ 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, klasifikasi_id);
|
||||
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("📂", "📁");
|
||||
@ -126,25 +118,32 @@ function index(kategori_dok = [], unitKerja = null, subUnitKerja = [], klasifika
|
||||
});
|
||||
});
|
||||
} else {
|
||||
file_tree.innerHTML = '<p style="color:primary">Silakan lakukan pencarian terlebih dahulu untuk menampilkan data</p>';
|
||||
file_tree.innerHTML = `
|
||||
<p style="color: primary">
|
||||
Silakan lakukan pencarian terlebih dahulu untuk menampilkan data
|
||||
</p>
|
||||
`;
|
||||
}
|
||||
})
|
||||
.catch(error => console.error('Error : ', error));
|
||||
}
|
||||
|
||||
|
||||
index();
|
||||
|
||||
function referesh(){
|
||||
index()
|
||||
}
|
||||
|
||||
|
||||
function searchData(){
|
||||
let klasifikasi_id = $("#klasifikasi_dok").val()
|
||||
let kategori_dok = $("#kategori_dok").val()
|
||||
let unitKerja = $("#unit_kerja").val()
|
||||
let subUnitKerja = $("#sub_unit_kerja").val()
|
||||
if( klasifikasi_id.length === 0 ||
|
||||
|
||||
if(klasifikasi_id.length === 0 ||
|
||||
kategori_dok.length === 0 ||
|
||||
!unitKerja.length ||
|
||||
subUnitKerja.length === 0){
|
||||
Swal.fire({
|
||||
text: 'Lengkapi Isi form pencarian',
|
||||
@ -155,3 +154,128 @@ function searchData(){
|
||||
|
||||
index(kategori_dok, unitKerja, subUnitKerja, klasifikasi_id);
|
||||
}
|
||||
|
||||
function searchFile(keyword){
|
||||
|
||||
let klasifikasi_id = $("#klasifikasi_dok").val()
|
||||
let kategori_dok = $("#kategori_dok").val()
|
||||
let unitKerja = $("#unit_kerja").val()
|
||||
let subUnitKerja = $("#sub_unit_kerja").val()
|
||||
index(kategori_dok, unitKerja, subUnitKerja, klasifikasi_id, keyword.value);
|
||||
}
|
||||
|
||||
|
||||
function download(e){
|
||||
let data = $(e).data();
|
||||
let id = data?.id;
|
||||
let type = data?.part;
|
||||
|
||||
fetch('/download-byfolder', {
|
||||
method:'POST',
|
||||
headers: {
|
||||
'Content-Type' : 'application/json',
|
||||
'X-CSRF-TOKEN': document.querySelector('input[name="_token"]').value,
|
||||
},
|
||||
body: JSON.stringify({ id : id, type: type})
|
||||
})
|
||||
.then(async res => {
|
||||
if (!res.ok) { // 4xx/5xx
|
||||
const msg = await res.json().catch(() => ({message:'Server error'}));
|
||||
throw new Error(msg.message || 'Gagal membuat arsip');
|
||||
}
|
||||
return res.blob();
|
||||
})
|
||||
.then(blob => {
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = `files_${Date.now()}.zip`;
|
||||
document.body.appendChild(a).click();
|
||||
document.body.removeChild(a);
|
||||
URL.revokeObjectURL(url);
|
||||
})
|
||||
.catch(err => {
|
||||
Swal.fire({ icon: 'error', title : 'Gagal mengunduh' })
|
||||
})
|
||||
}
|
||||
|
||||
let multiIds = [];
|
||||
|
||||
$(document).on('change', 'input[data-select]', function () {
|
||||
const type = $(this).data('select');
|
||||
const isChecked = this.checked;
|
||||
|
||||
/* 1. Auto-check semua sub-unit bila UNIT di-check */
|
||||
if (type === 'unit') {
|
||||
$(this).closest('li.file-tree-li')
|
||||
.find('input[data-select="sub_unit"]')
|
||||
.prop('checked', isChecked)
|
||||
.each(function () {
|
||||
const su_id = $(this).data('sub_unit_id');
|
||||
const key = `${$(this).data('unit_id')}-${su_id}`;
|
||||
const idx = multiIds.findIndex(x => x.key === key);
|
||||
if (isChecked && idx === -1) multiIds.push({ key, unit_id: $(this).data('unit_id'), sub_unit_id: su_id });
|
||||
if (!isChecked && idx !== -1) multiIds.splice(idx, 1);
|
||||
});
|
||||
}
|
||||
|
||||
/* 2. Auto-uncheck UNIT bila sisa satu SUB-UNIT di-uncheck */
|
||||
if (type === 'sub_unit' && !isChecked) {
|
||||
const $unitLi = $(this).closest('li.file-tree-li').closest('ul').closest('li.file-tree-li');
|
||||
const $unitCheck = $unitLi.children('input[data-select="unit"]');
|
||||
const stillChecked= $unitLi.find('input[data-select="sub_unit"]:checked').length > 0;
|
||||
|
||||
if (!stillChecked) $unitCheck.prop('checked', false).trigger('change');
|
||||
}
|
||||
|
||||
/* ---------- sisanya tetap: push/pop multiIds ---------- */
|
||||
const unit_id = $(this).data('unit_id');
|
||||
const sub_unit_id = $(this).data('sub_unit_id');
|
||||
const key = `${unit_id}-${sub_unit_id}`;
|
||||
const idx = multiIds.findIndex(x => x.key === key);
|
||||
|
||||
if (isChecked && idx === -1) multiIds.push({ key, unit_id, sub_unit_id });
|
||||
if (!isChecked && idx !== -1) multiIds.splice(idx, 1);
|
||||
|
||||
$('#multi-count').text(multiIds.length);
|
||||
$('#btn-download-multi').prop('disabled', multiIds.length === 0);
|
||||
});
|
||||
|
||||
|
||||
function refreshMultiButton(){
|
||||
$("#multi-count").text(multiIds.length)
|
||||
$("#btn-download-multi").prop('disable', multiIds.length === 0)
|
||||
}
|
||||
|
||||
function downloadMultiple(){
|
||||
if(multiIds.length === 0) return;
|
||||
|
||||
fetch('/download-multiple', {
|
||||
method:'POST',
|
||||
headers: {
|
||||
'Content-Type' : 'application/json',
|
||||
'X-CSRF-TOKEN': document.querySelector('input[name="_token"]').value,
|
||||
},
|
||||
body: JSON.stringify({ ids : multiIds})
|
||||
})
|
||||
.then(async res => {
|
||||
if (!res.ok) { // 4xx/5xx
|
||||
const msg = await res.json().catch(() => ({message:'Server error'}));
|
||||
throw new Error(msg.message || 'Gagal membuat arsip');
|
||||
}
|
||||
return res.blob();
|
||||
})
|
||||
.then(blob => {
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = `files_${Date.now()}.zip`;
|
||||
document.body.appendChild(a).click();
|
||||
document.body.removeChild(a);
|
||||
URL.revokeObjectURL(url);
|
||||
})
|
||||
.catch(err => {
|
||||
Swal.fire({ icon: 'error', title : 'Gagal mengunduh' })
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
@ -112,7 +112,16 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div id="tree-wrapper" class="col-md-6 mb-3">
|
||||
<div id="tree-wrapper" class="col-md-12 mb-3">
|
||||
<div class="d-flex gap-2 mb-3 flex-wrap">
|
||||
<button class="btn btn-sm btn-primary" onclick="referesh()">
|
||||
<i class="fas fa-sync-alt"></i> Refresh
|
||||
</button>
|
||||
<button type="button" id="btn-download-multi" class="btn btn-sm btn-primary" onclick="downloadMultiple()" disabled>
|
||||
<i class="fas fa-download"></i> Download Multiple (<span id="multi-count">0</span>)
|
||||
</button>
|
||||
<input type="text" id="search_file" oninput="searchFile(this)" class="form-control form-control-sm" placeholder="Search" style="max-width:220px;">
|
||||
</div>
|
||||
<div id="file_tree"></div>
|
||||
</div>
|
||||
<div id="preview-wrapper" class="col-md-6 d-none">
|
||||
|
||||
@ -26,6 +26,9 @@ Route::middleware(['auth'])->group(function(){
|
||||
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::post('/download-multiple', [DashboardController::class, 'downloadDataMultiple']);
|
||||
Route::post('/download-byfolder', [DashboardController::class, 'downloadDataFolder']);
|
||||
});
|
||||
|
||||
Route::get('/login', [AuthController::class, 'index'])->name('login');
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user