CGM Posts - Answer Overflow

Topics

CGM

•Created by CGM on 11/21/2024 in #❓┊help

Disable unsavedChangesAlerts() for specific resource or action.

I have an action where unsavedChangesAlerts() is causing issues and I would like to disable it only for that action. Is there any way to accomplish this without completely disabling it? I've been working along this line of thinking, but I can't seem to target the action class this way.

->unsavedChangesAlerts(function () {
 // Not sure what to check for here as route is livewire.update
})

->unsavedChangesAlerts(function () {
 // Not sure what to check for here as route is livewire.update
})

2 replies

•Created by CGM on 10/2/2024 in #❓┊help

How to translate login page

I see there is a language file at vendor/filament/filament/resources/lang/en/pages/auth/login.php Where/how exactly do I bring this into my own project's lang/ directory to override things? I've attempted: lang/vendor/filament/filament/resources/lang/en/pages/auth/login.php lang/vendor/filament/en/login.php lang/en/login.php without any luck.

6 replies

•Created by CGM on 9/30/2024 in #❓┊help

How to add blade directive to filament head

I'm currently installing https://github.com/silviolleite/laravel-pwa into my filament app, and I'm at the step where I need to include the blade directive @laravelPWA into the <head> of my page. Here is where I need the directive to go:

<html>
<head>
    <title>My Title</title>
    ...
    @laravelPWA
</head>
<body>
    ...
    My content
    ...
</body>
</html>

<html>
<head>
    <title>My Title</title>
    ...
    @laravelPWA
</head>
<body>
    ...
    My content
    ...
</body>
</html>

How do I get to the Filament header template, or how do I add that directive to the header of the filament template?

5 replies

•Created by CGM on 9/25/2024 in #❓┊help

Using alpine to update a Form Field using an x-on event listener.

I feel like I'm missing something simple. If I have two form fields and want to use alpine to update another field 'on change', how can I do this? I want the interaction to be instant, without the roundtrip form the server (or at least to happen at the same time so it feels instant). Clearly I cannot x-model here as it doesn't work or I'm setting the value incorrectly.

Select::make('employee_selector')
  ->label('Select an employee')
  ->options($employees = $this->location()?->currentEmployees()->pluck('name', 'id')->toArray() ?: [])
  ->extraAttributes([
    'x-data' => '{ selectedId: null }',
    'x-model' => 'selectedId',
    'x-on:new-employee-id.window' => 'selectedId = $event.detail.newId; console.log("updated to " + $event.detail.newId);',
  ]),

Select::make('employee_selector')
  ->label('Select an employee')
  ->options($employees = $this->location()?->currentEmployees()->pluck('name', 'id')->toArray() ?: [])
  ->extraAttributes([
    'x-data' => '{ selectedId: null }',
    'x-model' => 'selectedId',
    'x-on:new-employee-id.window' => 'selectedId = $event.detail.newId; console.log("updated to " + $event.detail.newId);',
  ]),

The event is firing properly, I can see my console logs fill properly:

$dispatch('new-employee-id', { newId: state })

$dispatch('new-employee-id', { newId: state })

I think it is just where I'm trying to set the value is incorrect and where I need some pointers please. 🙂 selectedId = $event.detail.newId;

3 replies

•Created by CGM on 9/16/2024 in #❓┊help

How to add NPM added assets to Filament.

I'm getting a little lost in the docs on this one. I'm looking to integrate https://swiperjs.com/ into a project and want to include the sources (js/css) in my project using NPM. $ npm install swiper Could anyone point me in the right direction as to what to do next to ensure the proper imports happen when the field is loaded? How do I access the assets added using NPM in my field and then how/where do I import?

// import Swiper bundle with all modules installed
import Swiper from 'swiper/bundle';

// import styles bundle
import 'swiper/css/bundle';

// import Swiper bundle with all modules installed
import Swiper from 'swiper/bundle';

// import styles bundle
import 'swiper/css/bundle';

8 replies

•Created by CGM on 9/13/2024 in #❓┊help

SpatieMediaLibraryFileUpload - Display is very slow

I'm allowing users to upload images. However, I want to keep a high quality version for future cropping. How can I display a conversion (ie., thumbnail) in the field, but allow cropping of the original in the editor? The reason this is important is that some users have images that are 10+mb and the editor is taking for ever to load on mobile. I don't need the full image unless the editor is actively open.

