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

feat: fix favorites display and add star indicator on favorited items

Browse Source 
- Add ?metadata=true support to GET /api/files/{id} to return JSON metadata
  instead of binary content (was the root cause of favorites not loading)
- Fix favorites loadFileDetails to use metadata endpoint with auth headers
- Add star icon on favorited files/folders in grid view (top-left corner)
- Add star icon on favorited files/folders in list view (next to name)
- Refresh file view when toggling favorites so star appears/disappears
- Add CSS styles for .favorite-star and .favorite-star-inline
This commit is contained in:
Dionisio
2026-02-13 09:32:16 +01:00
parent fb65d1976b
commit 5c53d94c0c
4 changed files with 83 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/favorites.js
+20 -23
View File
@@ -234,6 +234,11 @@ const favorites = {
`"${name}" added to favorites`
);
// Refresh file view to show star icon
if (window.app.currentSection === 'files' && typeof window.loadFiles === 'function') {
window.loadFiles();
}
return true;
} catch (error) {
console.error('Error adding to favorites:', error);
@@ -275,6 +280,12 @@ const favorites = {
`"${item.name}" removed from favorites`
);
}
// Refresh file view to remove star icon
if (window.app.currentSection === 'files' && typeof window.loadFiles === 'function') {
window.loadFiles();
}
return true;
}
@@ -371,7 +382,9 @@ const favorites = {
*/
async loadFolderDetails(favorite, filesGrid, filesListView) {
try {
const response = await fetch(`/api/folders/${favorite.id}`);
const token = localStorage.getItem('oxicloud_token');
const headers = token ? { 'Authorization': `Bearer ${token}` } : {};
const response = await fetch(`/api/folders/${favorite.id}`, { headers });
if (response.ok) {
const folder = await response.json();
@@ -398,30 +411,14 @@ const favorites = {
*/
async loadFileDetails(favorite, filesGrid, filesListView) {
try {
const response = await fetch(`/api/files/${favorite.id}`);
const token = localStorage.getItem('oxicloud_token');
const headers = token ? { 'Authorization': `Bearer ${token}` } : {};
const response = await fetch(`/api/files/${favorite.id}?metadata=true`, { headers });
if (response.ok) {
// Check if the response is JSON or binary data like a PDF
const contentType = response.headers.get('content-type');
if (contentType && contentType.includes('application/json')) {
const file = await response.json();
// Create UI element with favorite indicator
this.createFavoriteFileElement(file, filesGrid, filesListView);
} else {
// For non-JSON responses (like PDFs or other binary files)
// Create a simplified file element with minimal information
const file = {
id: favorite.id,
name: favorite.name || `File ${favorite.id}`,
mime_type: contentType || 'application/octet-stream',
size: 0, // We don't know the size from this response
modified_at: Math.floor(Date.now() / 1000) // Current time in seconds
};
this.createFavoriteFileElement(file, filesGrid, filesListView);
}
const file = await response.json();
// Create UI element with favorite indicator
this.createFavoriteFileElement(file, filesGrid, filesListView);
} else if (response.status === 404) {
// File not found, might be deleted
console.log(`Favorite file ${favorite.id} not found, removing from favorites`);