Gestión de usuarios por proyecto: ProjectUsers Livewire, AdminUsers, panel admin con roles, protección de rutas

app/Livewire/AdminUsers.php

@@ -0,0 +1,52 @@
+<?php
+
+namespace App\Livewire;
+
+use Livewire\Component;
+use App\Models\User;
+use Spatie\Permission\Models\Role;
+use Illuminate\Support\Facades\Auth;
+
+class AdminUsers extends Component
+{
+    public $users;
+    public $roles;
+
+    public function mount()
+    {
+        if (!Auth::user()->hasRole('Admin')) {
+            abort(403);
+        }
+        $this->roles = Role::all();
+        $this->loadUsers();
+    }
+
+    public function loadUsers()
+    {
+        $this->users = User::with('roles')->orderBy('name')->get();
+    }
+
+    public function updateRole($userId, $roleName)
+    {
+        $user = Auth::user();
+        if (!$user->hasRole('Admin')) {
+            session()->flash('error', 'Solo administradores.');
+            return;
+        }
+
+        $targetUser = User::findOrFail($userId);
+        if ($targetUser->id === $user->id && $targetUser->hasRole('Admin')) {
+            session()->flash('error', 'No puedes cambiarte el rol a ti mismo.');
+            return;
+        }
+
+        $targetUser->syncRoles([$roleName]);
+        $this->loadUsers();
+        $this->dispatch('notify', 'Rol actualizado.');
+    }
+
+    public function render()
+    {
+        return view('livewire.admin-users');
+    }
+}

app/Livewire/ProjectUsers.php

@@ -0,0 +1,81 @@
+<?php
+
+namespace App\Livewire;
+
+use Livewire\Component;
+use App\Models\Project;
+use App\Models\User;
+use Illuminate\Support\Facades\Auth;
+
+class ProjectUsers extends Component
+{
+    public Project $project;
+    public $assignedUsers = [];
+    public $allUsers = [];
+    public $selectedUserId = '';
+    public $selectedRole = 'viewer';
+
+    public function mount(Project $project)
+    {
+        $this->project = $project;
+        $this->loadUsers();
+    }
+
+    public function loadUsers()
+    {
+        $this->assignedUsers = $this->project->users()->withPivot('role_in_project')->get();
+        $assignedIds = $this->assignedUsers->pluck('id')->toArray();
+        $this->allUsers = User::whereNotIn('id', $assignedIds)->orderBy('name')->get();
+    }
+
+    public function assignUser()
+    {
+        $user = Auth::user();
+        if (!$user->can('assign users') && !$user->hasRole('Admin')) {
+            session()->flash('error', 'No tienes permisos para asignar usuarios.');
+            return;
+        }
+
+        $this->validate([
+            'selectedUserId' => 'required|exists:users,id',
+            'selectedRole' => 'required|in:supervisor,consultant,client,viewer',
+        ]);
+
+        $this->project->users()->attach($this->selectedUserId, [
+            'role_in_project' => $this->selectedRole
+        ]);
+
+        $this->reset(['selectedUserId', 'selectedRole']);
+        $this->loadUsers();
+        $this->dispatch('notify', 'Usuario asignado al proyecto.');
+    }
+
+    public function removeUser($userId)
+    {
+        $user = Auth::user();
+        if (!$user->can('assign users') && !$user->hasRole('Admin')) {
+            session()->flash('error', 'Sin permisos.');
+            return;
+        }
+
+        $this->project->users()->detach($userId);
+        $this->loadUsers();
+        $this->dispatch('notify', 'Usuario eliminado del proyecto.');
+    }
+
+    public function changeRole($userId, $role)
+    {
+        if (!in_array($role, ['supervisor', 'consultant', 'client', 'viewer'])) return;
+
+        $this->project->users()->updateExistingPivot($userId, [
+            'role_in_project' => $role
+        ]);
+        $this->loadUsers();
+        $this->dispatch('notify', 'Rol actualizado.');
+    }
+
+    public function render()
+    {
+        return view('livewire.project-users');
+    }
+}

lang/en.json

@@ -136,5 +136,14 @@
     "Document": "Document",
     "Other": "Other",
     "Color": "Color",
