Señor Nikola
Señor Nikola
PostsComments
FFilament
Created by Señor Nikola on 3/21/2025 in #❓┊help
Excel Import Issue
Hi, I am trying to add additional fields to table header action beside just filupload. So goal is to add additional text input next to file upload. But when i upload excel i am having issue with getting that file in $data from ->action().. Is there any way for me to get that temp file to be read with my custom Excel import? 
    ->headerActions([
                Action::make('importProducts')
                    ->label(__('Import Products'))

                    ->form([
                        FileUpload::make('import_file')
                            ->label(__('Upload Excel File'))
                            ->acceptedFileTypes([
                                'text/csv',
                                'application/vnd.ms-excel',
                                'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
                            ])
                            ->placeholder(new HtmlString(__('inputs.drag_and_drop_or_browse')))
                            ->required()
                            ->helperText(__('Upload a CSV or Excel file with columns: title, group_name, catalog_number, catalog_numbers, brand, price, quantity, quality'))
                            ->getUploadedFileNameForStorageUsing(
                                fn (TemporaryUploadedFile $file): string => $file->getClientOriginalName()
                            ),
                    ])
                    ->action(function (array $data) {
                        $temporaryFile = $data['import_file'];

                        ImportProductsFromExcel::dispatch($temporaryFile, auth()->user());

                        Notification::make()
                            ->title(__('Import Started'))
                            ->body(__('Your product import is being processed in the background.'))
                            ->success()
                            ->send();
                    })

            ])
    ->headerActions([
                Action::make('importProducts')
                    ->label(__('Import Products'))

                    ->form([
                        FileUpload::make('import_file')
                            ->label(__('Upload Excel File'))
                            ->acceptedFileTypes([
                                'text/csv',
                                'application/vnd.ms-excel',
                                'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
                            ])
                            ->placeholder(new HtmlString(__('inputs.drag_and_drop_or_browse')))
                            ->required()
                            ->helperText(__('Upload a CSV or Excel file with columns: title, group_name, catalog_number, catalog_numbers, brand, price, quantity, quality'))
                            ->getUploadedFileNameForStorageUsing(
                                fn (TemporaryUploadedFile $file): string => $file->getClientOriginalName()
                            ),
                    ])
                    ->action(function (array $data) {
                        $temporaryFile = $data['import_file'];

                        ImportProductsFromExcel::dispatch($temporaryFile, auth()->user());

                        Notification::make()
                            ->title(__('Import Started'))
                            ->body(__('Your product import is being processed in the background.'))
                            ->success()
                            ->send();
                    })

            ])
4 replies
FFilament
Created by Señor Nikola on 3/11/2025 in #❓┊help
Strange Issue with Filament and API Routes
Hi, I have encountered strange issue when i update profile password and press button in UserMenu to signout i get Route login not defined error 
->withRouting(
        web: __DIR__.'/../routes/web.php',
        api: __DIR__.'/../routes/api.php',
        commands: __DIR__.'/../routes/console.php',
        channels: __DIR__.'/../routes/channels.php',
        health: '/up',
        then: function () {
            Route::middleware('api')
                ->name('api.')
                ->prefix('api/v1')
                ->group(base_path('routes/api_v1.php'));
        }
    )


api.php

<?php

use App\Http\Controllers\Api\AuthController;
use Illuminate\Support\Facades\Route;

Route::prefix('api')
    ->name('api.')
    ->group(function () {
        Route::post('/login', [AuthController::class, 'login'])->name('login');
        Route::post('/logout', [AuthController::class, 'logout'])->name('logout');
    });
->withRouting(
        web: __DIR__.'/../routes/web.php',
        api: __DIR__.'/../routes/api.php',
        commands: __DIR__.'/../routes/console.php',
        channels: __DIR__.'/../routes/channels.php',
        health: '/up',
        then: function () {
            Route::middleware('api')
                ->name('api.')
                ->prefix('api/v1')
                ->group(base_path('routes/api_v1.php'));
        }
    )


api.php

<?php

use App\Http\Controllers\Api\AuthController;
use Illuminate\Support\Facades\Route;

Route::prefix('api')
    ->name('api.')
    ->group(function () {
        Route::post('/login', [AuthController::class, 'login'])->name('login');
        Route::post('/logout', [AuthController::class, 'logout'])->name('logout');
    });
