Filament•12mo ago

Breeze : How to have an integrated profile page to filament instead using Breeze default one?

First of all, I'm trully sorry but by searching something to resolve this, there are too much anwer to read. What I search to do is to have a coherents pages in my application and avoid to have a Filament design for all the pages except for the profile one, provided by Breeze. Could you tell me what is the best solution to do this ? I look on the filament-breezy plugin, but not sure it answer my problem. If someone has 5 minutes to guide me on the right way, I will appreciate. Thanks 🙏

2 Replies

HappyToDevOP•12mo ago

Ok, I found a way to do what I want :

class EditProfile extends BaseEditProfile
{
    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('username')
                    ->required()
                    ->unique('users', 'username', Auth::user())
                    ->alphaDash()
                    ->rules(['lowercase'])
                    ->maxLength(255),
                FileUpload::make('profile_photo_path')
                    ->image()
                    ->avatar()
                    ->imageEditor()
                    ->circleCropper(),
                $this->getNameFormComponent(),
                $this->getEmailFormComponent(),
                $this->getPasswordFormComponent(),
                $this->getPasswordConfirmationFormComponent(),
            ]);
    }
}

class EditProfile extends BaseEditProfile
{
    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('username')
                    ->required()
                    ->unique('users', 'username', Auth::user())
                    ->alphaDash()
                    ->rules(['lowercase'])
                    ->maxLength(255),
                FileUpload::make('profile_photo_path')
                    ->image()
                    ->avatar()
                    ->imageEditor()
                    ->circleCropper(),
                $this->getNameFormComponent(),
                $this->getEmailFormComponent(),
                $this->getPasswordFormComponent(),
                $this->getPasswordConfirmationFormComponent(),
            ]);
    }
}

It works almost correctly. I have an integrated profile page. But... when I use the circleCropper with an image, nothing happened when I click on save. No error in console, nothing. Somebody has an idea ? Another problem, maybe you can help me, I added passwordReset() on my panel definition

        return $panel
            ->default()
            ->id('admin')
            ->path('admin')
            ->login()
            ->profile(EditProfile::class)
            ->registration(Register::class)
            ->emailVerification()
            ->passwordReset()

        return $panel
            ->default()
            ->id('admin')
            ->path('admin')
            ->login()
            ->profile(EditProfile::class)
            ->registration(Register::class)
            ->emailVerification()
            ->passwordReset()

But email has been never received. Any help will be very appreciated. Thanks

Soap•12mo ago

Filament breezy is the right way. You may have to customize via its configuration. I have successfully done with Jetstream as well.

Gaming

Programming

Breeze : How to have an integrated profile page to filament instead using Breeze default one?