이미지 업로드 중 (0/${files.length})...
`;
container.appendChild(uploadOverlay);
}
const filesArray = Array.from(files);
let completedCount = 0;
let successCount = 0;
let failMessages = [];
filesArray.reduce((promiseChain, file, index) => {
return promiseChain.then(() => {
const formData = new FormData();
formData.append('image', file);
formData.append('type', currentMediaType || 'general');
if (currentMediaFolderId && currentMediaFolderId !== 'orphans') {
formData.append('folder_id', currentMediaFolderId);
}
const statusText = document.getElementById('mediaUploadStatusText');
if (statusText) {
statusText.innerText = `이미지 업로드 중 (${index + 1}/${files.length})...`;
}
return fetch(uploadRoute, {
method: 'POST',
headers: {
'X-CSRF-TOKEN': csrfToken,
'X-Requested-With': 'XMLHttpRequest',
'Accept': 'application/json'
},
body: formData
})
.then(res => res.json())
.then(data => {
completedCount++;
if (data.success) {
successCount++;
} else {
failMessages.push(`[${file.name}] ${data.message || '업로드 실패'}`);
}
})
.catch(err => {
completedCount++;
failMessages.push(`[${file.name}] 네트워크 오류`);
});
});
}, Promise.resolve())
.then(() => {
if (fileInput) fileInput.value = '';
if (uploadOverlay) uploadOverlay.remove();
if (failMessages.length > 0) {
alert(`업로드 완료: ${successCount}건 성공\n실패 내역:\n` + failMessages.join('\n'));
}
fetchMediaFolders();
fetchMediaLibraryImages(true);
});
}
function openMediaModal(type, mode, callback = null, uploadRoute = '', indexRoute = '') {
currentMediaType = type;
currentMediaMode = mode;
selectedMediaCallback = (typeof callback === 'function') ? callback : null;
selectedMediaImagesMap.clear();
currentMediaPage = 1;
hasMoreMediaPages = true;
isMediaLoading = false;
closeContextMenu();
const fileInput = document.getElementById('mediaModalFileInput');
if (fileInput) {
if (mode === 'single') {
fileInput.removeAttribute('multiple');
} else {
fileInput.setAttribute('multiple', 'multiple');
}
}
const masterCheckbox = document.getElementById('mediaMasterCheckbox');
if (masterCheckbox) {
masterCheckbox.checked = false;
masterCheckbox.closest('.form-check')?.classList.toggle('d-none', mode === 'single');
}
window.mediaUploadRoute = uploadRoute || window.defaultMediaUploadRoute || '/admin/images';
window.mediaIndexRoute = indexRoute || window.defaultMediaIndexRoute || '/admin/images';
if (globeauMediaModal) {
globeauMediaModal.show();
fetchMediaFolders();
fetchMediaLibraryImages(true);
}
}
function changeMediaViewMode(mode) {
currentMediaViewMode = mode;
['large', 'small', 'list'].forEach(m => {
const btn = document.getElementById(`view-mode-${m}`);
if (btn) btn.classList.toggle('active', m === mode);
});
fetchMediaLibraryImages(true);
}
function toggleMediaSort(type) {
if (currentSortBy === type) {
currentSortDirection = (currentSortDirection === 'asc') ? 'desc' : 'asc';
} else {
currentSortBy = type;
currentSortDirection = (type === 'name' || type === 'extension') ? 'asc' : 'desc';
}
const sortConfigs = [
{ type: 'date', label: '날짜순' },
{ type: 'name', label: '파일이름' },
{ type: 'size', label: '파일용량' }
];
sortConfigs.forEach(cfg => {
const btn = document.getElementById(`sort-btn-${cfg.type}`);
if (!btn) return;
if (cfg.type === currentSortBy) {
btn.classList.add('active');
const iconClass = (currentSortDirection === 'asc')
? 'fa-solid fa-arrow-up-short-wide ms-1 sort-icon'
: 'fa-solid fa-arrow-down-short-wide ms-1 sort-icon';
btn.innerHTML = `폴더를 불러오지 못했습니다.
`;
}
}
})
.catch(err => {
console.error('Fetch Folders Error:', err);
if (container) {
container.innerHTML = `폴더 통신 오류가 발생했습니다.
`;
}
});
}
function renderFolderTree(folders) {
const container = document.getElementById('mediaFolderTreeList');
if (!container) return;
const isAllActive = (currentMediaFolderId === null);
const isOrphanActive = (currentMediaFolderId === 'orphans');
const allImagesClass = isAllActive
? 'active bg-primary text-white shadow-sm'
: 'bg-secondary bg-opacity-10 text-secondary border border-secondary border-opacity-10';
let html = `
${treeIcon}
${f.name}
${count}
${deleteBtnHtml}
`;
});
}
const orphanClass = isOrphanActive
? 'active bg-danger text-white shadow-sm'
: 'text-dark bg-transparent';
html += `