Any idea why it is mixing them up?
18 replies
FFilament
Created by Señor Nikola on 3/4/2025 in #❓┊help
Shield Issue With Resources with same name but different namespaces
Hello, I have an issue with UserResource and Api/UserResource So what happens is that when i remove or add permission for classic non api UserResource it affects the Api/UserResource as well any idea what is causing this?
3 replies
FFilament
Created by Señor Nikola on 2/28/2025 in #❓┊help
Formatting Tooltip to return rendered HTML instead of plain text
Hi, I am having an issue with rendering HTML on table column tooltip using accessor. Right now on table tooltip i have this 
           TextColumn::make('current_currency_price_without_discount_formatted')
                ->label(__('inputs.price'))
                ->visible(fn (): bool => Auth::user()->can('view_price_product'))
                ->money(currency: 'EUR')
                ->tooltip(fn($record) => new HtmlString($record->all_stores_prices_formatted_html))
                ->sortable(['price']),
           TextColumn::make('current_currency_price_without_discount_formatted')
                ->label(__('inputs.price'))
                ->visible(fn (): bool => Auth::user()->can('view_price_product'))
                ->money(currency: 'EUR')
                ->tooltip(fn($record) => new HtmlString($record->all_stores_prices_formatted_html))
                ->sortable(['price']),
But i still get pure html..
4 replies
FFilament
Created by Señor Nikola on 2/25/2025 in #❓┊help
Style Issue With <x-filament::dropdown>
Did anyone had issue with filament dropdown component - like from video? 
<div>
    <x-filament::dropdown placement="bottom-start" class="panel-settings-dropdown">
        <x-slot name="trigger">
            <img class="header-cog" src="{{ Vite::image('svg/cog.svg') }}" alt="25" width="36" height="36">
        </x-slot>

        <x-filament::dropdown.list>

            <x-filament::dropdown.list.item
                    href="{{ \App\Filament\Pages\NavigationManager::getUrl() }}"
                    tag="a"
            >
                @lang('Navigation Manager')
            </x-filament::dropdown.list.item>

            <x-filament::dropdown.list.item
                    href="{{ \App\Filament\Pages\Settings::getUrl() }}"
                    tag="a"
            >
                @lang('Settings')
            </x-filament::dropdown.list.item>

            <x-filament::dropdown.list.item wire:click="toggleDebugMode">
                {{ get_settings_value('debug_mode') ? __('Disable Debug Mode') : __('Enable Debug Mode') }}
            </x-filament::dropdown.list.item>

        </x-filament::dropdown.list>
    </x-filament::dropdown>
    @push('scripts')
        <script>
            document.addEventListener('livewire:init', () => {
                Livewire.on('refresh-page', () => {
                    window.location.reload();
                });
            });
        </script>
    @endpush
</div>
<div>
    <x-filament::dropdown placement="bottom-start" class="panel-settings-dropdown">
        <x-slot name="trigger">
            <img class="header-cog" src="{{ Vite::image('svg/cog.svg') }}" alt="25" width="36" height="36">
        </x-slot>

        <x-filament::dropdown.list>

            <x-filament::dropdown.list.item
                    href="{{ \App\Filament\Pages\NavigationManager::getUrl() }}"
                    tag="a"
            >
                @lang('Navigation Manager')
            </x-filament::dropdown.list.item>

            <x-filament::dropdown.list.item
                    href="{{ \App\Filament\Pages\Settings::getUrl() }}"
                    tag="a"
            >
                @lang('Settings')
            </x-filament::dropdown.list.item>

            <x-filament::dropdown.list.item wire:click="toggleDebugMode">
                {{ get_settings_value('debug_mode') ? __('Disable Debug Mode') : __('Enable Debug Mode') }}
            </x-filament::dropdown.list.item>

        </x-filament::dropdown.list>
    </x-filament::dropdown>
    @push('scripts')
        <script>
            document.addEventListener('livewire:init', () => {
                Livewire.on('refresh-page', () => {
                    window.location.reload();
                });
            });
        </script>
    @endpush
</div>
10 replies
FFilament
Created by Señor Nikola on 2/24/2025 in #❓┊help
Link to Edit Record from Livewire Filament Table
Hello, I am having an issue with setting url to edit action on my custom Livewire component that includes filament table. My main Product Resource that i have, does not possess EditProduct it is slideOver action. Now i have tried linking like this 
->actions([
                Action::make('Edit')
                ->url(
                    fn($record) => ListProducts::getUrl() . "?tableAction=edit&tableActionRecord={$record->id}",
                    shouldOpenInNewTab: true)
            ])
->actions([
                Action::make('Edit')
                ->url(
                    fn($record) => ListProducts::getUrl() . "?tableAction=edit&tableActionRecord={$record->id}",
                    shouldOpenInNewTab: true)
            ])
Like it is via global search when it opens, but that query string get's overriden as soon as page loads, any solution to this?
3 replies
FFilament
Created by Señor Nikola on 2/21/2025 in #❓┊help
Custom Action within TablesRenderHook::TOOLBAR_SEARCH_BEFORE
Hello, I created custom render hook 
->renderHook(
                TablesRenderHook::TOOLBAR_SEARCH_BEFORE,
                fn (): string => Livewire::mount('table-toolbar-items'),
            )