-    "Upload": "Upload"
+    "Upload": "Upload",
+    "Assign": "Assign",
+    "Role": "Role",
+    "Supervisor": "Supervisor",
+    "Consultant": "Consultant",
+    "Client": "Client",
+    "Viewer": "Viewer",
+    "Remove": "Remove",
+    "No users assigned yet": "No users assigned yet",
+    "Select": "Select"
 }

lang/es.json

@@ -137,5 +137,14 @@
     "Document": "Documento",
     "Other": "Otro",
     "Color": "Color",
-    "Upload": "Subir"
+    "Upload": "Subir",
+    "Assign": "Asignar",
+    "Role": "Rol",
+    "Supervisor": "Supervisor",
+    "Consultant": "Consultor",
+    "Client": "Cliente",
+    "Viewer": "Espectador",
+    "Remove": "Eliminar",
+    "No users assigned yet": "Sin usuarios asignados",
+    "Select": "Seleccionar"
 }

resources/views/admin/users.blade.php

@@ -0,0 +1,15 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+            {{ __('Administrator') }} — {{ __('Users') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-12">
+        <div class="max-w-5xl mx-auto sm:px-6 lg:px-8">
+            <div class="bg-white rounded-lg shadow p-6">
+                @livewire('admin-users')
+            </div>
+        </div>
+    </div>
+</x-app-layout>

resources/views/livewire/admin-users.blade.php

@@ -0,0 +1,53 @@
+<div>
+    @if(session()->has('message'))
+        <div class="alert alert-success mb-2 text-sm">{{ session('message') }}</div>
+    @endif
+    @if(session()->has('error'))
+        <div class="alert alert-error mb-2 text-sm">{{ session('error') }}</div>
+    @endif
+
+    <div class="overflow-x-auto">
+        <table class="table table-zebra w-full">
+            <thead>
+                <tr>
+                    <th>{{ __('Name') }}</th>
+                    <th>{{ __('Email') }}</th>
+                    <th>{{ __('Role') }}</th>
+                    <th>{{ __('Language') }}</th>
+                    <th>{{ __('Actions') }}</th>
+                </tr>
+            </thead>
+            <tbody>
+                @foreach($users as $user)
+                    <tr>
+                        <td class="font-medium">{{ $user->name }}</td>
+                        <td class="text-sm">{{ $user->email }}</td>
+                        <td>
+                            <div class="flex flex-wrap gap-1">
+                                @foreach($user->roles as $role)
+                                    <span class="badge badge-sm {{ $role->name === 'Admin' ? 'badge-error' : 'badge-primary' }}">
+                                        {{ __($role->name) }}
+                                    </span>
+                                @endforeach
+                            </div>
+                        </td>
+                        <td class="text-sm">{{ strtoupper($user->locale ?? 'en') }}</td>
+                        <td>
+                            @can('assign users')
+                                <select wire:change="updateRole({{ $user->id }}, $event.target.value)"
+                                        class="select select-bordered select-xs"
+                                        @if(Auth::id() === $user->id && $user->hasRole('Admin')) disabled @endif>
+                                    @foreach($roles as $role)
+                                        <option value="{{ $role->name }}" @selected($user->hasRole($role->name))>
+                                            {{ __($role->name) }}
+                                        </option>
+                                    @endforeach
+                                </select>
+                            @endcan
+                        </td>
+                    </tr>
+                @endforeach
+            </tbody>
+        </table>
+    </div>
+</div>

resources/views/livewire/layout/navigation.blade.php

@@ -39,9 +39,17 @@ new class extends Component
 
                 <div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
                     <x-nav-link :href="route('projects.index')" :active="request()->routeIs('projects.index')" wire:navigate>
-                        {{ __('Proyectos') }}
+                        {{ __('Projects') }}
                     </x-nav-link>
                 </div>
+
+                @can('manage all')
+                    <div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
+                        <x-nav-link :href="route('admin.users')" :active="request()->routeIs('admin.users')" wire:navigate>
+                            {{ __('Administrator') }}
+                        </x-nav-link>
+                    </div>
+                @endcan
             </div>
 
             <!-- Language Switcher -->

resources/views/livewire/project-users.blade.php

@@ -0,0 +1,70 @@
+<div>
+    @if(session()->has('message'))
+        <div class="alert alert-success mb-2 text-sm">{{ session('message') }}</div>
+    @endif
+    @if(session()->has('error'))
+        <div class="alert alert-error mb-2 text-sm">{{ session('error') }}</div>
+    @endif
+
+    {{-- Asignar usuario --}}
+    @can('assign users')
+        <form wire:submit.prevent="assignUser" class="flex items-end gap-2 mb-4">
+            <div class="flex-1">
+                <label class="label-text text-xs">{{ __('Users') }}</label>
+                <select wire:model="selectedUserId" class="select select-bordered select-sm w-full">
+                    <option value="">{{ __('Select') }}...</option>
+                    @foreach($allUsers as $u)
+                        <option value="{{ $u->id }}">{{ $u->name }} ({{ $u->email }})</option>
+                    @endforeach
+                </select>
+            </div>
+            <div class="w-32">
+                <label class="label-text text-xs">{{ __('Role') }}</label>
+                <select wire:model="selectedRole" class="select select-bordered select-sm w-full">
+                    <option value="supervisor">{{ __('Supervisor') }}</option>
+                    <option value="consultant">{{ __('Consultant') }}</option>
+                    <option value="client">{{ __('Client') }}</option>
+                    <option value="viewer">{{ __('Viewer') }}</option>
+                </select>
+            </div>
+            <button type="submit" class="btn btn-primary btn-sm">{{ __('Assign') }}</button>
+        </form>
+    @endcan
+
+    {{-- Lista de usuarios asignados --}}
+    @if($assignedUsers->isNotEmpty())
+        <div class="space-y-1">
+            @foreach($assignedUsers as $user)
+                <div class="flex items-center justify-between p-2 border rounded text-sm">
+                    <div class="flex items-center gap-2">
+                        <span class="w-6 h-6 rounded-full bg-primary text-white flex items-center justify-center text-xs font-bold">
+                            {{ strtoupper(substr($user->name, 0, 1)) }}
+                        </span>
+                        <div>
+                            <span class="font-medium">{{ $user->name }}</span>
+                            <span class="text-xs text-gray-400 ml-1">{{ $user->email }}</span>
+                        </div>
+                    </div>
+                    <div class="flex items-center gap-1">
+                        @can('assign users')
+                            <select wire:change="changeRole({{ $user->id }}, $event.target.value)"
+                                    class="select select-bordered select-xs">
+                                <option value="supervisor" @selected($user->pivot->role_in_project == 'supervisor')>{{ __('Supervisor') }}</option>
+                                <option value="consultant" @selected($user->pivot->role_in_project == 'consultant')>{{ __('Consultant') }}</option>
+                                <option value="client" @selected($user->pivot->role_in_project == 'client')>{{ __('Client') }}</option>
+                                <option value="viewer" @selected($user->pivot->role_in_project == 'viewer')>{{ __('Viewer') }}</option>
+                            </select>
+                            <button wire:click="removeUser({{ $user->id }})"
+                                    class="btn btn-xs btn-ghost text-error"
+                                    onclick="return confirm('{{ __('Remove') }} {{ $user->name }}?')">✕</button>
+                        @else
+                            <span class="badge badge-sm">{{ ucfirst($user->pivot->role_in_project) }}</span>
+                        @endcan
+                    </div>
+                </div>
+            @endforeach
+        </div>
+    @else
+        <p class="text-sm text-gray-400 text-center py-4">{{ __('No users assigned yet') }}</p>
+    @endif
+</div>

resources/views/projects/edit.blade.php

@@ -48,5 +48,10 @@
 
         <h2 class="text-xl font-bold mb-2">{{ __('Phases') }}</h2>
         <livewire:phase-list :project="$project" />
+
+        <hr class="my-6">
+
+        <h2 class="text-xl font-bold mb-2">{{ __('Users') }}</h2>
+        <livewire:project-users :project="$project" />
     </div>
 </x-app-layout>

routes/web.php

@@ -88,6 +88,13 @@ Route::middleware(['auth'])->group(function () {
     // Rutas para el LayerManager:
     Route::get('/projects/{project}/phases/{phase}/layers/manage', \App\Livewire\LayerManager::class)->name('layers.manage');
 
+    // Admin: gestión de usuarios y roles
+    Route::middleware(['can:manage all'])->prefix('admin')->name('admin.')->group(function () {
+        Route::get('/users', function () {
+            return view('admin.users');
+        })->name('users');
+    });
+
     // Gestor de medios
     Route::get('/projects/{project}/media', function (\App\Models\Project $project) {
         return view('projects.media', compact('project'));