feat: Exibe detalhes ao clicar na imagem ou nome do cliente.
This commit is contained in:
parent
26a25b0b07
commit
79292f7b8f
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue