skybert Comments - Answer Overflow

Hmm, i see the way you are thinking. So potentially then inside there load up a filament form? And for the modal/slide-over itself utilize this component? https://filamentphp.com/docs/3.x/support/blade-components/modal How would i then pass to the livewire component hmm?

27 replies

FFilament

•Created by skybert on 8/23/2023 in #❓┊help

Load action modal in different livewire component

First time filament user, coming from Nova so familiar land but quite unfamiliar at same time

27 replies

FFilament

•Created by skybert on 8/23/2023 in #❓┊help

Load action modal in different livewire component

Familiar with those yep 🙂 Have thought about that route, but have not quiiiteee seen how it could be hooked in "properly"

27 replies

FFilament

•Created by skybert on 8/23/2023 in #❓┊help

Load action modal in different livewire component

Nope, but thats quick to add

27 replies

FFilament

•Created by skybert on 8/23/2023 in #❓┊help

Load action modal in different livewire component

Rockin! Cause i have nonen hah, tried a few creative ways but have got none working

27 replies

FFilament

•Created by skybert on 8/23/2023 in #❓┊help

Load action modal in different livewire component

Code for that file so you have an idea:

@extends('../layouts/side-menu')

@section('subhead')
    <title>Rediger Attributt - {{ tenant('company') }} ({{ config('app.name', 'Laravel') }})</title>
@endsection

@section('subcontent')
    <div class="intro-y mt-8 flex items-center">
        <h2 class="mr-auto text-lg font-medium">Butikk Innstillinger</h2>
    </div>
    <div class="grid grid-cols-12 gap-6">
        <div class="col-span-12 flex flex-col-reverse lg:col-span-3 lg:block 2xl:col-span-2">
            <div class="intro-y box mt-5">
                <div class="border-t border-slate-200/60 p-5 dark:border-darkmode-400">
                    <x-tickt.menus.settings-menu :menu_content="App\Menus\StoreSettings::menu()"/>
                </div>
            </div>
        </div>
        <div class="col-span-12 lg:col-span-9 2xl:col-span-10">
            <div class="intro-y box lg:mt-5">
                <div class="flex items-center border-b border-slate-200/60 p-5 dark:border-darkmode-400">
                    <h2 class="mr-auto text-base font-medium">Rediger Attributt: {{ $handle }}</h2>
                </div>
                <div class="p-5">
                    <livewire:tenant.settings.store.attributes.edit handle="collection" />
                </div>
            </div>
        </div>
    </div>
@endsection

@extends('../layouts/side-menu')

@section('subhead')
    <title>Rediger Attributt - {{ tenant('company') }} ({{ config('app.name', 'Laravel') }})</title>
@endsection

@section('subcontent')
    <div class="intro-y mt-8 flex items-center">
        <h2 class="mr-auto text-lg font-medium">Butikk Innstillinger</h2>
    </div>
    <div class="grid grid-cols-12 gap-6">
        <div class="col-span-12 flex flex-col-reverse lg:col-span-3 lg:block 2xl:col-span-2">
            <div class="intro-y box mt-5">
                <div class="border-t border-slate-200/60 p-5 dark:border-darkmode-400">
                    <x-tickt.menus.settings-menu :menu_content="App\Menus\StoreSettings::menu()"/>
                </div>
            </div>
        </div>
        <div class="col-span-12 lg:col-span-9 2xl:col-span-10">
            <div class="intro-y box lg:mt-5">
                <div class="flex items-center border-b border-slate-200/60 p-5 dark:border-darkmode-400">
                    <h2 class="mr-auto text-base font-medium">Rediger Attributt: {{ $handle }}</h2>
                </div>
                <div class="p-5">
                    <livewire:tenant.settings.store.attributes.edit handle="collection" />
                </div>
            </div>
        </div>
    </div>
@endsection

27 replies

FFilament

•Created by skybert on 8/23/2023 in #❓┊help

Load action modal in different livewire component

The structure looks something like this:

base.blade.php
-side-menu.blade.php
--attribiuteEdit.blade.php
---livewire:tenant.setttings

base.blade.php
-side-menu.blade.php
--attribiuteEdit.blade.php
---livewire:tenant.setttings

And on the last one there the filament stuff is loaded and livewire first utilized

27 replies

FFilament

•Created by skybert on 8/23/2023 in #❓┊help

Load action modal in different livewire component

Row action 🙂 It should trigger a edit form simply. Code:

    public function table(Table $table): Table
    {
        return $table
            ->query(Attribute::query()->where('attribute_group_id', $this->getAttributeGroupsProperty()->pluck('id')->toArray()))
            ->defaultGroup(Group::make('attributeGroup.handle')->label('Attributt Gruppe')->getTitleFromRecordUsing(fn (Attribute $record): string => ucfirst($record->attributeGroup->name->first())))
            ->actions([
                Action::make('edit')
                    ->label('Rediger')
                    ->form([
                        TextInput::make('name')
                            ->label('Attributt Navn')
                            ->required(),
                    ])
                    ->slideOver()
                    ->icon('heroicon-m-pencil-square')
                    ->iconButton(),
            ])
            ->columns([
                TextColumn::make('name')->label('Attributt Navn'),
                LunarFieldType::make('type')->label('Attributt Type'),
            ]);
    }

    public function table(Table $table): Table
    {
        return $table
            ->query(Attribute::query()->where('attribute_group_id', $this->getAttributeGroupsProperty()->pluck('id')->toArray()))
            ->defaultGroup(Group::make('attributeGroup.handle')->label('Attributt Gruppe')->getTitleFromRecordUsing(fn (Attribute $record): string => ucfirst($record->attributeGroup->name->first())))
            ->actions([
                Action::make('edit')
                    ->label('Rediger')
                    ->form([
                        TextInput::make('name')
                            ->label('Attributt Navn')
                            ->required(),
                    ])
                    ->slideOver()
                    ->icon('heroicon-m-pencil-square')
                    ->iconButton(),
            ])
            ->columns([
                TextColumn::make('name')->label('Attributt Navn'),
                LunarFieldType::make('type')->label('Attributt Type'),
            ]);
    }