feat(map): listas de elementos e inspecciones con tablas Rappasoft

- FeatureTable e InspectionTable (DataTableComponent) sustituyen las tablas HTML de las pestañas "Elementos" e "Inspecciones" del mapa: búsqueda, orden, filtro (progreso) y acciones. - Selección de elemento e "ver inspección" se comunican al ProjectMap por eventos (map-select-feature / map-view-inspection, vía #[On]); seleccionar abre el panel de edición y centra el mapa igual que antes. - Las relaciones requieren sus FKs en additionalSelects (layer_id / feature_id, template_id, user_id) porque Rappasoft no selecciona '*'. Tests: MapTablesTest (3). Suite 74 passing. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-19 17:44:20 +02:00
parent 624260961b
commit 25a59e4413
5 changed files with 263 additions and 72 deletions
@@ -0,0 +1,92 @@
+<?php
+
+namespace App\Livewire\Projects;
+
+use App\Models\Feature;
+use App\Models\Project;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Support\Facades\Auth;
+use Rappasoft\LaravelLivewireTables\DataTableComponent;
+use Rappasoft\LaravelLivewireTables\Views\Column;
+use Rappasoft\LaravelLivewireTables\Views\Filters\SelectFilter;
+
+class FeatureTable extends DataTableComponent
+{
+    protected $model = Feature::class;
+
+    public int $projectId;
+
+    public function configure(): void
+    {
+        $this->setPrimaryKey('id')
+             ->setDefaultSort('name', 'asc')
+             ->setSortingPillsEnabled(false)
+             ->setAdditionalSelects(['features.id as id', 'features.layer_id as layer_id']);
+    }
+
+    public function builder(): Builder
+    {
+        $user = Auth::user();
+        abort_unless(
+            $user->can('manage all') ||
+            Project::whereKey($this->projectId)->whereHas('users', fn ($q) => $q->where('user_id', $user->id))->exists(),
+            403
+        );
+
+        return Feature::query()
+            ->whereHas('layer.phase', fn ($q) => $q->where('project_id', $this->projectId))
+            ->with(['layer.phase']);
+    }
+
+    public function columns(): array
+    {
+        return [
+            Column::make('Elemento', 'name')
+                  ->sortable()
+                  ->searchable()
+                  ->format(fn ($value) => '<span class="font-medium">' . e($value) . '</span>')
+                  ->html(),
+
+            Column::make('Capa')
+                  ->label(fn ($row) => e($row->layer?->name ?? '—')),
+
+            Column::make('Fase')
+                  ->label(fn ($row) => e($row->layer?->phase?->name ?? '—')),
+
+            Column::make('Progreso', 'progress')
+                  ->sortable()
+                  ->format(function ($value) {
+                      $cls = $value >= 100 ? 'badge-success' : ($value > 0 ? 'badge-warning' : 'badge-ghost');
+                      return '<span class="badge badge-sm ' . $cls . '">' . (int) $value . '%</span>';
+                  })
+                  ->html(),
+
+            Column::make('Acciones')
+                  ->label(fn ($row) =>
+                      '<div class="flex justify-end">
+                          <button wire:click="$dispatch(\'map-select-feature\', { id: ' . $row->id . ' })"
+                                  class="btn btn-xs btn-primary gap-1" title="Editar elemento">
+                              <svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/></svg>
+                              Abrir
+                          </button>
+                      </div>')
+                  ->html(),
+        ];
+    }
+
+    public function filters(): array
+    {
+        return [
+            SelectFilter::make('Progreso', 'progress')
+                ->options(['' => 'Progreso: todos', 'pending' => 'Sin iniciar', 'in_progress' => 'En curso', 'done' => 'Completado'])
+                ->filter(function (Builder $query, string $value) {
+                    match ($value) {
+                        'pending'     => $query->where('features.progress', '=', 0),
+                        'in_progress' => $query->where('features.progress', '>', 0)->where('features.progress', '<', 100),
+                        'done'        => $query->where('features.progress', '>=', 100),
+                        default       => null,
+                    };
+                }),
+        ];
+    }
+}
@@ -0,0 +1,83 @@
+<?php
+
+namespace App\Livewire\Projects;
+
+use App\Models\Inspection;
+use App\Models\Project;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Support\Facades\Auth;
+use Rappasoft\LaravelLivewireTables\DataTableComponent;
+use Rappasoft\LaravelLivewireTables\Views\Column;
+
+class InspectionTable extends DataTableComponent
+{
+    protected $model = Inspection::class;
+
+    public int $projectId;
+
+    public function configure(): void
+    {
+        $this->setPrimaryKey('id')
+             ->setDefaultSort('inspections.created_at', 'desc')
+             ->setSortingPillsEnabled(false)
+             ->setAdditionalSelects([
+                 'inspections.id as id',
+                 'inspections.created_at as created_at',
+                 'inspections.feature_id as feature_id',
+                 'inspections.template_id as template_id',
+                 'inspections.user_id as user_id',
+             ]);
+    }
+
+    public function builder(): Builder
+    {
+        $user = Auth::user();
+        abort_unless(
+            $user->can('manage all') ||
+            Project::whereKey($this->projectId)->whereHas('users', fn ($q) => $q->where('user_id', $user->id))->exists(),
+            403
+        );
+
+        return Inspection::query()
+            ->where('inspections.project_id', $this->projectId)
+            ->with(['feature', 'template', 'user']);
+    }
+
+    public function columns(): array
+    {
+        return [
+            Column::make('Fecha', 'created_at')
+                  ->sortable()
+                  ->format(fn ($value, $row) => $row->created_at?->format('d/m/Y') ?? '—'),
+
+            Column::make('Elemento')
+                  ->label(fn ($row) => $row->feature?->name
+                      ? '<span class="font-medium">' . e($row->feature->name) . '</span>'
+                      : '<span class="text-base-content/30 text-xs">—</span>')
+                  ->html(),
+
+            Column::make('Plantilla')
+                  ->label(fn ($row) => e($row->template?->name ?? '—')),
+
+            Column::make('Resultado', 'result')
+                  ->sortable()
+                  ->format(fn ($value) => $value
+                      ? '<span class="badge badge-sm badge-outline">' . e($value) . '</span>'
+                      : '<span class="text-base-content/30 text-xs">—</span>')
+                  ->html(),
+
+            Column::make('Usuario')
+                  ->label(fn ($row) => e($row->user?->name ?? '—')),
+
+            Column::make('Acciones')
+                  ->label(fn ($row) =>
+                      '<div class="flex justify-end">
+                          <button wire:click="$dispatch(\'map-view-inspection\', { id: ' . $row->id . ' })"
+                                  class="btn btn-xs btn-ghost" title="Ver inspección">
+                              <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
+                          </button>
+                      </div>')
+                  ->html(),
+        ];
+    }
+}
@@ -3,6 +3,7 @@
 namespace App\Livewire\Projects;

 use Livewire\Component;
+use Livewire\Attributes\On;
 use Illuminate\Support\Facades\Auth;
 use App\Models\Project;
 use App\Models\Phase;
@@ -207,6 +208,7 @@ class ProjectMap extends Component
        }
    }

+    #[On('map-select-feature')]
    public function selectFeature($featureId)
    {
        $this->selectedFeature = null;
@@ -357,6 +359,7 @@ class ProjectMap extends Component

    // ─── Inspection viewer ───────────────────────────────────────────────────────

+    #[On('map-view-inspection')]
    public function viewInspection($id)
    {
        $ins = Inspection::where('project_id', $this->project->id)