feat: Exibe detalhes ao clicar na imagem ou nome do cliente.

This commit is contained in:
LukiBeg 2025-12-10 16:25:25 -03:00
parent 26a25b0b07
commit 79292f7b8f
1 changed files with 4 additions and 7 deletions

View File

@ -3,11 +3,11 @@
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ asset('storage/' . $client->profile_image_path) }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
<img src="{{ asset('storage/' . $client->profile_image_path) }}" x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover cursor-pointer">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<button @click="open = !open" class="client-options-button cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
viewBox="0 0 20 20" fill="currentColor">
<path
@ -16,9 +16,6 @@ class="w-32 h-32 rounded-full object-cover">
</button>
<ul x-show="open" class="client-options-list" x-transition>
<li><a href="#" class="client-option-item"
x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })">Ver Detalhes</a>
</li>
<li><a href="#" class="client-option-item"
x-on:click.prevent="$dispatch('update-client', { id: '{{ $client->id }}' })">Editar
Cliente</a></li>
@ -29,7 +26,7 @@ class="w-32 h-32 rounded-full object-cover">
</div>
</div>
<div class="client-card-name">
<div class="client-card-name cursor-pointer" x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })">
{{ $client->name }}
</div>
</div>