add datatbles for invoices, add pdf icon, refactor icons components, add autocomplete on search, adapt searching to meilisearch

This commit is contained in:
ludo
2024-02-04 02:51:38 +01:00
parent 5c20e6d5d0
commit 6c88e43b74
39 changed files with 503 additions and 211 deletions

View File

@@ -1,28 +0,0 @@
@include('Shop.Orders.partials.list', ['dataTable' => $orders])
@if ($customer['orders'] ?? false)
<table class="table table-striped gradient-green1 green-fluo">
@foreach ($customer['orders'] as $order)
<tr>
<td>
{{ Carbon\Carbon::parse($order['created_at'])->format('d-m-Y') }}
</td>
<td>
Numero facture
</td>
<td class="text-right">
{{ $order['total_shipped'] }}
</td>
<td class="text-right">
<button class="btn btn-sm btn-secondary" data-id="{{ $order['id'] }}">
<i class="fa fa-fw fa-print" title="Imprimer"></i>
</button>
<button class="btn btn-sm btn-secondary" data-id="{{ $order['id'] }}">
<i class="fa fa-fw fa-file-pdf" title="Télécharger"></i>
</button>
</td>
</tr>
@endforeach
</table>
@endif

View File

@@ -1,25 +1,35 @@
<nav>
<div class="nav nav-tabs pl-2">
<a href="#deliveries" data-toggle="tab" class="nav-item nav-link active" role="tab" aria-controls="deliveries"
aria-selected="true">
<a href="#deliveriesTab" data-toggle="tab" class="nav-item nav-link active" role="tab" aria-selected="true">
MON MODE D'ACHAT
</a>
<a href="#invoices" data-toggle="tab" class="nav-item nav-link" role="tab" aria-controls="invoices"
aria-selected="false">
FACTURES ET SUIVI DE COMMANDES
<a href="#ordersTab" data-toggle="tab" class="nav-item nav-link" role="tab" aria-selected="false">
SUIVI DE COMMANDES
</a>
<a href="#invoicesTab" data-toggle="tab" class="nav-item nav-link" role="tab" aria-selected="false">
FACTURES
</a>
</div>
</nav>
<div class="tab-content">
<div class="tab-pane fade show active pt-0 pb-0" id="deliveries">
<div class="tab-pane fade show active pt-0 pb-0" id="deliveriesTab">
<x-card classBody="bg-light">
@include('Shop.Customers.partials.deliveries')
</x-card>
</div>
<div class="tab-pane fade show pt-0 pb-0" id="invoices">
<div class="tab-pane fade show pt-0 pb-0" id="ordersTab">
<x-card classBody="bg-light">
@include('Shop.Customers.partials.invoices')
@include('Shop.Orders.partials.list', [
'dataTable' => $orders,
])
</x-card>
</div>
<div class="tab-pane fade show pt-0 pb-0" id="invoicesTab">
<x-card classBody="bg-light">
@include('Shop.Invoices.partials.list', [
'dataTable' => $invoices,
])
</x-card>
</div>
</div>