SpatieMediaLibraryFileUpload::make('user_photo')
  ->collection('user_photos')
  ->disk('tenant_photos')
  ->maxSize(12288)
  ->visibility('public')
  ->image()
  ->imageEditor()
  ->imageCropAspectRatio('2:3'),

SpatieMediaLibraryFileUpload::make('user_photo')
  ->collection('user_photos')
  ->disk('tenant_photos')
  ->maxSize(12288)
  ->visibility('public')
  ->image()
  ->imageEditor()
  ->imageCropAspectRatio('2:3'),

when I add ->conversion('thumb') the editor/cropper modifies the thumbnail instead of the original, obliterating the image quality.

2 replies

•Created by CGM on 8/29/2024 in #❓┊help

How do I create a test for filtersForm() on dashboard?

I'm having a difficult time creating a test to ensure one of my filters is providing the correct select list in the filtersForm() method on my dashboard. How can I target this method?

class Dashboard extends \Filament\Pages\Dashboard
{
    use HasFiltersForm;

    public function filtersForm(Form $form): Form
    {
        return $form
            ->schema([
              // These are the form fields I want to test...
              // I just want to make sure a select list has the proper values.
            ]);
    }
}

class Dashboard extends \Filament\Pages\Dashboard
{
    use HasFiltersForm;

    public function filtersForm(Form $form): Form
    {
        return $form
            ->schema([
              // These are the form fields I want to test...
              // I just want to make sure a select list has the proper values.
            ]);
    }
}

3 replies

•Created by CGM on 7/23/2024 in #❓┊help

How do I change, or remove the Logo from the Login page?

No description

11 replies

•Created by CGM on 7/15/2024 in #❓┊help

Is there a unified place for mutateFormDataBeforeCreate() and mutateFormDataBeforeSave()?

I have some logic that I would like to run on both save and create for a specific field when it is being saved. Is there a unified place, for example in the resource class that runs on both new saves and on edit saves to keep code a bit cleaner?

13 replies

•Created by CGM on 7/11/2024 in #❓┊help

Hook for FileUpload field when file removed? (X Clicked to remove)

I have the following field:

FileUpload::make('logo')
    ->disk('tenant_logos')
    ->afterStateUpdated(function ($state) {
        // Do stuff here...
    })
    ->maxSize(12288)
    ->visibility('public')
    ->image()
    ->imageEditor(),

FileUpload::make('logo')
    ->disk('tenant_logos')
    ->afterStateUpdated(function ($state) {
        // Do stuff here...
    })
    ->maxSize(12288)
    ->visibility('public')
    ->image()
    ->imageEditor(),

It works when expected when uploading an image as ->afterStateUpdated() is fired, however when I click the (X) to remove the photo the ->afterStateUpdated() does not fire. Is there something I'm missing, or is there another hook I can use to run code when the image/upload is removed?

18 replies

•Created by CGM on 7/10/2024 in #❓┊help

In a test, should fillForm() be firing afterStateUpdated()?

I have the following field:

ColorPicker::make('primary_color')
  ->live()
  ->afterStateUpdated(function ($state) {
    $this->dispatch('applyThemeColors', [
      'primary_color' => $state,
    ]);
  })
  ->hex()
  ->hexColor()
  ->nullable()
  ->helperText('Leave blank to use default colors'),

ColorPicker::make('primary_color')
  ->live()
  ->afterStateUpdated(function ($state) {
    $this->dispatch('applyThemeColors', [
      'primary_color' => $state,
    ]);
  })
  ->hex()
  ->hexColor()
  ->nullable()
  ->helperText('Leave blank to use default colors'),

and the following test:

    $component = livewire(BrandingSettings::class, ['location' => null])
    ->assertSuccessful()
    ->fillForm(['primary_color' => '#007bff'])
    ->assertDispatched('applyThemeColors');

    $component = livewire(BrandingSettings::class, ['location' => null])
    ->assertSuccessful()
    ->fillForm(['primary_color' => '#007bff'])
    ->assertDispatched('applyThemeColors');

On the live site it all works, I assumed this test would have picked it up, however it doesn't. I'm just wondering is there something I need to do in my test to ensure the afterStateUpdated() is fired? The field is set to live().

12 replies

•Created by CGM on 7/2/2024 in #❓┊help

Adding 'confirmation modal' to a checkbox?

