Enhance column display with status messages for item loading and pagination

Author: ManukMinasyan

resources/lang/en/flowforge.php

@@ -7,4 +7,5 @@
     'card_label' => 'Record',
     'plural_card_label' => 'Records',
     'cards_pagination' => ':current of :total :cards',
+    'all_cards_loaded' => 'All :total :cards loaded',
 ];

resources/lang/nl/flowforge.php

@@ -7,4 +7,5 @@
     'card_label' => 'Record',
     'plural_card_label' => 'Records',
     'cards_pagination' => ':current van :total :cards',
+    'all_cards_loaded' => 'Alle :total :cards geladen',
 ];

resources/views/livewire/column.blade.php

@@ -61,27 +61,39 @@ class="p-3 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain kanban-ca
                 />
             @endforeach
 
-            @if(isset($column['total']) && $column['total'] > count($column['items']))
-                <div
-                    x-intersect.margin.300px="handleSmoothScroll('{{ $columnId }}')"
-                    class="py-3 text-center">
+            {{-- Always show status message at bottom --}}
+            <div class="py-3 text-center">
+                @if(isset($column['total']) && $column['total'] > count($column['items']))
+                    {{-- More items available --}}
+                    <div
+                        x-intersect.margin.300px="handleSmoothScroll('{{ $columnId }}')"
+                        class="w-full">
 
-                    <div x-show="isLoadingColumn('{{ $columnId }}')"
-                         x-transition
-                         class="text-xs text-primary-600 dark:text-primary-400 flex items-center justify-center gap-2">
-                        {{ __('flowforge::flowforge.loading_more_cards') }}
-                    </div>
+                        <div x-show="isLoadingColumn('{{ $columnId }}')"
+                             x-transition
+                             class="text-xs text-primary-600 dark:text-primary-400 flex items-center justify-center gap-2">
+                            {{ __('flowforge::flowforge.loading_more_cards') }}
+                        </div>
 
-                    <div x-show="!isLoadingColumn('{{ $columnId }}')"
-                         class="text-xs text-gray-500 dark:text-gray-400">
-                        {{ __('flowforge::flowforge.cards_pagination', [
-                            'current' => count($column['items']),
-                            'total' => $column['total'],
+                        <div x-show="!isLoadingColumn('{{ $columnId }}')"
+                             class="text-xs text-gray-500 dark:text-gray-400">
+                            {{ __('flowforge::flowforge.cards_pagination', [
+                                'current' => count($column['items']),
+                                'total' => $column['total'],
+                                'cards' => strtolower($config['pluralCardLabel'])
+                            ]) }}
+                        </div>
+                    </div>
+                @else
+                    {{-- All items loaded --}}
+                    <div class="text-xs text-green-600 dark:text-green-400">
+                        {{ __('flowforge::flowforge.all_cards_loaded', [
+                            'total' => $column['total'] ?? count($column['items']),
                             'cards' => strtolower($config['pluralCardLabel'])
                         ]) }}
                     </div>
-                </div>
-            @endif
+                @endif
+            </div>
         @else
             <x-flowforge::empty-column
                 :columnId="$columnId"