Xiaohou Posts - Answer Overflow

Xiaohou

Explore posts from servers

DIAdiscord.js - Imagine a boo! 👻FFilament

•Created by Xiaohou on 10/14/2024 in #❓┊help

How to refer to filament semantic color in blade file?

This is a example filament button component, which render a button with the 'success' color. The 'success' then can be set up to be whatever color from tailwind.

  <x-filament::button color="success">
      New Button
  </x-filament::button>

  <x-filament::button color="success">
      New Button
  </x-filament::button>

I want to be able to refer this 'success' color in my blade file, so I can make lets say make a 'alert' component that is the same as the rest.

  <div class="flex justify-between items-center flex-grow">
      New Alert
  </div>

  <div class="flex justify-between items-center flex-grow">
      New Alert
  </div>

Any help would be appreciated!

8 replies

FFilament

•Created by Xiaohou on 8/6/2024 in #❓┊help

How to use the resources outside of panel

I'm using filament table on a custom Livewire page, which is working just as expected. However, i found the finished class is just really long and messy. Especially for the action part, for each table, i need to set up actions for view, create, edit, and delete. Each action will then contain more code such as forms, hooks, notifications, etc... Putting everything inside one function makes the code very hard to read and manage.

public function table(Table $table): Table
    {
         return $table
            ->query(User::query())
            ->columns([
                // columns here
            ])
            ->headerActions([
                // actions here
            ])
            ->actions([
                // more actions here
            ]);
    }

public function table(Table $table): Table
    {
         return $table
            ->query(User::query())
            ->columns([
                // columns here
            ])
            ->headerActions([
                // actions here
            ])
            ->actions([
                // more actions here
            ]);
    }

I then found out you can generate filament resources for the model under panel section, it has the information needed to render table and form, also individual pages to view, create, edit, and delete the model. It would make the table function much cleaner and easier to manage if I can use the resources class from filament. I did get the resources to works inside filament panel, but i cant get it working inside my custom Livewire component. To be more specific, the data table works fine. But none of the action works, it opens empty modal. Would be much appriciate if someone could point me in the right direction. The Livewire class

<?php

namespace App\Livewire\UserTable;

use App\Filament\Resources\UserResource;

public function table(Table $table): Table
{
   return UserResource::table($table);
}

<?php

namespace App\Livewire\UserTable;

use App\Filament\Resources\UserResource;

public function table(Table $table): Table
{
   return UserResource::table($table);
}

The Livewire view

<div>
    {{ $this->table }}
</div>

<div>
    {{ $this->table }}
</div>

4 replies

Gaming

Programming