I feel like I'm missing something simple in the docs in regards to action modals. Is there a way to add a 'are you sure you want to toggle this checkbox' style of modal to a checkbox field? Something that would pop up with a confirmation before ->updateStateUsing() is called? I'm using a table builder checkbox colum

11 replies

•Created by CGM on 6/27/2024 in #❓┊help

Prefill Resource Create Fields from beforeFill()?

I'm looking to prefill some resource fields (when Creating a resource) using values from a cookie. Is the beforeFill() Life Cycle hook an appropriate place to do this? If so, how do I actually interact with the $form from inside this hook? Is there another more appropriate place to do this?

9 replies

•Created by CGM on 6/25/2024 in #❓┊help

Where to put custom logic shared across multiple Resource classes

Just looking for some guidance on where might be the most appropriate place to put logic that I'm looking to share across multiple Resource classes. My auth logic for some of the action buttons (to hide/show them) is getting a little long and I don't like having the same code in 8 different places. Where might be the best place to put this custom logic? Is there a 'filament way' or am I better off creating a new trait?

4 replies

•Created by CGM on 6/24/2024 in #❓┊help

How do I test MorphToSelect fields in forms?

I'm trying to write a test to ensure my MorphToSelect field is ->required(), but it is not behaving as I would expect. Are you all aware of any examples of testing the MorphToSelect field in custom forms, or even in panel forms? Here is the field for reference: Here is the example field for reference:

MorphToSelect::make('followup')
   ->required()
   ->types([
      MorphToSelect\Type::make(CustomMessage::class)
         ->getOptionLabelFromRecordUsing(fn (CustomMessage $record): string => "{$record->name}")
         ->titleAttribute('name'),
      MorphToSelect\Type::make(Redirect::class)
         ->getOptionLabelFromRecordUsing(fn (Redirect $record): string => "{$record->name}")
         ->titleAttribute('name'),
])

MorphToSelect::make('followup')
   ->required()
   ->types([
      MorphToSelect\Type::make(CustomMessage::class)
         ->getOptionLabelFromRecordUsing(fn (CustomMessage $record): string => "{$record->name}")
         ->titleAttribute('name'),
      MorphToSelect\Type::make(Redirect::class)
         ->getOptionLabelFromRecordUsing(fn (Redirect $record): string => "{$record->name}")
         ->titleAttribute('name'),
])

3 replies

•Created by CGM on 6/24/2024 in #❓┊help

Testing select list values

Is there a way, other than looking for strings in HTML, to test if a specific value is visible or not visible in a form fields select list?

4 replies

•Created by CGM on 6/21/2024 in #❓┊help

Changing the MorphToSelect Placeholder

Is there a way to change the MorphToSelect placeholder? I get this error when using ->placeholder() Method Filament\Forms\Components\MorphToSelect::placeholder does not exist. I'm looking to change the text that reads "Select an option" for the initial 'type' selection.

2 replies

•Created by CGM on 6/19/2024 in #❓┊help

How can I use @error blade directives in my custom form field blade files?

I know it's me missing something obvious, but I'm struggling to properly use @error() @enderror in my custom fields blade file. What goes inside of @error(<here>)? I attempted source diving and found $errors->has($statePath) but this gives me an error: array_key_exists(): Argument #1 ($key) must be a valid array offset type when I try to use it in my own blade template. This is a field created using artisan make:form-field, so nothing too special I don't think.

3 replies

•Created by CGM on 5/27/2024 in #❓┊help

How to test pages that extend extend ManageRelatedRecords (Create via Modal)

How would you properly setup a simple test for a custom page that extends ManageRelatedRecords? This is a standard page create using make:filament-page and selecting Relationship. The form is in a Modal and I think that is where I'm getting stuck. I would love to see an example of how to just see how to assert the successful submission of a create form (no errors) via the modal. I think I could plow through the rest from there. 🙂

8 replies

•Created by CGM on 5/17/2024 in #❓┊help

How do I pass values through a render hook?

I have the following hook for my EditUser::class

->renderHook(
   PanelsRenderHook::CONTENT_END,
   fn (): View =>  view('components.tenant.roles.role-editor'),
   [EditUser::class],
)

->renderHook(
   PanelsRenderHook::CONTENT_END,
   fn (): View =>  view('components.tenant.roles.role-editor'),
   [EditUser::class],
)

but the view takes a prop of @props(['userId']) how do I get this from my EditUser::class and into the view?

7 replies