feat(myshares): new version of myshares sections, supporting grants Users + Tokens

2026-05-29 02:16:15 +02:00
parent 8800353900
commit 63722c868e
43 changed files with 2676 additions and 243 deletions
@@ -0,0 +1,61 @@
+/**
+ * resourceIcon — shared resource icon builder.
+ *
+ * Returns a `.file-icon` element identical to the one in resourceList:
+ *   • Folders: `.file-icon.folder-icon` with CSS tab (no visible <i>)
+ *   • Files:   `.file-icon.{specialClass}` + optional thumbnail <img> + <i>
+ *
+ * CSS lives in fileType.css (folder/file type colours) and resourceList.css
+ * (base size in grid/list context). Consumer views add their own size overrides.
+ */
+
+import { thumbnail } from '../features/thumbnail.js';
+
+/** @import {FileItem, FolderItem} from '../core/types.js' */
+
+/**
+ * @param {FileItem|FolderItem} item
+ * @param {'file'|'folder'} resourceType
+ * @returns {HTMLElement}
+ */
+function buildResourceIcon(item, resourceType) {
+    const el = document.createElement('div');
+
+    if (resourceType === 'folder') {
+        el.className = 'file-icon folder-icon';
+        const i = document.createElement('i');
+        i.className = 'fas fa-folder';
+        el.appendChild(i);
+        return el;
+    }
+
+    const file = /** @type {FileItem} */ (item);
+    const iconClass = file.icon_class || 'fas fa-file';
+    const iconSpecialClass = file.icon_special_class || '';
+    el.className = `file-icon${iconSpecialClass ? ` ${iconSpecialClass}` : ''}`;
+
+    const canThumbnail = thumbnail?.canHandle(file) ?? false;
+    if (canThumbnail) {
+        const img = document.createElement('img');
+        img.className = 'file-thumb';
+        img.src = `/api/files/${file.id}/thumbnail/icon`;
+        img.loading = 'lazy';
+        img.alt = '';
+        img.addEventListener('error', () => {
+            img.classList.add('hidden');
+            thumbnail?.queueGenerate(file, (dataUrl) => {
+                img.src = dataUrl;
+                img.classList.remove('hidden');
+            });
+        });
+        el.appendChild(img);
+    }
+
+    const i = document.createElement('i');
+    i.className = iconClass;
+    el.appendChild(i);
+
+    return el;
+}
+
+export { buildResourceIcon };