-
×
-
${t("user_permissions")}
-
-
-
-
-
-
-
-
+
×
+
${tf("folder_access", "Folder Access")}
+
+ ${tf("grant_folders_help", "Grant per-folder capabilities to each user. 'Upload/Manage/Share' imply 'View'.")}
+
+
+
+
+
+
+
+
+
+
×
+
${tf("user_permissions", "User Permissions")}
+
+ ${tf("user_flags_help", "Account-level switches. These are NOT per-folder grants.")}
+
+
+ ${t("loading")}…
+
+
+
+
+
+
Loading files...
";
-
+
try {
- // Kick off both in parallel, but we'll render as soon as FILES are ready
- const filesPromise = fetch(
- `/api/file/getFileList.php?folder=${encodeURIComponent(folder)}&recursive=1&t=${Date.now()}`,
- { credentials: 'include' }
- );
- const foldersPromise = fetch(
- `/api/folder/getFolderList.php?folder=${encodeURIComponent(folder)}`,
- { credentials: 'include' }
- );
-
- // ----- FILES FIRST -----
- const filesRes = await filesPromise;
-
- if (filesRes.status === 401) {
- window.location.href = "/api/auth/logout.php";
- throw new Error("Unauthorized");
- }
-
- const data = await safeJson(filesRes);
- if (data.error) {
- throw new Error(typeof data.error === 'string' ? data.error : 'Server returned an error.');
- }
-
- // If another loadFileList ran after this one, bail before touching the DOM
+ // Kick off both in parallel, but render as soon as FILES are ready
+ const filesPromise = fetch(
+ `/api/file/getFileList.php?folder=${encodeURIComponent(folder)}&recursive=1&t=${Date.now()}`,
+ { credentials: 'include' }
+ );
+ const foldersPromise = fetch(
+ `/api/folder/getFolderList.php?folder=${encodeURIComponent(folder)}`,
+ { credentials: 'include' }
+ );
+
+ // ----- FILES FIRST -----
+ const filesRes = await filesPromise;
+
+ if (filesRes.status === 401) {
+ // session expired — bounce to logout
+ window.location.href = "/api/auth/logout.php";
+ throw new Error("Unauthorized");
+ }
+ if (filesRes.status === 403) {
+ // forbidden — friendly message, keep UI responsive
+ fileListContainer.innerHTML = `
+
+ ${t("no_access_to_resource") || "You don't have access to this folder."}
+
`;
+ showToast(t("no_access_to_resource") || "You don't have access to this folder.", "error");
+ return [];
+ }
+
+ const data = await safeJson(filesRes);
+ if (data.error) {
+ throw new Error(typeof data.error === 'string' ? data.error : 'Server returned an error.');
+ }
+
+ // If another loadFileList ran after this one, bail before touching the DOM
+ if (reqId !== __fileListReqSeq) return [];
+
+ // 3) clear loader
+ fileListContainer.innerHTML = "";
+
+ // 4) handle “no files” case
+ if (!data.files || Object.keys(data.files).length === 0) {
if (reqId !== __fileListReqSeq) return [];
-
- // 3) clear loader (still only if this request is the latest)
- fileListContainer.innerHTML = "";
-
- // 4) handle “no files” case
- if (!data.files || Object.keys(data.files).length === 0) {
- if (reqId !== __fileListReqSeq) return [];
- fileListContainer.textContent = t("no_files_found");
-
- // hide summary + slider
- const summaryElem = document.getElementById("fileSummary");
- if (summaryElem) summaryElem.style.display = "none";
- const sliderContainer = document.getElementById("viewSliderContainer");
- if (sliderContainer) sliderContainer.style.display = "none";
-
- // hide folder strip for now; we’ll re-show it after folders load (below)
- const strip = document.getElementById("folderStripContainer");
- if (strip) strip.style.display = "none";
-
- updateFileActionButtons();
- fileListContainer.style.visibility = "visible";
- return [];
- }
-
- // 5) normalize files array
- if (!Array.isArray(data.files)) {
- data.files = Object.entries(data.files).map(([name, meta]) => {
- meta.name = name;
- return meta;
- });
- }
-
- data.files = data.files.map(f => {
- f.fullName = (f.path || f.name).trim().toLowerCase();
-
- // Prefer numeric size if your API provides it; otherwise parse the "1.2 MB" string
- let bytes = Number.isFinite(f.sizeBytes)
- ? f.sizeBytes
- : parseSizeToBytes(String(f.size || ""));
-
- if (!Number.isFinite(bytes)) bytes = Infinity;
-
- // extension policy + size policy
- f.editable = canEditFile(f.name) && (bytes <= MAX_EDIT_BYTES);
-
- f.folder = folder;
- return f;
- });
- fileData = data.files;
-
- // Decide editability BEFORE render to avoid any post-render “blink”
- data.files = data.files.map(f => {
- f.fullName = (f.path || f.name).trim().toLowerCase();
-
- // extension policy
- const extOk = canEditFile(f.name);
-
- // prefer numeric byte size if API provides it; otherwise parse "12.3 MB" strings
- let bytes = Infinity;
- if (Number.isFinite(f.sizeBytes)) {
- bytes = f.sizeBytes;
- } else if (f.size != null && String(f.size).trim() !== "") {
- bytes = parseSizeToBytes(String(f.size));
- }
-
- f.editable = extOk && (bytes <= MAX_EDIT_BYTES);
- f.folder = folder;
- return f;
- });
- fileData = data.files;
-
- // If stale, stop before any DOM updates
- if (reqId !== __fileListReqSeq) return [];
-
- // 6) inject summary + slider
- if (actionsContainer) {
- // a) summary
- let summaryElem = document.getElementById("fileSummary");
- if (!summaryElem) {
- summaryElem = document.createElement("div");
- summaryElem.id = "fileSummary";
- summaryElem.style.cssText = "float:right; margin:0 60px 0 auto; font-size:0.9em;";
- actionsContainer.appendChild(summaryElem);
- }
- summaryElem.style.display = "block";
- summaryElem.innerHTML = buildFolderSummary(fileData);
-
- // b) slider
- const viewMode = window.viewMode || "table";
- let sliderContainer = document.getElementById("viewSliderContainer");
- if (!sliderContainer) {
- sliderContainer = document.createElement("div");
- sliderContainer.id = "viewSliderContainer";
- sliderContainer.style.cssText = "display:inline-flex; align-items:center; margin-right:auto; font-size:0.9em;";
- actionsContainer.insertBefore(sliderContainer, summaryElem);
- } else {
- sliderContainer.style.display = "inline-flex";
- }
-
- if (viewMode === "gallery") {
- const w = window.innerWidth;
- let maxCols;
- if (w < 600) maxCols = 1;
- else if (w < 900) maxCols = 2;
- else if (w < 1200) maxCols = 4;
- else maxCols = 6;
-
- const currentCols = Math.min(
- parseInt(localStorage.getItem("galleryColumns") || "3", 10),
- maxCols
- );
-
- sliderContainer.innerHTML = `
-
`;
-
+
// slice current page
const startIdx = (currentPage - 1) * itemsPerPage;
const pageFiles = filteredFiles.slice(startIdx, startIdx + itemsPerPage);
-
+
pageFiles.forEach((file, idx) => {
- const idSafe = encodeURIComponent(file.name) + "-" + (startIdx + idx);
- const cacheKey = folderPath + encodeURIComponent(file.name);
-
- // thumbnail
- let thumbnail;
- if (/\.(jpe?g|png|gif|bmp|webp|svg|ico)$/i.test(file.name)) {
- if (window.imageCache && window.imageCache[cacheKey]) {
- thumbnail = `
`;
- } else {
- const imageUrl = folderPath + encodeURIComponent(file.name) + "?t=" + Date.now();
- thumbnail = `
`;
- }
- } else if (/\.(mp3|wav|m4a|ogg|flac|aac|wma|opus)$/i.test(file.name)) {
- thumbnail = `
audiotrack`;
+ const idSafe = encodeURIComponent(file.name) + "-" + (startIdx + idx);
+
+ // build preview URL from API (cache-busted)
+ const previewURL = `${apiBase}${encodeURIComponent(file.name)}&t=${Date.now()}`;
+
+ // thumbnail
+ let thumbnail;
+ if (/\.(jpe?g|png|gif|bmp|webp|svg|ico)$/i.test(file.name)) {
+ const cacheKey = previewURL; // include folder & file
+ if (window.imageCache && window.imageCache[cacheKey]) {
+ thumbnail = `
`;
} else {
- thumbnail = `
insert_drive_file`;
+ thumbnail = `
`;
}
-
- // tag badges
- let tagBadgesHTML = "";
- if (file.tags && file.tags.length) {
- tagBadgesHTML = `
`;
- file.tags.forEach(tag => {
- tagBadgesHTML += `
- ${escapeHTML(tag.name)}
- `;
- });
- tagBadgesHTML += `
`;
- }
-
- // card with checkbox, preview, info, buttons
- galleryHTML += `
+ } else if (/\.(mp3|wav|m4a|ogg|flac|aac|wma|opus)$/i.test(file.name)) {
+ thumbnail = `
audiotrack`;
+ } else {
+ thumbnail = `
insert_drive_file`;
+ }
+
+ // tag badges
+ let tagBadgesHTML = "";
+ if (file.tags && file.tags.length) {
+ tagBadgesHTML = `
`;
+ file.tags.forEach(tag => {
+ tagBadgesHTML += `
+ ${escapeHTML(tag.name)}
+ `;
+ });
+ tagBadgesHTML += `
`;
+ }
+
+ // card with checkbox, preview, info, buttons
+ galleryHTML += `
${thumbnail}
@@ -903,382 +932,357 @@ export function renderGalleryView(folder, container) {
${tagBadgesHTML}
-
-
-
- ${file.editable ? `
- ` : ""}
-
-
-
-
-
+
+
+ ${file.editable ? `
+ ` : ""}
+
+
+
+
+