cloud-ide-element 1.0.91 → 1.0.93

package/fesm2022/cloud-ide-element.mjs

@@ -9,8 +9,8 @@ import * as i2$1 from '@angular/router';
 import * as i1$1 from '@angular/common/http';
 import { HttpClient, HttpEventType, HttpRequest } from '@angular/common/http';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { generateStringFromObject, coreRoutesUrl, cidePath, hostManagerRoutesUrl } from 'cloud-ide-lms-model';
 import { tap, catchError as catchError$1 } from 'rxjs/operators';
-import { coreRoutesUrl, generateStringFromObject, cidePath, hostManagerRoutesUrl } from 'cloud-ide-lms-model';
 
 class CapitalizePipe {
     transform(value, capitalizationMethod) {
@@ -2910,7 +2910,10 @@ class CideEleFileManagerService {
         const payload = {
             cyfm_group_id: groupId
         };
-        return this.http.post(`${this._baseUrl()}/group/${groupId}`, payload).pipe(retry(2), catchError(this.handleError.bind(this)), takeUntilDestroyed(this.destroyRef));
+        // Convert payload to string using generateStringFromObject
+        const queryString = generateStringFromObject(payload);
+        console.log('📝 [FileManagerService] Query string generated:', queryString);
+        return this.http.get(`${this._baseUrl()}/group/${queryString}`).pipe(retry(2), catchError(this.handleError.bind(this)), takeUntilDestroyed(this.destroyRef));
     }
     /**
      * Fetch and store files by group ID in service state
@@ -3807,13 +3810,22 @@ class CideEleFileInputComponent {
     writeValue(value) {
         console.log('📝 [FileInput] writeValue called with:', value);
         if (typeof value === 'string') {
-            // Value is an uploaded file ID - fetch file details and set preview
-            console.log('📝 [FileInput] Value is uploaded file ID:', value);
-            this.files.set(null);
-            this.fileNames.set([]);
-            this.clearPreviews();
-            // Fetch file details to get base64 and set preview
-            this.loadFileDetailsFromId(value);
+            // Check if this is a group ID for multiple files or single file ID
+            if (this.isMultipleFileMode()) {
+                // Multiple file mode - value is group ID
+                console.log('📁 [FileInput] Value is group ID for multiple files:', value);
+                this.groupId.set(value);
+                this.loadFilesFromGroupId(value);
+            }
+            else {
+                // Single file mode - value is file ID
+                console.log('📝 [FileInput] Value is single file ID:', value);
+                this.files.set(null);
+                this.fileNames.set([]);
+                this.clearPreviews();
+                // Fetch file details to get base64 and set preview
+                this.loadFileDetailsFromId(value);
+            }
         }
         else if (value instanceof FileList) {
             // Value is a FileList
@@ -3821,6 +3833,14 @@ class CideEleFileInputComponent {
             this.files.set(value);
             this.fileNames.set(Array.from(value).map(f => f.name));
             this.generatePreviews();
+            // For multiple files, use group ID API to fetch files
+            if (value.length > 1) {
+                const groupId = this.groupId();
+                if (groupId) {
+                    console.log('📁 [FileInput] Multiple files detected, fetching files for group:', groupId);
+                    this.loadFilesFromGroupId(groupId);
+                }
+            }
         }
         else {
             // Value is null
@@ -4223,6 +4243,42 @@ class CideEleFileInputComponent {
             }
         });
     }
+    /**
+     * Check if the component is in multiple file mode
+     */
+    isMultipleFileMode() {
+        // Check if multiple attribute is set or if we have a group ID
+        return this.multiple || this.groupId() !== null;
+    }
+    /**
+     * Load files from group ID using the group API
+     */
+    loadFilesFromGroupId(groupId) {
+        console.log('🔍 [FileInput] Loading files for group ID:', groupId);
+        if (!groupId)
+            return;
+        this.fileManagerService.fetchAndStoreFilesByGroupId(groupId)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (files) => {
+                console.log('📋 [FileInput] Files loaded for group:', files.length);
+                // Set file names to show count in input
+                if (files && files.length > 0) {
+                    const fileNames = files.map(file => file.file_name || file.name || 'Unknown file');
+                    this.fileNames.set(fileNames);
+                    console.log('📝 [FileInput] File names set for display:', fileNames);
+                }
+                else {
+                    this.fileNames.set([]);
+                }
+                // Files are now stored in service state and will be displayed by floating uploader
+            },
+            error: (error) => {
+                console.error('❌ [FileInput] Failed to load files for group:', error);
+                this.fileNames.set([]);
+            }
+        });
+    }
     isImageFileFromName(fileName) {
         if (!fileName)
             return false;