Gestión de usuarios por proyecto: ProjectUsers Livewire, AdminUsers, panel admin con roles, protección de rutas
This commit is contained in:
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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 -->
|
||||
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user