Brian Kidd Posts - Answer Overflow

Brian Kidd

•Created by Brian Kidd on 8/10/2024 in #❓┊help

Dynamic CheckboxList can't track state

I have a wizard with the first step that includes the user uploading a primary file and one or more lookup files. On that step's afterValidation method, I analyze the files and set a state property as well as a Livewire component value:

->afterValidation(function (Set $set, $state) {
  $mappings = CreateJoinMergeMappings::create(
    primaryFile: Arr::first($state['primary_file']),
    lookupFiles: $state['lookup_files']
  );
  $set('mappings', $mappings['mappings_template']);
  $this->headersByFile = $mappings['headers_by_file'];
})

->afterValidation(function (Set $set, $state) {
  $mappings = CreateJoinMergeMappings::create(
    primaryFile: Arr::first($state['primary_file']),
    lookupFiles: $state['lookup_files']
  );
  $set('mappings', $mappings['mappings_template']);
  $this->headersByFile = $mappings['headers_by_file'];
})

I have a wizard step that uses the mappings in a form repeater and it works perfectly. However, I want to dynamically create another step's schema that includes two or more checkbox lists. In the step's schema, I'm passing a closure. Here's the step:

Step::make('Output Fields')
  ->columns(4)
  ->schema(
    function () {
      $checklists = [];
      foreach ($this->headersByFile as $file => $headers) {
        $baseFile = Str::before($file, '.');
        $options = collect($headers)->mapWithKeys(fn($header) => [$header => $header])->toArray();
        $checklists[] = CheckboxList::make($baseFile)
          ->label($baseFile)
          ->options($options);
      }
      return $checklists;
    }
  )

Step::make('Output Fields')
  ->columns(4)
  ->schema(
    function () {
      $checklists = [];
      foreach ($this->headersByFile as $file => $headers) {
        $baseFile = Str::before($file, '.');
        $options = collect($headers)->mapWithKeys(fn($header) => [$header => $header])->toArray();
        $checklists[] = CheckboxList::make($baseFile)
          ->label($baseFile)
          ->options($options);
      }
      return $checklists;
    }
  )

The checkbox lists render properly but when selecting one of the options, all options in that checkbox list are selected. This leads me to believe there is something in my code preventing the checkbox list from properly tracking it's state. What am I doing wrong? Thanks

2 replies

FFilament

•Created by Brian Kidd on 6/6/2024 in #❓┊help

Read uploaded file in form wizard

I want to ask users to add files on step one and I’d like to read the files to get headers and first row of data. I’m familiar with reading the files but what should I hook into to get access to the temporary file in Filament? I currently have the user just add files and on eloquent create I hook in and read the file contents and redirect to edit to complete the flow but it would be a better user experience to do this through the wizard. Any suggestions? Thanks

2 replies

FFilament

•Created by Brian Kidd on 9/6/2023 in #❓┊help

Pie Chart wizard has axes by default

5 replies

FFilament

•Created by Brian Kidd on 8/26/2023 in #❓┊help

Preload BelongsToMany relationship on Edit Page

2 replies

FFilament

•Created by Brian Kidd on 8/18/2023 in #❓┊help

Table text filter not showing indicator

I have the following table filter:

Tables\Filters\Filter::make('project')
  ->form([
    Forms\Components\TextInput::make('name')
  ])
  ->query(function ($query, array $data) {
    return $query->when($data['name'], function ($query, $name) {
      return $query->where('name', 'like', '%' . $name . '%');
      });
  })

Tables\Filters\Filter::make('project')
  ->form([
    Forms\Components\TextInput::make('name')
  ])
  ->query(function ($query, array $data) {
    return $query->when($data['name'], function ($query, $name) {
      return $query->where('name', 'like', '%' . $name . '%');
      });
  })

The filter works but no indicator shows in the filter section nor on the filter badge count. I just want to make sure I'm doing this right before opening an issue. Thanks.

7 replies

FFilament

•Created by Brian Kidd on 8/11/2023 in #❓┊help

Use two properties as component value

I have a custom component that I want to set the component value to an array (tuple) made up of two columns in the database and when saving, extract the two values from the tuple and save in separate columns in the database. I've tried a number of different things to get this to work. Any suggestions? I'm assuming using hooks I can do this but can't quite find the right combination.

3 replies

FFilament

•Created by Brian Kidd on 8/8/2023 in #❓┊help

Implement js library in custom widget

I have an app running on Inertia/Vue that I'm considering switching to Filament. My only hangup right now is that this app uses fullcalendar.io and specifically I need to render custom content for the event. I am aware of the fullcalendar plugin and have asked this question on that plugin's server but haven't gotten a response (https://discord.com/channels/883083792112300104/935819320699805737/1133498041144463411) What I am wondering is if there is any way in Filament/Livewire/Alpine to make use of the content injection functionality offered by fullcalendar (https://fullcalendar.io/docs/content-injection). Using the Vue fullcalendar library, this is trivial because I can simply return a Vue component to the eventContent function since, in the background, fullcalendar is using VDOM (preact). I realized I can create this HTML in a string in javascript and use the "arg" parameter that provides the calendar event for dynamic content but I am looking for a more elegant way to do this. Trying to do this in Filament may not be a good fit but want to get some advice before writing off Filament for this project. Thanks

9 replies

Gaming

Programming