Hooks

[michabbb]

Let's say a card gets added, deleted, modified, moved... What is the preferred way to react on every action, let's say based on the position of the cards something is build "on the fly" and whenever a card changes, I need to update the result... Thanks

[ManukMinasyan]

@michabbb You control all of that through Filament's built-in actions system. When you define cardActions() and columnActions() on your board, you're creating standard Filament actions where you can add any custom logic you need.

For card movements specifically, you can override the moveCard() method in your board page to hook into drag-and-drop events and trigger your custom logic there.

You have full control to do whatever you want in these action handlers - update related models, trigger events, rebuild cached data, etc.

[ManukMinasyan]

What exactly are you trying to build "on the fly" based on card positions?

[michabbb]

i have something that only exists in the database. it a "title generator" - it´s very similar to your cards. just imagine that each card is a block. imagine that each block doesn´t go from top to bottom, more from left to right - each element combined like a chain results into a "piece of generated text" - so if somone wants to add a word, remove a word, replace a word (or a logic block) - doing that in a kanban style way, would be nice.... at least that is my idea that came into my mind when i saw your package 😏

[ManukMinasyan]

class TitleGeneratorBoard extends BoardPage
{
    public function board(Board $board): Board
    {
        return $board
            // ... your board config
            ->cardActions([
                Action::make('edit')
                    ->action(function (array $data, Model $record) {
                        $record->update($data);
                        $this->regenerateYourTitle(); // Hook into edit
                    }),
                Action::make('delete')
                    ->action(function (Model $record) {
                        $record->delete();
                        $this->regenerateYourTitle(); // Hook into delete
                    }),
            ]);
    }
    
    // Override moveCard to regenerate on drag-and-drop
    public function moveCard(string $cardId, string $targetColumnId, ?string $afterCardId = null, ?string $beforeCardId = null): void
    {
        parent::moveCard($cardId, $targetColumnId, $afterCardId, $beforeCardId);

        $this->regenerateYourTitle(); // Your custom logic here
    }

    protected function regenerateYourTitle(): void
    {
        // Your title generation logic based on card positions
    }
}

You don't override the whole logic - just call parent::moveCard() first, then add your custom hook. Same pattern for all actions! 🚀

[michabbb]

many thanks !! this whole thing really is a very interesting concept.... 😏 👍