How to call fetchEvents on interval time ?

[nunomazer]

I have a page with fullCalendar that keep opened and it should refresh the events each minute, how can I call the method on a setInterval or wire.poll ?

[cawecoy]

You can do it via JS:

// refresh fullcalendar every 1000 milliseconds
setInterval(function () {
    window.dispatchEvent( new Event('filament-fullcalendar--refresh') );
}, 1000);

[newtec-foggia]

Sorry, I'm new to filament, where do I enter the code you indicated?
I modified the calendar-widget.blade.php file but it doesn't refresh
x-filament-widgets::widget
x-filament::section
{{-- Widget content --}}
</x-filament::section>

{{-- Aggiungi lo script per aggiornare il calendario ogni minuto --}}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        setInterval(function() {
            window.dispatchEvent(new Event('filament-fullcalendar--refresh'));
        }, 60000); // 60000 millisecondi = 1 minuto
    });
</script>

</x-filament-widgets::widget>

[cawecoy]

A quick way is to add it via Render Hook. Example:

AppServiceProvider.php:

use Filament\Support\Facades\FilamentView;
use Filament\View\PanelsRenderHook;
use Illuminate\Contracts\View\View;

// ...

public function boot(): void
{
    FilamentView::registerRenderHook(
        PanelsRenderHook::PAGE_END,
        fn (): View => view('fc-refresh-script')
    );
}

resources/views/fc-refresh-script.blade.php:

{{-- Aggiungi lo script per aggiornare il calendario ogni minuto --}}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        setInterval(function() {
            window.dispatchEvent(new Event('filament-fullcalendar--refresh'));
        }, 60000); // 60000 millisecondi = 1 minuto
    });
</script>

Also, you can scope the render hook to load the script only in specific pages: https://filamentphp.com/docs/3.x/support/render-hooks#scoping-render-hooks

[newtec-foggia]

perfect, thanks

[nunomazer]

Thank you @cawecoy it's perfect working