Component for Time logged on a ticket

Author: mihaisolomon

app/Http/Livewire/Timesheet/TimeLogged.php

@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Livewire\Timesheet;
+
+use App\Models\Ticket;
+use Filament\Tables;
+use Filament\Tables\Concerns\InteractsWithTable;
+use Filament\Tables\Contracts\HasTable;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Model;
+use Livewire\Component;
+
+class TimeLogged extends Component implements HasTable
+{
+    use InteractsWithTable;
+
+    public Ticket $ticket;
+
+    protected function getFormModel(): Model|string|null
+    {
+        return $this->ticket;
+    }
+
+    protected function getTableQuery(): Builder
+    {
+        return $this->ticket->hours()->getQuery();
+    }
+
+    protected function getTableColumns(): array
+    {
+        return [
+            Tables\Columns\TextColumn::make('user.name')
+                ->label(__('Owner'))
+                ->sortable()
+                ->formatStateUsing(fn($record) => view('components.user-avatar', ['user' => $record->user]))
+                ->searchable(),
+
+            Tables\Columns\TextColumn::make('value')
+                ->label(__('Hours'))
+                ->sortable()
+                ->searchable(),
+            Tables\Columns\TextColumn::make('comment')
+                ->label(__('Comment'))
+                ->limit(50)
+                ->sortable()
+                ->searchable(),
+
+            Tables\Columns\TextColumn::make('activity.name')
+                ->label(__('Activity'))
+                ->sortable(),
+
+            Tables\Columns\TextColumn::make('ticket.name')
+                ->label(__('Ticket'))
+                ->sortable(),
+
+            Tables\Columns\TextColumn::make('created_at')
+                ->label(__('Created at'))
+                ->dateTime()
+                ->sortable()
+                ->searchable(),
+        ];
+    }
+}

resources/views/filament/resources/tickets/view.blade.php

@@ -323,45 +323,7 @@ class="text-danger-500 text-xs hover:text-danger-600 hover:underline">
                 </div>
             @endif
             @if($tab === 'time')
-                <div class="w-full flex flex-col pt-5">
-                    @if($record->hours->count())
-                        @foreach($record->hours->sortByDesc('created_at') as $item)
-                            <div class="w-full flex flex-col gap-2
-                                 @if(!$loop->last) pb-5 mb-5 border-b border-gray-200 @endif">
-                                <span class="flex items-center gap-1 text-gray-500 text-sm">
-                                    <span class="font-medium flex items-center gap-1">
-                                        <x-user-avatar :user="$item->user"/>
-                                        {{ $item->user->name }}
-                                    </span>
-                                    <span class="text-gray-400 px-2">|</span>
-                                    {{ $item->created_at->format('Y-m-d g:i A') }}
-                                    ({{ $item->created_at->diffForHumans() }})
-                                </span>
-                                <div class="w-full flex items-center gap-1">
-                                    <span class="text-gray-400">{{ __('Logged:') }}</span>
-                                    <span class="text-primary-500 font-medium">
-                                        {{ $item->forHumans }}
-                                    </span>
-                                </div>
-                                <div class="w-full flex items-center gap-1">
-                                    <span class="text-gray-400">{{ __('Activity:') }}</span>
-                                    <span class="text-primary-500 font-medium">
-                                        {{ $item->activity ? $item->activity->name : '-' }}
-                                    </span>
-                                </div>
-                                @if($item->comment)
-                                    <div class="w-full">
-                                        {!! nl2br(e($item->comment)) !!}
-                                    </div>
-                                @endif
-                            </div>
-                        @endforeach
-                    @else
-                        <span class="text-gray-400 text-sm font-medium">
-                        {{ __('No time logged yet!') }}
-                    </span>
-                    @endif
-                </div>
+                <livewire:timesheet.time-logged :ticket="$record" />
             @endif
             @if($tab === 'attachments')
                 <livewire:ticket.attachments :ticket="$record" />

resources/views/livewire/timesheet/time-logged.blade.php

@@ -0,0 +1,7 @@
+<div class="w-full flex flex-col gap-5">
+    <div class="w-full flex flex-col gap-1 pt-3">
+        <div class="w-full">
+            {{ $this->table }}
+        </div>
+    </div>
+</div>