F
Filament•2mo ago
Wim

Custom view for Conversation with Messages

I have a conversation and a message model. I have the following relations as defined in the PDF. In a Filament resource called MessagesResource I want to create conversations and messages. 
class MessageResource extends Resource {
    protected static ?string $model = Conversation::class;
    protected static ?string $tenantOwnershipRelationshipName = 'user';
    protected static ?string $tenantRelationshipName = 'users';

    public static function getEloquentQuery(): Builder {
        return Conversation::query();
    }

    public static function form(Form $form): Form
        {
            return $form
                ->schema([
                    TextInput::make('subject'),  //subject is part of conversation table
    
                    TextInput::make('message.organization_id'),  //organization_id is part of message table
    
                    Select::make('message.sender_id')  //sender_id is part of message table
                        ->options(User::all()->pluck('name', 'id')->toArray())
            
                    Select::make('message.receiver_id')  //receiver is part of message table
                        ->options(User::all()->pluck('name', 'id')->toArray())
    
                    TextInput::make('message.content'),   // message is part of message table
                ]);
        }
class MessageResource extends Resource {
    protected static ?string $model = Conversation::class;
    protected static ?string $tenantOwnershipRelationshipName = 'user';
    protected static ?string $tenantRelationshipName = 'users';

    public static function getEloquentQuery(): Builder {
        return Conversation::query();
    }

