Card labels

Author: ManukMinasyan

resources/dist/flowforge.js

@@ -11,7 +11,7 @@ export default function flowforge({state}) {
                 const id = data[0].id;
                 const column = data[0].column;
 
-                this.$dispatch('close-modal', { id: 'create-card-modal' });
+                this.$dispatch('close-modal', { id: 'create-record-modal' });
 
                 // Highlight the new card
                 setTimeout(() => {
@@ -33,7 +33,7 @@ export default function flowforge({state}) {
                 })
                 const id = data[0].id;
 
-                this.$dispatch('close-modal', { id: 'edit-card-modal' });
+                this.$dispatch('close-modal', { id: 'edit-record-modal' });
 
                 // Highlight the updated card
                 // setTimeout(() => {
@@ -51,7 +51,7 @@ export default function flowforge({state}) {
             this.$wire.$on('kanban-record-deleted', (data) => {
                 const id = data[0].id;
 
-                this.$dispatch('close-modal', { id: 'edit-card-modal' });
+                this.$dispatch('close-modal', { id: 'edit-record-modal' });
 
                 // Highlight the deleted card
                 setTimeout(() => {

resources/js/flowforge.js

@@ -5,7 +5,7 @@ class="kanban-card mb-3 bg-white dark:bg-gray-800 rounded-lg shadow-sm border bo
     x-sortable-handle
     x-sortable-item="{{ $card['id'] }}"
     wire:click="openEditForm('{{ $card['id'] }}', '{{ $columnId }}')"
-    x-on:click="$dispatch('open-modal', { id: 'edit-card-modal' })"
+    x-on:click="$dispatch('open-modal', { id: 'edit-record-modal' })"
 >
     <div class="p-3">
         <h4 class="text-sm font-medium text-gray-900 dark:text-white">{{ $card['title'] }}</h4>

resources/views/livewire/card.blade.php

@@ -18,7 +18,7 @@ class="ml-2 px-2.5 py-0.5 rounded-full text-xs font-medium kanban-color-{{ $colu
             <button
                 type="button"
                 wire:click="openCreateForm('{{ $columnId }}')"
-                x-on:click="$dispatch('open-modal', { id: 'create-card-modal' })"
+                x-on:click="$dispatch('open-modal', { id: 'create-record-modal' })"
                 class="text-gray-400 hover:text-primary-500 dark:text-gray-500 dark:hover:text-primary-400"
             >
                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"

resources/views/livewire/column.blade.php

@@ -9,7 +9,7 @@ class="w-full h-full flex flex-col relative"
         state: {
             columns: @js($columns),
             columnField: '{{ $config->getColumnField() }}',
-            cardLabel: '{{ $config->cardLabel ?? 'record' }}',
+            cardLabel: '{{ $config->getCardLabel() ?? 'record' }}',
             pluralCardLabel: '{{ $config->pluralCardLabel ?? 'Records' }}'
         }
     })"
@@ -29,6 +29,6 @@ class="w-full h-full flex flex-col relative"
         </div>
     </div>
 
-    <x-flowforge::modals.create-card :permissions="$this->permissions" :config="$config" />
-    <x-flowforge::modals.edit-card :permissions="$this->permissions" :config="$config" />
+    <x-flowforge::modals.create-record :permissions="$this->permissions" :config="$config" />
+    <x-flowforge::modals.edit-record :permissions="$this->permissions" :config="$config" />
 </div>

resources/views/livewire/kanban-board.blade.php

@@ -1,7 +1,8 @@
 @props(['config'])
 
-<x-filament::modal id="create-card-modal" :heading="__('Create New :cardLabel', ['cardLabel' => $config->cardLabel ?? 'Record'])"
-:description="__('Add a new :cardLabel to the board', ['cardLabel' => strtolower($config->cardLabel ?? 'record')])"
+<x-filament::modal id="create-record-modal"
+                   :heading="__('Create New :cardLabel', ['cardLabel' => $config->getCardLabel() ?? 'Record'])"
+                   :description="__('Add a new :cardLabel to the board', ['cardLabel' => strtolower($config->getCardLabel() ?? 'record')])"
 >
 
     {{ $this->createRecordForm }}
@@ -10,15 +11,15 @@
         <div class="flex justify-end gap-x-3">
             <x-filament::button
                 color="gray"
-                x-on:click="$dispatch('close-modal', { id: 'create-card-modal' })"
+                x-on:click="$dispatch('close-modal', { id: 'create-record-modal' })"
             >
                 {{ __('Cancel') }}
             </x-filament::button>
 
             <x-filament::button
                 wire:click="createRecord"
             >
-                {{ __('Create :cardLabel', ['cardLabel' => $config->cardLabel ?? 'Record']) }}
+                {{ __('Create :cardLabel', ['cardLabel' => $config->getCardLabel() ?? 'Record']) }}
             </x-filament::button>
         </div>
     </x-slot>

…ws/livewire/modals/create-card.blade.php …/livewire/modals/create-record.blade.phpresources/views/livewire/modals/create-card.blade.php renamed to resources/views/livewire/modals/create-record.blade.php resources/views/livewire/modals/create-card.blade.php renamed to resources/views/livewire/modals/create-record.blade.php

@@ -1,6 +1,6 @@
 @props(['config', 'permissions'])
 
-<x-filament::modal id="edit-card-modal" :heading="__('Edit :cardLabel', ['cardLabel' => $config->cardLabel ?? 'Card'])">
+<x-filament::modal id="edit-record-modal" :heading="__('Edit :cardLabel', ['cardLabel' => $config->getCardLabel() ?? 'Record'])">
     {{ $this->editRecordForm }}
 
     <x-slot name="footer">
@@ -19,7 +19,7 @@
             <div class="flex gap-x-3">
                 <x-filament::button
                     color="gray"
-                    x-on:click="$dispatch('close-modal', { id: 'edit-card-modal' })"
+                    x-on:click="$dispatch('close-modal', { id: 'edit-record-modal' })"
                 >
                     {{ __('Cancel') }}
                 </x-filament::button>