From b884cc1b82927988a3568b3e33dd25c62624821b Mon Sep 17 00:00:00 2001
From: Ashley Hood <ashley@opensauce.systems>
Date: Tue, 19 Jul 2022 23:51:54 +0100
Subject: [PATCH] feat: Livewire event triggered for cancelled modal

---
 README.md                                        | 11 +++++++++++
 .../components/create-event-modal.blade.php      | 16 +++++++++++++---
 .../views/components/edit-event-modal.blade.php  | 16 +++++++++++++---
 src/Widgets/Concerns/CanManageModals.php         | 10 ++++++++++
 4 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 7e3f280..01c8421 100644
--- 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
index 9350b0c..e920d63 100644
--- a/resources/views/components/create-event-modal.blade.php
+++ b/resources/views/components/create-event-modal.blade.php
@@ -6,6 +6,10 @@
             </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">
@@ -13,9 +17,15 @@
                 {{ __('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
index 2b69708..3952768 100644
--- a/resources/views/components/edit-event-modal.blade.php
+++ b/resources/views/components/edit-event-modal.blade.php
@@ -6,6 +6,10 @@
             </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">
@@ -13,9 +17,15 @@
                 {{ __('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
index 4f1834a..c532a6f 100644
--- 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());
+    }
 }