fix: folder trash/delete operations & frontend refactoring

- Fix recursive CTE: add missing RECURSIVE keyword in move_to_trash and restore_from_trash SQL queries (relation 'descendants' does not exist) - Fix folder deletion: delete descendant files before folder to avoid 'duplicate key violates unique constraint idx_files_unique_name_at_root' - Simplify trash model: only mark the folder as trashed, not child files (implicit trash via parent) - Update trash_items view: filter to show only top-level trashed items - Update schema.sql: change files.folder_id FK from ON DELETE SET NULL to ON DELETE CASCADE - Fix trash view icons: folders and files now show correct visual icons (folder-icon, pdf-icon, etc.) in trash view - Frontend refactoring: extract inline CSS/JS from admin.html and profile.html into dedicated external files - Frontend cleanup: replace all inline style attributes with CSS classes - Frontend cleanup: replace style.display JS - Fix recursive CTE: add missing RECURSIVE keyword in move_to_trash and restore_from_trash SQL queries (relation 'descendants' d
2026-02-20 12:27:52 +01:00
parent 27eb7b16e0
commit a1a3bd1b2b
43 changed files with 3304 additions and 3416 deletions
@@ -0,0 +1,127 @@
+/**
+ * Files view loading logic
+ */
+
+async function loadFiles(options = {}) {
+    const app = window.app;
+    const elements = window.appElements;
+
+    try {
+        console.log("Starting loadFiles() - loading files...", options);
+
+        const forceRefresh = options.forceRefresh || false;
+
+        if (window.isLoadingFiles) {
+            console.log("A file load is already in progress, ignoring request");
+            return;
+        }
+
+        window.isLoadingFiles = true;
+
+        elements.filesGrid.innerHTML = `
+            <div class="files-loading-spinner">
+                <div class="spinner"></div>
+                <span>${window.i18n ? window.i18n.t('files.loading') : 'Loading files…'}</span>
+            </div>
+        `;
+
+        if (!app.userHomeFolderId) {
+            await window.resolveHomeFolder();
+        }
+
+        const timestamp = new Date().getTime();
+        let url;
+
+        if (!app.currentPath || app.currentPath === '') {
+            if (app.userHomeFolderId) {
+                url = `/api/folders/${app.userHomeFolderId}/listing?t=${timestamp}`;
+                app.currentPath = app.userHomeFolderId;
+                window.ui.updateBreadcrumb(app.userHomeFolderName || 'Home');
+                console.log(`Loading user folder: ${app.userHomeFolderName} (${app.userHomeFolderId})`);
+            } else {
+                url = `/api/folders?t=${timestamp}`;
+                console.warn("Emergency fallback to root folder - this should not normally happen");
+            }
+        } else {
+            url = `/api/folders/${app.currentPath}/listing?t=${timestamp}`;
+            console.log(`Loading subfolder content: ${app.currentPath}`);
+        }
+
+        const token = localStorage.getItem('oxicloud_token');
+        const headers = {
+            'Cache-Control': 'no-cache, no-store, must-revalidate',
+            'Pragma': 'no-cache'
+        };
+        if (token) {
+            headers['Authorization'] = `Bearer ${token}`;
+        }
+        const requestOptions = {
+            headers,
+            cache: 'no-store'
+        };
+
+        if (forceRefresh) {
+            url += `&force_refresh=true`;
+            requestOptions.headers['X-Force-Refresh'] = 'true';
+            console.log('Forcing complete refresh ignoring cache');
+        }
+
+        console.log(`Loading listing from ${url}`);
+        const response = await fetch(url, requestOptions);
+
+        if (response.status === 401 || response.status === 403) {
+            console.warn("Auth error when loading files, showing empty list");
+            elements.filesGrid.innerHTML = '<div class="empty-state"><p>Could not load files</p></div>';
+            elements.filesListView.innerHTML = `
+                <div class="list-header">
+                    <div class="list-header-checkbox"><input type="checkbox" id="select-all-checkbox" title="Select all"></div>
+                    <div>Name</div>
+                    <div>Type</div>
+                    <div>Size</div>
+                    <div>Modified</div>
+                </div>
+            `;
+            return;
+        }
+
+        if (!response.ok) {
+            throw new Error(`Server responded with status: ${response.status}`);
+        }
+
+        const listing = await response.json();
+
+        if (window.multiSelect) window.multiSelect.clear();
+        window.ui._items.clear();
+        elements.filesGrid.innerHTML = '';
+        const _t = (window.i18n && window.i18n.t) ? window.i18n.t : k => k.split('.').pop();
+        elements.filesListView.innerHTML = `
+            <div class="list-header">
+                <div class="list-header-checkbox"><input type="checkbox" id="select-all-checkbox" title="Select all"></div>
+                <div data-i18n="files.name">${_t('files.name')}</div>
+                <div data-i18n="files.type">${_t('files.type')}</div>
+                <div data-i18n="files.size">${_t('files.size')}</div>
+                <div data-i18n="files.modified">${_t('files.modified')}</div>
+            </div>
+        `;
+
+        const selectAllCb = document.getElementById('select-all-checkbox');
+        if (selectAllCb && window.multiSelect) {
+            selectAllCb.addEventListener('change', () => window.multiSelect.toggleAll());
+        }
+
+        const folderList = Array.isArray(listing.folders) ? listing.folders : [];
+        const fileList = Array.isArray(listing.files) ? listing.files : [];
+
+        window.ui.renderFolders(folderList);
+        window.ui.renderFiles(fileList);
+
+        console.log(`Loaded ${folderList.length} folders and ${fileList.length} files`);
+    } catch (error) {
+        console.error('Error loading folders:', error);
+        window.ui.showNotification('Error', 'Could not load files and folders');
+    } finally {
+        window.isLoadingFiles = false;
+    }
+}
+
+window.loadFiles = loadFiles;