Topics

Filament•2mo ago

Adding a form to a Livewire component

I added custom livewire component https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component gettitng error Livewire page component layout view not found: [components.layouts.app] Here is route inside web.php i Route::get('/admin/suppliers/{record}/line-items', ListSupplierLineItem::class);

Adding a form to a Livewire component - Form Builder - Filament

27 Replies

Dennis Koch•2mo ago

https://livewire.laravel.com/docs/components#layout-files

Laravel

Components | Laravel

A full-stack framework for Laravel that takes the pain out of building dynamic UIs.

Umar Farooq•2mo ago

I want to use filament layout path?

Dennis Koch•2mo ago

What do you mean by "Filament layout path"? You want to use Filaments layout? Why don't you create a Filament Page then?

Umar Farooq•2mo ago

I created the filament page

<?php

namespace App\Filament\Pages\LineItem;

// import

class ListSupplierLineItem extends Component implements HasForms, HasTable
{
    use InteractsWithTable;
    use InteractsWithForms;

    /**
     * @param $record
     * @return void
     */
    public function mount($record): void
    {
        $this->record = LineItem::find($record);
    }

    /**
     * @param array $parameters
     * @return bool
     */
    public static function canAccess(array $parameters = []): bool
    {
        return auth()->user()->can('view_supplier_items_' . $parameters['record']->id);
    }

    /**
     * @param Tables\Table $table
     * @return Tables\Table
     */
    public function table(Tables\Table $table): Tables\Table
    {
        return $table
            ->query($this->getTableQuery())
            ->columns([
                // ..
            ])
            ->actions([
                Tables\Actions\EditAction::make()
                    ->url(fn ($record) => SupplierResource::getUrl('edit-line-item', ['record' => $record]))
            ]);
    }

    /**
     * @deprecated Override the `table()` method to configure the table.
     */
    protected function getTableQuery(): Builder | Relation | null
    {
        return LineItem::query()->where('supplier_id', $this->record->id);
    }

    /**
     * @return Application|Factory|View|\Illuminate\Foundation\Application
     */
    public function render(): Application|Factory|View|\Illuminate\Foundation\Application
    {
        return view('table.line-items.list-records');
    }
}

<?php

namespace App\Filament\Pages\LineItem;

// import

class ListSupplierLineItem extends Component implements HasForms, HasTable
{
    use InteractsWithTable;
    use InteractsWithForms;

    /**
     * @param $record
     * @return void
     */
    public function mount($record): void
    {
        $this->record = LineItem::find($record);
    }

    /**
     * @param array $parameters
     * @return bool
     */
    public static function canAccess(array $parameters = []): bool
    {
        return auth()->user()->can('view_supplier_items_' . $parameters['record']->id);
    }

    /**
     * @param Tables\Table $table
     * @return Tables\Table
     */
    public function table(Tables\Table $table): Tables\Table
    {
        return $table
            ->query($this->getTableQuery())
            ->columns([
                // ..
            ])
            ->actions([
                Tables\Actions\EditAction::make()
                    ->url(fn ($record) => SupplierResource::getUrl('edit-line-item', ['record' => $record]))
            ]);
    }

    /**
     * @deprecated Override the `table()` method to configure the table.
     */
    protected function getTableQuery(): Builder | Relation | null
    {
        return LineItem::query()->where('supplier_id', $this->record->id);
    }

    /**
     * @return Application|Factory|View|\Illuminate\Foundation\Application
     */
    public function render(): Application|Factory|View|\Illuminate\Foundation\Application
    {
        return view('table.line-items.list-records');
    }
}

but do not want to register with any resource as it has it's own permissions

Dennis Koch•2mo ago

That's a Livewire component and not a full page. Why don't you just create a page via artisan make:filament-page?

Umar Farooq•2mo ago

can I create a page without adding into any resources? I want to give different permission to the page as resource use canViewAny and my page has different permission

Dennis Koch•2mo ago

Yes, you can.

Dennis Koch•2mo ago

https://filamentphp.com/docs/3.x/panels/pages#creating-a-page

