How to handle relationship

[svenssontobias]

Hi!

Thanks for a very powerful integration of fullcalendar to Filament!
I've integrated fullcalendar with vue before and this developer experience is so much better!

I have two models Event and Periods. A event hasMany Periods, Periods belongsTo Event.

I get the error Call to a member function periods() on null from this CalendarWidget.
When using the EventResource, it all works fine with the repeater for Periods.

<?php

namespace App\Filament\Widgets;

use App\Models\Event;
use App\Models\Period;
use Filament\Forms\Components\Repeater;
use Illuminate\Database\Eloquent\Model;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Components\DatePicker;

use Saade\FilamentFullCalendar\Widgets\FullCalendarWidget;

class CalendarWidget extends FullCalendarWidget
{
    public Model | string | null $model = Event::class;

    public function fetchEvents(array $fetchInfo): array
    {
        return Event::with('periods')->get()
            ->flatMap(function (Event $event) {
                return $event->periods->map(function (Period $period) use ($event) {
                    return [
                        'id'    => $event->id,
                        'title' => $event->title,
                        'start' => $period->start,
                        'end'   => $period->end,
                    ];
                });
            })
            ->toArray();
    }

    public function getFormSchema(): array
    {
        return [
                TextInput::make('title')
                    ->columnSpanFull()
                    ->label('Titel')
                    ->required()
                    ->maxLength(60),
                Repeater::make('periods')
                    ->columnSpan(2)
                    ->relationship()
                    ->schema([
                        DatePicker::make('start')
                            ->label('Start')
                            ->required(),
                        DatePicker::make('end')
                            ->label('End')
                            ->required(),
                    ])
                    ->columns(2),

        ];


    }

    public static function canView(): bool
    {
        return false;
    }
}

Any ideas?
Just cant get this to work.
I've also tried to "hijack" the onEventClick, to triger an action to show a slideover for the EventResource, but did not manage to get the onEventClick to trigger an Action.

Thanks in advance for all help/advice!

[svenssontobias]

The modal is generated just fine. All the properties is filled in but suddenly the error message comes

[svenssontobias]

I get it to render

But When click save or click Add to Periods error is thrown

[svenssontobias]

Could not get it to work with the relationship.
A workaround was to change data structure and saving the periods into a Json column on the event table made it work.

<?php

namespace App\Filament\Widgets;

use App\Models\Event;
use Filament\Forms\Components\Repeater;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Components\DatePicker;
use Filament\Actions\Concerns\InteractsWithActions;
use Filament\Actions\Contracts\HasActions;
use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Forms\Contracts\HasForms;
use Saade\FilamentFullCalendar\Widgets\FullCalendarWidget;
use Illuminate\Database\Eloquent\Model;

class CalendarWidget extends FullCalendarWidget implements HasActions, HasForms
{
    use InteractsWithActions;
    use InteractsWithForms;

    public Model | string | null $model = Event::class;

    public function fetchEvents(array $fetchInfo): array
    {
        return Event::all()
            ->flatMap(function (Event $event) {
                return collect($event->periods)->map(function ($period) use ($event) {
                    return [
                        'id'    => $event->id,
                        'title' => $event->title,
                        'start' => $period['start'],
                        'end'   => $period['end'],
                    ];
                });
            })
            ->toArray();
    }

    public function getFormSchema(): array
    {
        return [
            TextInput::make('title')
                ->columnSpanFull()
                ->label('Title')
                ->required()
                ->maxLength(60),
            Repeater::make('periods')
                ->label('Periods')
                ->schema([
                    DatePicker::make('start')
                        ->label('Start Date')
                        ->required(),
                    DatePicker::make('end')
                        ->label('End Date')
                        ->required(),
                ])
                ->columns(2),
        ];
    }

    public static function canView(): bool
    {
        return true;
    }
}

If someone has suggestions how to make it work with the relationship. Please let me know.

[dezaelDev]

Hi! I have the same problem, have you managed to make it work with a relationship?

[svenssontobias]

Unfortunately not.

[yazidr1]

Hi, same issue here, with pivot hasmany , view is okay, but add or update seems to not get right data or structure