Forem: Mitesh Rathod

Filament has unsaved change alert feature!

Mitesh Rathod — Sat, 20 Apr 2024 19:23:07 +0000

Filament Tip 👀:

Did you know, you can display alert confirmation before you leave the page in Filament? 🤔

It's very easy to enable! Just add "unsavedChangesAlerts" function in your panel provider, and ready to goo...! 😍

Have you used it? Comment down your favorite filament feature which you know!

rmitesh #filamentphp

Filament has SPA mode!

Mitesh Rathod — Sat, 30 Mar 2024 15:32:39 +0000

Did you know, with Filament you can enable SPA mode for your panel.

You need to add ->spa() in your PanelProvider.

<?php

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        return $panel
            ->default()
            ->id('admin')
            ->spa()
            // ...
    }
}

In SPA mode, you visit the any page, Filament will cache the assets. So next time when you visit the page asset will load from the cache.

and there you go!..

Access parent component value from the Repeater in Filament

Mitesh Rathod — Wed, 27 Mar 2024 17:34:19 +0000

If you want to interact with fields outside of Repeater input, then you can use use $get('../../parent_field_name').

Yes, $get is very powerful function.

Let's say you have few Fields in the form - Order fields.


<?php

use App\Models\Product;
use Filament\Forms;
use Filament\Forms\Form;

public static function form(Form $form): Form
{
    return $form
        ->schema([
            Forms\Components\TextInput::make('order_number')
                ->label('Order Number')
                ->placeholder('Order Number')
                ->maxLength(20)
                ->required(),

            Forms\Components\Repeater::make('products')
                ->relationship()
                ->schema([
                    Forms\Components\TextInput::make('product_code')
                        ->label('Product Code')
                        ->required(),

                    Forms\Components\Select::make('product_id')
                        ->label('Product')
                        ->options(Product::query()->pluck('name', 'id'))
                        ->required()
                        ->reactive()
                        ->afterStateUpdated(fn ($state, Forms\Set $set) =>
                            $set('price', Product::find($state)?->retail_price ?? 0)
                        )
                        ->distinct()
                        ->disableOptionsWhenSelectedInSiblingRepeaterItems()
                        ->searchable(),

                    Forms\Components\TextInput::make('quantity')
                        ->label('Quantity')
                        ->numeric()
                        ->default(1)
                        ->required(),

                    Forms\Components\TextInput::make('price')
                        ->label('Unit Price')
                        ->disabled()
                        ->numeric()
                        ->required(),
                ]),
        ]);
}

Now, you want to access the order number in the product repeater, you can do with


Forms\Components\TextInput::make('product_code')
    ->label('Product Code')
    ->required()
    ->afterStateUpdated(function(Forms\Get $get) {
        return $get('../../order_number'); // using .. you can access parent component value. same as directory structure.
    }),

For more details you can refer the Filament doc for the same.

and there you go!..