feat: Livewire event triggered for cancelled modal

saade · Jul 19, 2022 · b884cc1 · b884cc1
1 parent aa26e75
commit b884cc1
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -311,6 +311,17 @@ class CalendarWidget extends FullCalendarWidget
 
 <br>
 
+## Listening for cancelled modal
+
+If you want to know when a modal has been cancelled, you can add for the following [Livewire events](https://laravel-livewire.com/docs/2.x/events#event-listeners) to your widgets `$listener` array:
+
+```php
+    protected $listeners = [
+        'cancelledFullcalendarCreateEventModal' => 'onCreateEventCancelled',
+        'cancelledFullcalendarEditEventModal' => 'onEditEventCancelled',
+    ];
+```
+
 # Refreshing calendar events
 
 If you want to refresh the calendar events, you can call `$this->refreshEvents()` inside your widget class. This will call `getViewData()` and re-render the events on the calendar.

diff --git a/resources/views/components/create-event-modal.blade.php b/resources/views/components/create-event-modal.blade.php
@@ -6,16 +6,26 @@
             </x-filament::modal.heading>
         </x-slot>
 
+        @if($this->isListeningCancelledCreateModal())
+            <div x-on:close-modal.window="if ($event.detail.id === 'fullcalendar--create-event-modal') Livewire.emit('cancelledFullcalendarCreateEventModal')"></div>
+        @endif
+
         {{ $this->createEventForm }}
 
         <x-slot name="footer">
             <x-filament::button type="submit" form="onCreateEventSubmit">
                 {{ __('filament::resources/pages/create-record.form.actions.create.label') }}
             </x-filament::button>
 
-            <x-filament::button color="secondary" x-on:click="isOpen = false">
-                {{ __('filament::resources/pages/create-record.form.actions.cancel.label') }}
-            </x-filament::button>
+            @if($this->isListeningCancelledCreateModal())
+                <x-filament::button color="secondary" x-on:click="isOpen = false; Livewire.emit('cancelledFullcalendarCreateEventModal')">
+                    {{ __('filament::resources/pages/create-record.form.actions.cancel.label') }}
+                </x-filament::button>
+            @else
+                <x-filament::button color="secondary" x-on:click="isOpen = false">
+                    {{ __('filament::resources/pages/create-record.form.actions.cancel.label') }}
+                </x-filament::button>
+            @endif
         </x-slot>
     </x-filament::modal>
 </x-filament::form>
diff --git a/resources/views/components/edit-event-modal.blade.php b/resources/views/components/edit-event-modal.blade.php
@@ -6,16 +6,26 @@
             </x-filament::modal.heading>
         </x-slot>
 
+        @if($this->isListeningCancelledEditModal())
+            <div x-on:close-modal.window="if ($event.detail.id === 'fullcalendar--create-event-modal') Livewire.emit('cancelledFullcalendarEditEventModal')"></div>
+        @endif
+
         {{ $this->editEventForm }}
 
         <x-slot name="footer">
             <x-filament::button type="submit" form="onEditEventSubmit">
                 {{ __('filament::resources/pages/edit-record.form.actions.save.label') }}
             </x-filament::button>
 
-            <x-filament::button color="secondary" x-on:click="isOpen = false">
-                {{ __('filament::resources/pages/edit-record.form.actions.cancel.label') }}
-            </x-filament::button>
+            @if($this->isListeningCancelledEditModal())
+                <x-filament::button color="secondary" x-on:click="isOpen = false; Livewire.emit('cancelledFullcalendarEditEventModal')">
+                    {{ __('filament::resources/pages/edit-record.form.actions.cancel.label') }}
+                </x-filament::button>
+            @else
+                <x-filament::button color="secondary" x-on:click="isOpen = false">
+                    {{ __('filament::resources/pages/edit-record.form.actions.cancel.label') }}
+                </x-filament::button>
+            @endif
         </x-slot>
     </x-filament::modal>
 </x-filament::form>
diff --git a/src/Widgets/Concerns/CanManageModals.php b/src/Widgets/Concerns/CanManageModals.php
@@ -17,4 +17,14 @@ protected function getModalWidth(): string
     {
         return $this->modalWidth;
     }
+
+    public function isListeningCancelledEditModal(): bool
+    {
+        return in_array('cancelledFullcalendarEditEventModal', $this->getEventsBeingListenedFor());
+    }
+
+    public function isListeningCancelledCreateModal(): bool
+    {
+        return in_array('cancelledFullcalendarCreateEventModal', $this->getEventsBeingListenedFor());
+    }
 }