feat(phases): modal crear/editar fase + tabla Rappasoft

- PhaseList pasa a contenedor: botón "Agregar fase" + modal crear/editar con todos los parámetros (nombre, descripción, orden, color, progreso, fechas previstas y reales) y validación. Antes "Agregar fase" creaba directamente 'Nueva fase'. - PhaseTable (Rappasoft): orden, nombre+descripción, barra de progreso, fechas, color y acciones (editar abre el modal vía evento, actualizar progreso, eliminar); búsqueda y ordenación. Gateado por 'manage phases' + acceso al proyecto. Tests: PhaseManagementTest (4). Suite 65 passing (solo 2 pre-existentes sqlite). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-18 13:56:05 +02:00
parent 3d0f4d5cad
commit c378ab5884
4 changed files with 464 additions and 42 deletions
@@ -0,0 +1,120 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Models\Phase;
+use App\Models\Project;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Support\Facades\Auth;
+use Livewire\Attributes\On;
+use Rappasoft\LaravelLivewireTables\DataTableComponent;
+use Rappasoft\LaravelLivewireTables\Views\Column;
+
+class PhaseTable extends DataTableComponent
+{
+    protected $model = Phase::class;
+
+    public int $projectId;
+
+    public function configure(): void
+    {
+        $this->setPrimaryKey('id')
+             ->setDefaultSort('order', 'asc')
+             ->setSortingPillsEnabled(false)
+             ->setAdditionalSelects(['phases.id as id', 'phases.order as order']);
+    }
+
+    /** Re-render when the parent (PhaseList) creates/edits a phase. */
+    #[On('phases-changed')]
+    public function refreshRows(): void
+    {
+        // no-op: triggers a re-render so the builder re-runs with fresh data.
+    }
+
+    public function builder(): Builder
+    {
+        $user = Auth::user();
+        abort_unless(
+            $user->can('manage all') || $user->can('edit projects') ||
+            Project::whereKey($this->projectId)->whereHas('users', fn ($q) => $q->where('user_id', $user->id))->exists(),
+            403
+        );
+
+        return Phase::where('phases.project_id', $this->projectId);
+    }
+
+    public function columns(): array
+    {
+        return [
+            Column::make('Orden', 'order')->sortable(),
+
+            Column::make('Nombre', 'name')
+                  ->sortable()
+                  ->searchable()
+                  ->format(function ($value, $row) {
+                      $html = '<span class="font-medium">'.e($value).'</span>';
+                      if ($row->description) {
+                          $html .= '<div class="text-xs text-base-content/50 truncate max-w-xs">'.e(\Illuminate\Support\Str::limit($row->description, 60)).'</div>';
+                      }
+                      return $html;
+                  })
+                  ->html(),
+
+            Column::make('Progreso', 'progress_percent')
+                  ->sortable()
+                  ->format(fn ($value) =>
+                      '<div class="flex items-center gap-2 min-w-[110px]">
+                          <progress class="progress progress-primary w-24 h-2" value="'.(int) $value.'" max="100"></progress>
+                          <span class="text-xs text-base-content/60 w-8 text-right">'.(int) $value.'%</span>
+                       </div>')
+                  ->html(),
+
+            Column::make('Fechas')
+                  ->label(function ($row) {
+                      $ps = $row->planned_start?->format('d/m/Y');
+                      $pe = $row->planned_end?->format('d/m/Y');
+                      if (! $ps && ! $pe) {
+                          return '<span class="text-base-content/30 text-xs">—</span>';
+                      }
+                      return '<span class="text-xs">'.($ps ?: '?').' → '.($pe ?: '?').'</span>';
+                  })
+                  ->html(),
+
+            Column::make('Color', 'color')
+                  ->format(fn ($value) =>
+                      '<div class="w-6 h-6 rounded border border-base-300" style="background:'.e($value).'" title="'.e($value).'"></div>')
+                  ->html(),
+
+            Column::make('Acciones')
+                  ->label(function ($row) {
+                      $user = Auth::user();
+                      $progress = route('phases.progress', $row->id);
+
+                      $html = '<div class="flex items-center justify-end gap-1">';
+                      $html .= '<a href="'.$progress.'" class="btn btn-xs btn-outline btn-info" title="Actualizar progreso" wire:navigate>
+                          <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="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/></svg>
+                      </a>';
+                      if ($user->can('manage phases')) {
+                          $html .= '<button wire:click="$dispatch(\'phase-edit\', { id: '.$row->id.' })" class="btn btn-xs btn-ghost" title="Editar">
+                              <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>
+                          </button>';
+                          $html .= '<button wire:click="deletePhase('.$row->id.')" wire:confirm="¿Eliminar la fase \''.e($row->name).'\'? Esta acción no se puede deshacer."
+                              class="btn btn-xs btn-error btn-outline" title="Eliminar">
+                              <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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
+                          </button>';
+                      }
+                      $html .= '</div>';
+                      return $html;
+                  })
+                  ->html(),
+        ];
+    }
+
+    public function deletePhase(int $id): void
+    {
+        abort_unless(Auth::user()->can('manage phases'), 403);
+        Phase::where('project_id', $this->projectId)->findOrFail($id)->delete();
+        $this->dispatch('phases-changed');
+        $this->dispatch('notify', 'Fase eliminada');
+    }
+}