Compare commits
4 Commits
26a25b0b07
...
6b38865074
| Author | SHA1 | Date |
|---|---|---|
LukiBeg
|
6b38865074 | |
|
LukiBeg
|
1c8f03a45d | |
|
LukiBeg
|
38ea1f7385 | |
|
LukiBeg
|
79292f7b8f |
|
|
@ -41,7 +41,6 @@ public function edit(ClientService $clientService)
|
||||||
$this->authorize('editClient', Auth::user());
|
$this->authorize('editClient', Auth::user());
|
||||||
$data = $this->clientForm->validate();
|
$data = $this->clientForm->validate();
|
||||||
|
|
||||||
|
|
||||||
if ($this->clientForm->profile_image_path) {
|
if ($this->clientForm->profile_image_path) {
|
||||||
$path = $this->clientForm->profile_image_path->store('client_logos', 'public');
|
$path = $this->clientForm->profile_image_path->store('client_logos', 'public');
|
||||||
$data['profile_image_path'] = $path;
|
$data['profile_image_path'] = $path;
|
||||||
|
|
|
||||||
|
|
@ -8,16 +8,33 @@
|
||||||
|
|
||||||
class ShowClient extends Component
|
class ShowClient extends Component
|
||||||
{
|
{
|
||||||
|
public $filters = '';
|
||||||
|
public $clients;
|
||||||
|
|
||||||
|
public function mount()
|
||||||
|
{
|
||||||
|
$this->clients = Client::all();
|
||||||
|
}
|
||||||
|
|
||||||
|
#[On('filters-added')]
|
||||||
|
|
||||||
|
public function updatedFilters()
|
||||||
|
{
|
||||||
|
$this->clients = Client::where('name', 'LIKE', '%' . $this->filters . '%')->get();
|
||||||
|
}
|
||||||
|
|
||||||
#[On('client-deleted')]
|
#[On('client-deleted')]
|
||||||
#[On('client-updated')]
|
#[On('client-updated')]
|
||||||
#[On('client-added')]
|
#[On('client-added')]
|
||||||
|
public function refreshClients()
|
||||||
|
{
|
||||||
|
$this->clients = Client::all();
|
||||||
|
}
|
||||||
|
|
||||||
public function render()
|
public function render()
|
||||||
{
|
{
|
||||||
$clients = Client::all();
|
|
||||||
|
|
||||||
return view('livewire.admin.show-client', [
|
return view('livewire.admin.show-client', [
|
||||||
'clients' => $clients
|
'clients' => $this->clients
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,37 +1,75 @@
|
||||||
<div class="container grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
|
<div class="container">
|
||||||
@foreach ($clients as $client)
|
|
||||||
<div class="client-card">
|
<div class="flex justify-center">
|
||||||
<div class="client-card-header">
|
<div class="w-full max-w-md mb-6">
|
||||||
<div class="client-avatar">
|
<div x-data="{ query: @entangle('filters') }" class="relative rounded-md shadow-sm">
|
||||||
<img src="{{ asset('storage/' . $client->profile_image_path) }}" alt="Avatar do Cliente"
|
|
||||||
class="w-32 h-32 rounded-full object-cover">
|
<div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
|
||||||
</div>
|
<svg class="h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||||
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
|
<path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd" />
|
||||||
<button @click="open = !open" class="client-options-button">
|
|
||||||
<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
|
|
||||||
d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
|
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</div>
|
||||||
|
|
||||||
<ul x-show="open" class="client-options-list" x-transition>
|
<input
|
||||||
<li><a href="#" class="client-option-item"
|
type="text"
|
||||||
x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })">Ver Detalhes</a>
|
wire:model.live.debounce.10ms="filters"
|
||||||
</li>
|
x-model="query"
|
||||||
<li><a href="#" class="client-option-item"
|
name="search"
|
||||||
x-on:click.prevent="$dispatch('update-client', { id: '{{ $client->id }}' })">Editar
|
id="search"
|
||||||
Cliente</a></li>
|
class="block w-full outline-none rounded-md bg-white border-0 py-2 pl-10 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
|
||||||
<li><a href="#" class="client-option-item text-red-600"
|
placeholder="Buscar por nome, email..."
|
||||||
x-on:click.prevent="$dispatch('sure', { id: '{{ $client->id }}' })"> Excluir Cliente</a>
|
@keyup.enter="$dispatch('filters-added')"
|
||||||
</li>
|
>
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
<div
|
||||||
|
x-show="query"
|
||||||
|
style="display: none;"
|
||||||
|
class="absolute inset-y-0 right-0 flex items-center pr-3">
|
||||||
|
<button
|
||||||
|
@click="query = ''; $wire.set('filters', '')"
|
||||||
|
type="button"
|
||||||
|
class="text-gray-400 hover:text-gray-600 focus:outline-none">
|
||||||
|
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
|
||||||
|
<path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" />
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="client-card-name">
|
|
||||||
{{ $client->name }}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
|
||||||
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||||
|
@foreach ($clients as $client)
|
||||||
|
<div class="client-card" wire:transition.scale.origin.top.duration.300ms>
|
||||||
|
<div class="client-card-header">
|
||||||
|
<div class="client-avatar">
|
||||||
|
<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 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
|
||||||
|
d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<ul x-show="open" class="client-options-list" x-transition>
|
||||||
|
<li><a href="#" class="client-option-item"
|
||||||
|
x-on:click.prevent="$dispatch('update-client', { id: '{{ $client->id }}' })">Editar
|
||||||
|
Cliente</a></li>
|
||||||
|
<li><a href="#" class="client-option-item text-red-600"
|
||||||
|
x-on:click.prevent="$dispatch('sure', { id: '{{ $client->id }}' })"> Excluir Cliente</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="client-card-name cursor-pointer" x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })">
|
||||||
|
{{ $client->name }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endforeach
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
Loading…
Reference in New Issue