Pages - Panel Builder - Filament

Umar Farooq•2mo ago

getting 404

class SupplierLineItems extends Page
{
    protected static ?string $navigationIcon = 'heroicon-o-document-text';

    protected static string $view = 'filament.pages.supplier-line-items';

    protected static ?string $slug = '/admin/suppliers/{record}/line-items';

    use InteractsWithTable;
    use InteractsWithForms;
    use InteractsWithRecord;

    /**
     * @param $record
     * @return void
     */
    public function mount($record): void
    {
        $this->record = LineItem::find($record);
    }

    /**
     * @param array $parameters
     * @return bool
     */
    public static function canAccess(array $parameters = []): bool
    {
        return auth()->user()->can('view_supplier_items_');
    }

    /**
     * @param Tables\Table $table
     * @return Tables\Table
     */
    public function table(Tables\Table $table): Tables\Table
    {
        return $table
            ->query($this->getTableQuery())
            ->columns([
                // ..
            ])
            ->actions([
                Tables\Actions\EditAction::make()
                    ->url(fn ($record) => SupplierResource::getUrl('edit-line-item', ['record' => $record]))
            ]);
    }

    /**
     * @deprecated Override the `table()` method to configure the table.
     */
    protected function getTableQuery(): Builder | Relation | null
    {
        return LineItem::query()->where('supplier_id', $this->record->id);
    }
}

class SupplierLineItems extends Page
{
    protected static ?string $navigationIcon = 'heroicon-o-document-text';

    protected static string $view = 'filament.pages.supplier-line-items';

    protected static ?string $slug = '/admin/suppliers/{record}/line-items';

    use InteractsWithTable;
    use InteractsWithForms;
    use InteractsWithRecord;

    /**
     * @param $record
     * @return void
     */
    public function mount($record): void
    {
        $this->record = LineItem::find($record);
    }

    /**
     * @param array $parameters
     * @return bool
     */
    public static function canAccess(array $parameters = []): bool
    {
        return auth()->user()->can('view_supplier_items_');
    }

    /**
     * @param Tables\Table $table
     * @return Tables\Table
     */
    public function table(Tables\Table $table): Tables\Table
    {
        return $table
            ->query($this->getTableQuery())
            ->columns([
                // ..
            ])
            ->actions([
                Tables\Actions\EditAction::make()
                    ->url(fn ($record) => SupplierResource::getUrl('edit-line-item', ['record' => $record]))
            ]);
    }

    /**
     * @deprecated Override the `table()` method to configure the table.
     */
    protected function getTableQuery(): Builder | Relation | null
    {
        return LineItem::query()->where('supplier_id', $this->record->id);
    }
}

Dennis Koch•2mo ago

Does the page show in the sidebar?

Umar Farooq•2mo ago

unfortunately no

Dennis Koch•2mo ago

Just noticed, you cannot auto register it anyway. Cause you require a url param. You should link to it from the table. Also I think /admin is redundant, because your panel is probably admin which would result in /admin/admin/ url

Umar Farooq•2mo ago

after removing /admin getting

Missing required parameter for [Route: filament.admin.pages..suppliers.{record}.line-items] [URI: admin/suppliers/{record}/line-items] [Missing parameter: record].

->url(function () use ($id) {
                    return SupplierLineItems::getUrl(['record' => $id]);
                })

->url(function () use ($id) {
                    return SupplierLineItems::getUrl(['record' => $id]);
                })

even I passing the record

Umar Farooq•2mo ago

https://filamentphp.com/docs/3.x/panels/pages#generating-urls-to-pages

Pages - Panel Builder - Filament

Dennis Koch•2mo ago

Where does that $id come from? Did you check that it’s not empty?

Umar Farooq•2mo ago

yes, it's not empty I did receive the $record on mount

    /**
     * @param $record
     * @return void
     */
    public function mount($record): void
    {
        $this->record = Supplier::find($record);
    }

    /**
     * @param $record
     * @return void
     */
    public function mount($record): void
    {
        $this->record = Supplier::find($record);
    }

