support collections

resources/views/components/ui/filelist.blade.php

@@ -49,16 +49,22 @@
     function updateFiles(result) {
         Alpine.store('files', []);
 
-        result = result.filter((item) => item.length > 0);
+        // Check if result is a string or a collection
+        if (typeof result === 'string') {
+            result = result.split(',').filter((item) => item.length > 0);
 
-        Promise.all(result.map(fileName => new Promise(resolve => {
-            SM.mediaDetails(fileName, (details) => {
-                details.extension = fileName.split('.').pop();
-                resolve(details);
+            Promise.all(result.map(fileName => new Promise(resolve => {
+                SM.mediaDetails(fileName, (details) => {
+                    resolve(details);
+                });
+            }))).then(detailsArray => {
+                Alpine.store('files', detailsArray);
             });
-        }))).then(detailsArray => {
-            Alpine.store('files', detailsArray);
-        });
+
+        } else if (Array.isArray(result)) {
+            // If result is a collection, directly place it in the store
+            Alpine.store('files', result);
+        }
 
         const elem = document.getElementById('{{ $name }}');
         if(elem) {

resources/views/post/show.blade.php

@@ -10,6 +10,6 @@
         </div>
         <article class="content mb-4">{!! $post->content !!}</article>
         <x-ui.gallery class="mt-16" value="{{ \App\Helpers::arrayToString($post->files('gallery')->pluck('name')->toArray()) }}" />
-        <x-ui.filelist class="mt-16" value="{{ \App\Helpers::arrayToString($post->files()->orderBy('title')->get()->pluck('name')->toArray()) }}" />
+        <x-ui.filelist class="mt-16" value="{{ \App\Helpers::arrayToString($post->files()->orderBy('name')->get()) }}" />
     </x-container>
 </x-layout>