->renderHook(
                TablesRenderHook::TOOLBAR_SEARCH_BEFORE,
                fn (): string => Livewire::mount('table-toolbar-items'),
            )
Within component i created Action from "Filament\Actions\Action", it get's rendered but it wont have any effect when clicked any idea why?
7 replies
FFilament
Created by Señor Nikola on 2/20/2025 in #❓┊help
Generating Current View for PDF
Hi, This is kinda part of filament from my point of view that's why i decided to ask here if anyone knows solution. I am trying to develop action from filament, which will generate PDF from current view. So action contains basic stuff 
public function generatePdfAction(): Action
    {
        return Action::make('generatePdfAction')
            ->label('Generate PDF')
            ->extraAttributes(['data-generate-pdf' => true]) 
            ->action(function () {
                
            });
    }
public function generatePdfAction(): Action
    {
        return Action::make('generatePdfAction')
            ->label('Generate PDF')
            ->extraAttributes(['data-generate-pdf' => true]) 
            ->action(function () {
                
            });
    }
And this is my livewire component with js to send current page HTML 
<div>
    {{-- Care about people's approval and you will be their prisoner. --}}
    {!! $this->generatePdfAction()->render() !!}

    @push('scripts')
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                document.querySelector('[data-generate-pdf]').addEventListener('click', function (e) {
                    e.preventDefault(); 

                    const fullHtml = document.documentElement.outerHTML;

                    Livewire.dispatch('generate-pdf', { html: fullHtml });
                });
            });
        </script>
    @endpush
</div>
<div>
    {{-- Care about people's approval and you will be their prisoner. --}}
    {!! $this->generatePdfAction()->render() !!}

    @push('scripts')
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                document.querySelector('[data-generate-pdf]').addEventListener('click', function (e) {
                    e.preventDefault(); 

                    const fullHtml = document.documentElement.outerHTML;

                    Livewire.dispatch('generate-pdf', { html: fullHtml });
                });
            });
        </script>
    @endpush
</div>
And it works, PDF gets generated but issue arises that it is generated for tablet resolution and it is really narrow, any idea how can i get from filament html that is from my viewpoint? Is it possible or am I overeaching ? Btw, I am using spaties laravel pdf package.
5 replies
FFilament
Created by Señor Nikola on 2/18/2025 in #❓┊help
Toggle Column Prevent Action
Hello, I have an issue cannot seem to figure out where to place my check on record if it has all requried fields - only than it can be activated. I tried beforeStateUpdated but it throws warning but still proceeds to update that record? Any idea how to prevent it? 
Tables\Columns\ToggleColumn::make('active')
                    ->disabled(function (Project $record) {
                        return !$record->hasAllRequiredFields();
                    })
                    ->afterStateUpdated(function(){
                        Cache::forget(CacheManager::makeCacheToken("active_projects"));

                        Notification::make()
                            ->success()
                            ->title(__("Project Status Updated"))
                            ->send();
                    }),
Tables\Columns\ToggleColumn::make('active')
                    ->disabled(function (Project $record) {
                        return !$record->hasAllRequiredFields();
                    })
                    ->afterStateUpdated(function(){
                        Cache::forget(CacheManager::makeCacheToken("active_projects"));

                        Notification::make()
                            ->success()
                            ->title(__("Project Status Updated"))
                            ->send();
                    }),
3 replies
FFilament
Created by Señor Nikola on 1/30/2025 in #❓┊help
Swap Action Buttons
Hi, Is there an easy way to swap these modal footer actions postiion "cancel" to be left and "submit" to be right? 
public function updateTitleAction (): Action
    {
        return Action::make('updateTitleAction')
            ->label(__("Update Title"))
            ->form(function (array $arguments) {
                $item = NavigationItem::findOrFail($arguments['id']);

                return [
                    $this->getTextInputField(
                        column: 'title',
                        label: __('inputs.title'),
                        placeholder: __('inputs.title_placeholder'),
                    )
                        ->autofocus(false)
                        ->default($item->title)
                ];
            })
            ->badge()
            ->modalFooterActions(function ($action) {
               
            })
            ->action(function (array $data, $arguments): void {
                $this->updateItemTitle($arguments['id'], $data['title']);
            });
    }
public function updateTitleAction (): Action
    {
        return Action::make('updateTitleAction')
            ->label(__("Update Title"))
            ->form(function (array $arguments) {
                $item = NavigationItem::findOrFail($arguments['id']);

                return [
                    $this->getTextInputField(
                        column: 'title',
                        label: __('inputs.title'),
                        placeholder: __('inputs.title_placeholder'),
                    )
                        ->autofocus(false)
                        ->default($item->title)
                ];
            })
            ->badge()
            ->modalFooterActions(function ($action) {
               
            })
            ->action(function (array $data, $arguments): void {
                $this->updateItemTitle($arguments['id'], $data['title']);
            });
    }