slug creating the issue

    protected static ?string $slug = '/suppliers/{record}/line-items';

    protected static ?string $slug = '/suppliers/{record}/line-items';

Umar Farooq•2mo ago

https://filamentphp.com/docs/3.x/panels/pages#generating-urls-to-pages How I can get the parameter value inside the page?

Pages - Panel Builder - Filament

Umar Farooq•2mo ago

and I think it's a query base parameter. will not work with path parameter

Dennis Koch•2mo ago

Where did you put that part of code and where is $id coming from? I wanted to know whether $id is set

Umar Farooq•2mo ago

inside AdminPanelProvider

if (Schema::hasTable(Supplier::getTableName())) {
    suppliers = Supplier::all()->pluck('name', 'id');
 }

$suppliersNavItem = [];

foreach ($suppliers as $id => $supplier) {
  $suppliersNavItem[] = NavigationItem::make($supplier)
                ->url(function () use ($id) {
                    return SupplierLineItems::getUrl(['record' => $id]);
                })
                ->visible(function () use ($id) {
                    return auth()->user()->can("view_supplier_items_$id");
                })
                ->isActiveWhen(function () use ($id) {
                    $route = Route::current();

                    return $route->uri() === "admin/suppliers/{record}/line-items" && $route->parameter('record') === "$id";
                })
                ->icon('heroicon-o-building-storefront')
                ->group('Order Management')
                ->sort($id);
}

if (Schema::hasTable(Supplier::getTableName())) {
    suppliers = Supplier::all()->pluck('name', 'id');
 }

$suppliersNavItem = [];

foreach ($suppliers as $id => $supplier) {
  $suppliersNavItem[] = NavigationItem::make($supplier)
                ->url(function () use ($id) {
                    return SupplierLineItems::getUrl(['record' => $id]);
                })
                ->visible(function () use ($id) {
                    return auth()->user()->can("view_supplier_items_$id");
                })
                ->isActiveWhen(function () use ($id) {
                    $route = Route::current();

                    return $route->uri() === "admin/suppliers/{record}/line-items" && $route->parameter('record') === "$id";
                })
                ->icon('heroicon-o-building-storefront')
                ->group('Order Management')
                ->sort($id);
}

Dennis Koch•2mo ago

What do you mean by "slug creating the issues" when you say that you received "record" on mount?

Umar Farooq•2mo ago

the error [URI: admin/suppliers/{record}/line-items] [Missing parameter: record]. the record should be resolved as it's get on mount function

Dennis Koch•2mo ago

Hm. The method call and slug look good to me.

Umar Farooq•2mo ago

No description

Umar Farooq•2mo ago

Where I can access the parameters pass to getUrl inside page? Should I open an issue on GitHub?

Dennis Koch•2mo ago

I am still not sure this is a Filament issue

Umar Farooq•2mo ago

I don't know it's filament issue or livewire Is there another way I can achieve the same functionality?

Filament is a collection of beautiful full-stack components for Laravel.You can get help using it on our Discord.

15KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Hide Navigation (top) on certain custom pagesHello, Would it be possible to hide top navigation on certain custom pages? I want to change login Save each word as new recordhi guys, how. i can save each key from textarea as a new record??How to make a third level menu in navigation?Hi all. How to make a third level menu in navigation? I have a group that contains a lot of resour is it possible to access a query param on the create page to influence how a form is displayed^diplay columnspanHi, I would like to put my filter in 1 line but i don't know how i have to do that : ```php Filter:Is it possible to call a header action from a resource list page (that opens a modal)Ive placed this in my resources list page protected function getHeaderActions(): array { Video Durations(Hours and Seconds)I want to save the duration of a video in my database. Is there any field to save it( in hours and s filter query join is not working for meso, I am trying to make a filter with join on another table. The query is working fine but for some Testing - get created recordHi, when testing the Create Page form, I also associate a relationship using a `Select`. I can test grouping table with booleanIt's work to grouping table from boolean data like this ```->defaultGroup('RootInformation.isVerifie