cjw/Oxicloud
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(files): merge grid and list builder, use CSS only to switch between views

Browse Source
This commit is contained in:
Edouard Vanbelle
2026-04-03 17:58:14 +02:00
parent 3157d6ef64
commit a466a6473d
19 changed files with 640 additions and 743 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/views/shared/sharedView.js
+8 -12
View File
@@ -25,11 +25,13 @@ const sharedView = {
this.displayUI();
this.attachEventListeners();
this.loadItems().then(() => this.filterAndSortItems());
const c = document.getElementById('shared-container');
if (c) c.classList.remove("hidden");
},
hide() {
const c = document.getElementById('shared-container');
if (c) c.style.display = 'none';
if (c) c.classList.add("hidden");
},
// Load shared items from backend API
@@ -63,7 +65,6 @@ const sharedView = {
if (contentArea) contentArea.appendChild(container);
}
container.style.display = 'block';
container.innerHTML = `
<div class="shared-header">
<div class="shared-filters">
@@ -180,12 +181,6 @@ const sharedView = {
</div>
`;
// Hide other UI elements
const filesGrid = document.getElementById('files-grid');
const filesListView = document.getElementById('files-list-view');
if (filesGrid) filesGrid.style.display = 'none';
if (filesListView) filesListView.style.display = 'none';
if (window.i18n && window.i18n.translateElement) {
window.i18n.translateElement(container);
}
@@ -326,13 +321,14 @@ const sharedView = {
sharedItemsList.innerHTML = '';
if (this.filteredItems.length === 0) {
emptyState.style.display = 'flex';
listContainer.style.display = 'none';
emptyState.classList.remove("hidden");
listContainer.classList.add("hidden");
return;
}
emptyState.style.display = 'none';
listContainer.style.display = 'block';
emptyState.classList.add("hidden");
listContainer.classList.remove("hidden");
this.filteredItems.forEach(item => {
const row = document.createElement('tr');