Filament Features: Table Action, Header Action, Widget and Infolist Entry (#22)

- Added a Table Action to render comments
- Added a Page/Header action to render comments
- Added an Infolist Entry to render comments
- Added a Widget to render comments e.g as a footerWidget for a page

Author: coolsam726

resources/dist/nested-comments.css

@@ -0,0 +1,5 @@
+@if(isset($record))
+    <livewire:nested-comments::comments :record="$record" />
+@else
+    <p>No Commentable record set.</p>
+@endif

resources/views/components/comments.blade.php

@@ -0,0 +1,3 @@
+<x-dynamic-component :component="$getEntryWrapperView()" :entry="$entry">
+    <livewire:nested-comments::comments :record="$getRecord()" />
+</x-dynamic-component>

resources/views/components/emoji-selector.blade.php

@@ -0,0 +1,9 @@
+<x-filament-widgets::widget>
+    @if($this->record)
+        <livewire:nested-comments::comments :record="$this->record" />
+    @else
+        <x-filament::section>
+            No Commentable record found. Please pass a record to the widget.
+        </x-filament::section>
+    @endif
+</x-filament-widgets::widget>

resources/views/filament/infolists/comments-entry.blade.php

@@ -1,4 +1,4 @@
-<x-filament::section wire:poll.keep-alive class="!ring-0">
+<x-filament::section wire:poll.10s :compact="true" class="!ring-0 !shadow-none !p-0">
     <x-slot name="heading">
         <div class="flex items-center space-x-2">
             <div>

resources/views/filament/widgets/comments-widget.blade.php

@@ -21,7 +21,9 @@ public function comments(): MorphMany
 
     public function getCommentsCountAttribute(): int
     {
-        return $this->comments()->count();
+        return $this->comments()
+            ->where('parent_id', '=', null)
+            ->count();
     }
 
     public function getCommentsTree($offset = null, $limit = null, $columns = ['*']): Collection

resources/views/livewire/comments.blade.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace Coolsam\NestedComments\Filament\Actions;
+
+use Coolsam\NestedComments\NestedComments;
+use Filament\Actions\Action;
+use Illuminate\Contracts\Support\Htmlable;
+use Illuminate\Contracts\View\View;
+
+class CommentsAction extends Action
+{
+    protected function setUp(): void
+    {
+        parent::setUp();
+        $this->modalWidth('4xl')
+            ->slideOver()
+            ->modalHeading(fn (): string => __('View Comments'));
+        $this->modalSubmitAction(false);
+        $this->modalCancelActionLabel(__('Close'));
+        $this->icon('heroicon-o-chat-bubble-left-right');
+        $this->modalIcon('heroicon-o-chat-bubble-left-right');
+    }
+
+    public static function getDefaultName(): ?string
+    {
+        return 'comments';
+    }
+
+    public function getModalContent(): View | Htmlable | null
+    {
+        $record = $this->getRecord();
+
+        return app(NestedComments::class)->renderCommentsComponent($record);
+    }
+}

src/Concerns/HasComments.php

@@ -0,0 +1,13 @@
+<?php
+
+namespace Coolsam\NestedComments\Filament\Infolists;
+
+use Closure;
+use Filament\Infolists\Components\Entry;
+
+class CommentsEntry extends Entry
+{
+    protected bool | Closure $isLabelHidden = true;
+
+    protected string $view = 'nested-comments::filament.infolists.comments-entry';
+}

src/Filament/Actions/CommentsAction.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace Coolsam\NestedComments\Filament\Tables\Actions;
+
+use Coolsam\NestedComments\NestedComments;
+use Filament\Tables\Actions\Action;
+use Illuminate\Contracts\Support\Htmlable;
+use Illuminate\Contracts\View\View;
+
+class CommentsAction extends Action
+{
+    protected function setUp(): void
+    {
+        parent::setUp();
+        $this->modalWidth('4xl')
+            ->slideOver()
+            ->modalHeading(fn (): string => __('Comments'));
+        $this->modalSubmitAction(false);
+        $this->modalCancelActionLabel(__('Close'));
+        $this->icon('heroicon-o-chat-bubble-left-right');
+        $this->modalIcon('heroicon-o-chat-bubble-left-right');
+    }
+
+    public static function getDefaultName(): ?string
+    {
+        return 'comments';
+    }
+
+    public function getModalContent(): View | Htmlable | null
+    {
+        $record = $this->getRecord();
+
+        return app(NestedComments::class)->renderCommentsComponent($record);
+    }
+}