2 replies
FFilament
Created by Señor Nikola on 1/30/2025 in #❓┊help
Multiple Select Many to Many Disabled issue
Hello, Did anyone had issue with select when i chain disabled() function and also relationship is applied for many to many and multiple function is chained to Select. Main error i receive when i have disabled() i that Select does not look relationship and tries to insert to current model so i get error for mass assignment..
2 replies
FFilament
Created by Señor Nikola on 1/29/2025 in #❓┊help
Dispatch Event on AfterStateUpdated()
Hello, Does anyone know how to dispatch event for example to update-counter within main resource? Like we have $this->dispatch in Livewire components and in List,Edit filament classes, I need kind-a same thing but within main resource.. 
protected static function getStatusColumn (): Tables\Columns\SelectColumn
    {
        return Tables\Columns\SelectColumn::make('status')
            ->label(__("inputs.status"))
            ->options(ContactFormStatuses::class)
            ->sortable()
            ->afterStateUpdated(function($record)  {
                Notification::make()
                    ->title(__('notifications.status_updated'))
                    ->success()
                    ->send();
                $this->dispatch('update-counter');
            })
            ->visible(fn() => self::$user->can('view_status' . self::RESOURCE_PERMISSION_SUFFIX));
    }
protected static function getStatusColumn (): Tables\Columns\SelectColumn
    {
        return Tables\Columns\SelectColumn::make('status')
            ->label(__("inputs.status"))
            ->options(ContactFormStatuses::class)
            ->sortable()
            ->afterStateUpdated(function($record)  {
                Notification::make()
                    ->title(__('notifications.status_updated'))
                    ->success()
                    ->send();
                $this->dispatch('update-counter');
            })
            ->visible(fn() => self::$user->can('view_status' . self::RESOURCE_PERMISSION_SUFFIX));
    }
10 replies
FFilament
Created by Señor Nikola on 1/23/2025 in #❓┊help
Navigation Item Sorting
No description
3 replies
FFilament
Created by Señor Nikola on 1/19/2025 in #❓┊help
Tailwind Config Issue
Hello, Did anyone had issue with tailwind config, where I have to put everything custom in "safelist" in order to work? Is there maybe a way around it or am I doing something wrong in here? 
import defaultTheme from "tailwindcss/defaultTheme";
import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    mode: "jit",
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        'vendor/awcodes/filament-tiptap-editor/resources/**/*.blade.php',
    ],
    darkMode: "class",
    theme: {
        extend: {
            colors: {
                ...defaultTheme.colors,
            },
            spacing: {
                ...defaultTheme.spacing,
            },
            fontSize: {
                "3xs": "8px",
                "2xs": "10px",
                "xs": "12px",
            },
            maxWidth: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            minHeight: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            listStyleType: {
                circle: 'circle',
            },
        }
    },
    // safelist: [
    //     {
    //         pattern: /max-w-[0-9]+-px/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(\w+)-(100|200|300|400|500|600|700|800|900)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(3xs|2xs|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    // ],
};
import defaultTheme from "tailwindcss/defaultTheme";
import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    mode: "jit",
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        'vendor/awcodes/filament-tiptap-editor/resources/**/*.blade.php',
    ],
    darkMode: "class",
    theme: {
        extend: {
            colors: {
                ...defaultTheme.colors,
            },
            spacing: {
                ...defaultTheme.spacing,
            },
            fontSize: {
                "3xs": "8px",
                "2xs": "10px",
                "xs": "12px",
            },
            maxWidth: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            minHeight: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            listStyleType: {
                circle: 'circle',
            },
        }
    },
    // safelist: [
    //     {
    //         pattern: /max-w-[0-9]+-px/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(\w+)-(100|200|300|400|500|600|700|800|900)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(3xs|2xs|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    // ],
};
2 replies
FFilament
Created by Señor Nikola on 1/13/2025 in #❓┊help
TipTap Style Issue On SlideOver
No description
2 replies
FFilament
Created by Señor Nikola on 1/10/2025 in #❓┊help
Page Action Modal Issue
No description
6 replies
FFilament
Created by Señor Nikola on 12/27/2024 in #❓┊help
Export Autosize Columns
Hello, is there a way to auto size columns in excel export like with maatwebsite/excel package that we can use ShouldAutoSize?
2 replies
FFilament
Created by Señor Nikola on 12/26/2024 in #❓┊help
Tailwind Classes Issue
No description
7 replies
FFilament
Created by Señor Nikola on 12/25/2024 in #❓┊help
Extra Table Classes
No description
4 replies
FFilament
Created by Señor Nikola on 12/16/2024 in #❓┊help
TipTap Disable Certain Headings
No description
5 replies