    public static function form(Form $form): Form
        {
            return $form
                ->schema([
                    TextInput::make('subject'),  //subject is part of conversation table
    
                    TextInput::make('message.organization_id'),  //organization_id is part of message table
    
                    Select::make('message.sender_id')  //sender_id is part of message table
                        ->options(User::all()->pluck('name', 'id')->toArray())
            
                    Select::make('message.receiver_id')  //receiver is part of message table
                        ->options(User::all()->pluck('name', 'id')->toArray())
    
                    TextInput::make('message.content'),   // message is part of message table
                ]);
        }
In the CreateMessage I do the following: 
    protected function handleRecordCreation(array $data): Model
    {
        $record = static::getModel()::create($data);
        $record->messages()->create($data['message']);
        return $record;
    }
    protected function handleRecordCreation(array $data): Model
    {
        $record = static::getModel()::create($data);
        $record->messages()->create($data['message']);
        return $record;
    }
This works fine. Messages and conversations are created in my database and I display the conversations in my table. See screenshot. I would like have a view whereby I can see all messages from that conversation and also add a new reply. The view should open when the user clicks on a action called 'see messages' Any suggestions on how I can do this?
No description

filament.pdf

7 Replies
dissto
dissto•2mo ago
The easiest and most straightforward is probably a relation manager 🤔
Managing relationships - Panel Builder - Filament
krekas
krekas•2mo ago
Wim
Wim•2mo ago
It's more or less what I try to build yes.
krekas
krekas•2mo ago
                RepeatableEntry::make('messages')
                    ->hiddenLabel()
                    ->schema(fn () => [
                        Grid::make()
                            ->schema([
                                TextEntry::make('sender.name')
                                    ->inlineLabel(),
                                TextEntry::make('created_at')
                                    ->inlineLabel()
                                    ->hiddenLabel()
                                    ->since()
                                    ->alignEnd(),
                            ]),
                            TextEntry::make('content')
                                ->hiddenLabel(),
                    ])
                    ->columnSpanFull(),
                RepeatableEntry::make('messages')
                    ->hiddenLabel()
                    ->schema(fn () => [
                        Grid::make()
                            ->schema([
                                TextEntry::make('sender.name')
                                    ->inlineLabel(),
                                TextEntry::make('created_at')
                                    ->inlineLabel()
                                    ->hiddenLabel()
                                    ->since()
                                    ->alignEnd(),
                            ]),
                            TextEntry::make('content')
                                ->hiddenLabel(),
                    ])
                    ->columnSpanFull(),
This is how messages are being shown The callback isn't needed anymore as it was a bug some time ago
Wim
Wim•2mo ago
Thanks so much. I figured indeed it would indeed use a RepeatableEntry. I have an additional question if you don't mind: In the video you posted I see the reply button. I did that as follows: 
TextEntry::make('Reply')
    ->hintAction(Action::make('openModal')
        ->button()
        ->label('Reply to this thread')
        ->form([
            TextInput::make('content')
        ])
        ->action(function ($data, $record) {
            // store into database
        })),
TextEntry::make('Reply')
    ->hintAction(Action::make('openModal')
        ->button()
        ->label('Reply to this thread')
        ->form([
            TextInput::make('content')
        ])
        ->action(function ($data, $record) {
            // store into database
        })),
Wim
Wim•2mo ago
However it looks as follows. Is there a better way so that only the button is displayed? Preferably aligned to the left like in the video you shared?
No description
krekas
krekas•2mo ago
You could buy it and see for yourself everything 
public static function infolist(Infolist $infolist): Infolist
    {
        return $infolist
            ->schema([
                RepeatableEntry::make('messages')
                    ->hiddenLabel()
                    ->schema(fn () => [
                        Grid::make()
                            ->schema([
                                TextEntry::make('sender.name')
                                    ->inlineLabel(),
                                TextEntry::make('created_at')
                                    ->inlineLabel()
                                    ->hiddenLabel()
                                    ->since()
                                    ->alignEnd(),
                            ]),
                            TextEntry::make('content')
                                ->hiddenLabel(),
                    ])
                    ->columnSpanFull(),
                Actions::make([
                    Action::make('reply')
                        ->form([
                            Forms\Components\Textarea::make('content')
                                ->required(),
                        ])
                        ->action(function (Topic $record, array $data): void {
                            $record->messages()->create([
                                'sender_id' => auth()->id(),
                                'content' => $data['content'],
                            ]);

                            // Send notification to the user receiving the message
                            $receiver = (auth()->id() === $record['creator_id']) ? $record['receiver_id'] : $record['creator_id'];

                            Notification::make()
                                ->title('New Reply To ' . $record->subject)
                                ->sendToDatabase(User::find($receiver));
                        })
                ])
                ->columnSpanFull(),
            ]);
    }
public static function infolist(Infolist $infolist): Infolist
    {
        return $infolist
            ->schema([
                RepeatableEntry::make('messages')
                    ->hiddenLabel()
                    ->schema(fn () => [
                        Grid::make()
                            ->schema([
                                TextEntry::make('sender.name')
                                    ->inlineLabel(),
                                TextEntry::make('created_at')
                                    ->inlineLabel()
                                    ->hiddenLabel()
                                    ->since()
                                    ->alignEnd(),
                            ]),
                            TextEntry::make('content')
                                ->hiddenLabel(),
                    ])
                    ->columnSpanFull(),
                Actions::make([
                    Action::make('reply')
                        ->form([
                            Forms\Components\Textarea::make('content')
                                ->required(),
                        ])
                        ->action(function (Topic $record, array $data): void {
                            $record->messages()->create([
                                'sender_id' => auth()->id(),
                                'content' => $data['content'],
                            ]);

                            // Send notification to the user receiving the message
                            $receiver = (auth()->id() === $record['creator_id']) ? $record['receiver_id'] : $record['creator_id'];

                            Notification::make()
                                ->title('New Reply To ' . $record->subject)
                                ->sendToDatabase(User::find($receiver));
                        })
                ])
                ->columnSpanFull(),
            ]);
    }
This is how infolist is
Want results from more Discord servers?
Add your server
More Posts
Use reactive props in widgets of a panel pageHi, I'm trying to build a page within the panel with reactive properties like the following ```php Add X repeater itemsHas anyone modified the add repeater action to allow for specifying the number of repeater items toGithub like fieldHello, I would like to disable the submit button (or better natively render an error) while some valCustomizing relation manager create behaviorIs there a way to customized the way a relation manager create things?Repeater-Field should not updatedHello, if I have a repeater with a many-to-many relationship with a pivot model. Is it possible thatDoes anyone know how to add a tooltip for the header section of a chat widget ?i need the tooltip icon on right end of header. and by hovering it should show tool-tip. i had tryRepeater with MorphTo relationship don't work on create pageI have a polymorphic model "Content", and the possible entities "ContentVideo" and "ContentQuiz" forHelp Needed with ToggleButtons in Filament FormHi everyone, I'm struggling with an issue that I believe (and hope) has a simple solution. I have aTables Action does nothingI am trying to open a modal / execute an action from a table. Unfortunately, absolutely nothing hapHow to call function inside custom form fieldI'm new in writing a custom form field. I watched the laracast from Dan but I want to trigger some c