Modal resource editing

Is there a possibility to call a Filament modal from Alpinejs, where i can edit or create a resource?

10 Replies

from your List page? pleas provide more info..

I have a blade component from which I want to open a modal either for editing or creating depending on the condition and I want to fill out the same form as if I were editing the resource

LeandroFerreira•2mo ago

where are you rendering your blade component?

Twixzor•2mo ago

in the filament dashboard page

LeandroFerreira•2mo ago

would you like to open a modal resource from your dashboard, right? Using a custom button, for example?

Twixzor•2mo ago

I don't want to use a button, but a calendar with dates, if I click on a date I want to edit it, if there is space then create a new one :S

LeandroFerreira•2mo ago

I believe you have a simple resource, using modals to create/edit records. In your ManageXX.php page, add this:

use Filament\Support\Facades\FilamentView;
use Filament\View\PanelsRenderHook;
use Livewire\Attributes\Url;

#[Url]
public ?string $action = null;

#[Url]
public string $action_id = '0';

public function mount(): void
{
    parent::mount();

    FilamentView::registerRenderHook(
        PanelsRenderHook::PAGE_END,
        fn (): string => '<div wire:init="init"></div>',
    );
}

public function init(): void
{
    if ($this->action === 'edit') {
        $this->mountTableAction('edit', $this->action_id);
    }
}

use Filament\Support\Facades\FilamentView;
use Filament\View\PanelsRenderHook;
use Livewire\Attributes\Url;

#[Url]
public ?string $action = null;

#[Url]
public string $action_id = '0';

public function mount(): void
{
    parent::mount();

    FilamentView::registerRenderHook(
        PanelsRenderHook::PAGE_END,
        fn (): string => '<div wire:init="init"></div>',
    );
}

public function init(): void
{
    if ($this->action === 'edit') {
        $this->mountTableAction('edit', $this->action_id);
    }
}

Then, redirect to this page using url params: /admin/xxx?action=create /admin/xxx?action=edit&action_id=1

Twixzor•2mo ago

thank you! i will check 🙏 I'm new to laravel, I've been following it for a long time, but I've only just decided to give it a try, filament gave me the final push, because with it I can probably progress faster in my work than with my self-developed admin interface Unfortunately it's not what i wan, because I don't want to open the modal with a redirect, but with an Ajax request, triggered by a JavaScript event. 😦

Hung Thai•2mo ago

Up. I'm looking for the same effect but haven't found any yet.

Twixzor•2mo ago

I didn't find a solution, so I redirect it to the resource edit and create page on click

Gaming

Programming

Modal resource editing