1- @props ([' columnId' , ' column' , ' config' ] )
1+ @props ([' permissions ' , ' columnId' , ' column' , ' config' ] )
22
33<div
44 class =" kanban-column w-[300px] min-w-[300px] flex-shrink-0 border border-kanban-column-border dark:border-gray-700 shadow-kanban-column dark:shadow-md rounded-xl flex flex-col max-h-full overflow-hidden" >
@@ -14,18 +14,20 @@ class="ml-2 px-2.5 py-0.5 rounded-full text-xs font-medium kanban-color-{{ $colu
1414 {{ $column [' total' ] ?? (isset ($column [' items' ]) ? count ($column [' items' ]) : 0 ) } }
1515 </div >
1616 </div >
17- <button
18- type =" button"
19- wire:click =" openCreateForm('{{ $columnId } } ')"
20- x-on:click =" $dispatch('open-modal', { id: 'create-card-modal' })"
21- class =" text-gray-400 hover:text-primary-500 dark:text-gray-500 dark:hover:text-primary-400"
22- >
23- <svg class =" w-5 h-5" fill =" none" stroke =" currentColor" viewBox =" 0 0 24 24"
24- xmlns =" http://www.w3.org/2000/svg" >
25- <path stroke-linecap =" round" stroke-linejoin =" round" stroke-width =" 2"
26- d =" M12 6v6m0 0v6m0-6h6m-6 0H6" ></path >
27- </svg >
28- </button >
17+ @if ($permissions [' create' ] )
18+ <button
19+ type =" button"
20+ wire:click =" openCreateForm('{{ $columnId } } ')"
21+ x-on:click =" $dispatch('open-modal', { id: 'create-card-modal' })"
22+ class =" text-gray-400 hover:text-primary-500 dark:text-gray-500 dark:hover:text-primary-400"
23+ >
24+ <svg class =" w-5 h-5" fill =" none" stroke =" currentColor" viewBox =" 0 0 24 24"
25+ xmlns =" http://www.w3.org/2000/svg" >
26+ <path stroke-linecap =" round" stroke-linejoin =" round" stroke-width =" 2"
27+ d =" M12 6v6m0 0v6m0-6h6m-6 0H6" ></path >
28+ </svg >
29+ </button >
30+ @endif
2931 </div >
3032
3133 <!-- Column Content -->
@@ -57,22 +59,28 @@ class="p-3 flex-1 overflow-y-auto overflow-x-hidden"
5759 "
5860 class =" py-3 text-center"
5961 >
60- <div wire:loading wire:target =" loadMoreItems('{{ $columnId } } ')" class =" text-xs text-primary-600 dark:text-primary-400" >
62+ <div wire:loading wire:target =" loadMoreItems('{{ $columnId } } ')"
63+ class =" text-xs text-primary-600 dark:text-primary-400" >
6164 {{ __ (' Loading more cards...' ) } }
6265 <div class =" mt-1 flex justify-center" >
63- <svg class =" animate-spin h-4 w-4 text-primary-600 dark:text-primary-400" xmlns =" http://www.w3.org/2000/svg" fill =" none" viewBox =" 0 0 24 24" >
64- <circle class =" opacity-25" cx =" 12" cy =" 12" r =" 10" stroke =" currentColor" stroke-width =" 4" ></circle >
65- <path class =" opacity-75" fill =" currentColor" d =" M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" ></path >
66+ <svg class =" animate-spin h-4 w-4 text-primary-600 dark:text-primary-400"
67+ xmlns =" http://www.w3.org/2000/svg" fill =" none" viewBox =" 0 0 24 24" >
68+ <circle class =" opacity-25" cx =" 12" cy =" 12" r =" 10" stroke =" currentColor"
69+ stroke-width =" 4" ></circle >
70+ <path class =" opacity-75" fill =" currentColor"
71+ d =" M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" ></path >
6672 </svg >
6773 </div >
6874 </div >
69- <div wire:loading.remove wire:target =" loadMoreItems('{{ $columnId } } ')" class =" text-xs text-gray-400" >
70- {{ count ($column [' items' ]) } } / {{ $column [' total' ] } } {{ $config -> pluralCardLabel ?? ' Records' } }
75+ <div wire:loading.remove wire:target =" loadMoreItems('{{ $columnId } } ')"
76+ class =" text-xs text-gray-400" >
77+ {{ count ($column [' items' ]) } }
78+ / {{ $column [' total' ] } } {{ $config -> pluralCardLabel ?? ' Records' } }
7179 </div >
7280 </div >
7381 @endif
7482 @else
75- <x-flowforge::empty-column
83+ <x-flowforge::empty-column
7684 :columnId =" $columnId"
7785 />
7886 @endif
0 commit comments