feature - 7 - Hide users selection if no users exist

This commit is contained in:
myrmidex 2025-12-28 21:15:08 +01:00
parent ecfadbc2ad
commit dc00300f44
2 changed files with 50 additions and 37 deletions

View file

@ -83,26 +83,32 @@ class="w-full p-2 border rounded bg-gray-600 border-secondary text-gray-100 focu
@error('name') <span class="text-danger text-xs">{{ $message }}</span> @enderror @error('name') <span class="text-danger text-xs">{{ $message }}</span> @enderror
</div> </div>
<div class="mb-6"> @if($users->count() > 0)
<label class="block text-sm font-medium mb-2">Assign to Users</label> <div class="mb-6">
<div class="space-y-2 max-h-40 overflow-y-auto border border-secondary rounded p-3 bg-gray-700"> <label class="block text-sm font-medium mb-2">Assign to Users</label>
@foreach($users as $user) <div class="space-y-2 max-h-40 overflow-y-auto border border-secondary rounded p-3 bg-gray-700">
<label class="flex items-center"> @foreach($users as $user)
<input type="checkbox" <label class="flex items-center">
wire:model="selectedUsers" <input type="checkbox"
value="{{ $user->id }}" wire:model="selectedUsers"
class="rounded border-secondary bg-gray-600 text-primary focus:ring-accent-blue mr-2"> value="{{ $user->id }}"
<div class="flex items-center"> class="rounded border-secondary bg-gray-600 text-primary focus:ring-accent-blue mr-2">
<div class="w-6 h-6 bg-primary rounded-full flex items-center justify-center text-white text-xs font-bold mr-2"> <div class="flex items-center">
{{ strtoupper(substr($user->name, 0, 1)) }} <div class="w-6 h-6 bg-primary rounded-full flex items-center justify-center text-white text-xs font-bold mr-2">
{{ strtoupper(substr($user->name, 0, 1)) }}
</div>
{{ $user->name }}
</div> </div>
{{ $user->name }} </label>
</div> @endforeach
</label> </div>
@endforeach @error('selectedUsers') <span class="text-danger text-xs">{{ $message }}</span> @enderror
</div> </div>
@error('selectedUsers') <span class="text-danger text-xs">{{ $message }}</span> @enderror @else
</div> <div class="mb-6">
<p class="text-gray-400 text-sm italic">No users available to assign. <a href="{{ route('users.index') }}" class="text-accent-blue hover:underline">Add users</a> to assign them to dishes.</p>
</div>
@endif
<div class="flex justify-end space-x-3"> <div class="flex justify-end space-x-3">
<button type="button" <button type="button"
@ -135,26 +141,32 @@ class="w-full p-2 border rounded bg-gray-600 border-secondary text-gray-100 focu
@error('name') <span class="text-danger text-xs">{{ $message }}</span> @enderror @error('name') <span class="text-danger text-xs">{{ $message }}</span> @enderror
</div> </div>
<div class="mb-6"> @if($users->count() > 0)
<label class="block text-sm font-medium mb-2">Assign to Users</label> <div class="mb-6">
<div class="space-y-2 max-h-40 overflow-y-auto border border-secondary rounded p-3 bg-gray-700"> <label class="block text-sm font-medium mb-2">Assign to Users</label>
@foreach($users as $user) <div class="space-y-2 max-h-40 overflow-y-auto border border-secondary rounded p-3 bg-gray-700">
<label class="flex items-center"> @foreach($users as $user)
<input type="checkbox" <label class="flex items-center">
wire:model="selectedUsers" <input type="checkbox"
value="{{ $user->id }}" wire:model="selectedUsers"
class="rounded border-secondary bg-gray-600 text-primary focus:ring-accent-blue mr-2"> value="{{ $user->id }}"
<div class="flex items-center"> class="rounded border-secondary bg-gray-600 text-primary focus:ring-accent-blue mr-2">
<div class="w-6 h-6 bg-primary rounded-full flex items-center justify-center text-white text-xs font-bold mr-2"> <div class="flex items-center">
{{ strtoupper(substr($user->name, 0, 1)) }} <div class="w-6 h-6 bg-primary rounded-full flex items-center justify-center text-white text-xs font-bold mr-2">
{{ strtoupper(substr($user->name, 0, 1)) }}
</div>
{{ $user->name }}
</div> </div>
{{ $user->name }} </label>
</div> @endforeach
</label> </div>
@endforeach @error('selectedUsers') <span class="text-danger text-xs">{{ $message }}</span> @enderror
</div> </div>
@error('selectedUsers') <span class="text-danger text-xs">{{ $message }}</span> @enderror @else
</div> <div class="mb-6">
<p class="text-gray-400 text-sm italic">No users available to assign. <a href="{{ route('users.index') }}" class="text-accent-blue hover:underline">Add users</a> to assign them to dishes.</p>
</div>
@endif
<div class="flex justify-end space-x-3"> <div class="flex justify-end space-x-3">
<button type="button" <button type="button"

View file

@ -50,7 +50,8 @@ public function testCanOpenCreateDishModal(): void
->pause(1000) ->pause(1000)
->assertSee('Add New Dish') ->assertSee('Add New Dish')
->assertSee('Dish Name') ->assertSee('Dish Name')
->assertSee('Assign to Users') ->assertSee('No users available to assign')
->assertSee('Add users')
->assertSee('Create Dish') ->assertSee('Create Dish')
->assertSee('Cancel'); ->assertSee('Cancel');
}); });