Make dashboard configurable.

2025-02-06 11:08:30 +01:00
parent a545e253d3
commit 4c43bf2193
19 changed files with 535 additions and 159 deletions
--- a/resources/views/components/close-icon.blade.php
+++ b/resources/views/components/close-icon.blade.php
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" {{ $attributes->merge(['class' => 'size-8 p-1']) }}>
+    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
+</svg>
--- a/resources/views/components/dashboard_graph_month.blade.php
+++ b/resources/views/components/dashboard_graph_month.blade.php
@@ -0,0 +1,40 @@
+@if( $monthly_incoming->count() === 0 && $monthly_invoices->count() === 0)
+    <div class="w-full text-center">{{ __('dashboard.No data') }}</div>
+@else
+    <div class="w-full">
+        <canvas id="monthly"></canvas>
+    </div>
+
+    <script>
+        function drawMonth() {
+            let monthly_invoices = {!! $monthly_invoices !!};
+            let monthly_incoming = {!! $monthly_incoming !!};
+            let year = {!! $year !!};
+
+            let el = document.querySelector('#dashboard_graph_month h2');
+            el.innerHTML += ' ' + year;
+
+            new Chart(
+                document.getElementById('monthly'),
+                {
+                    type: 'line',
+                    data: {
+                        datasets: [
+                            {
+                                label: '{{ __('invoice.Invoices') }}',
+                                data: monthly_invoices,
+                                backgroundColor: 'rgb(25,48,90)',
+                                borderColor: 'rgb(25,48,90)',
+                            },
+                            {
+                                label: '{{ __('incoming.Incoming') }}',
+                                data: monthly_incoming,
+                                backgroundColor: 'rgb(237,125,35)',
+                                borderColor: 'rgb(237,125,35)',
+                            }
+                        ]
+                    }
+                });
+        }
+    </script>
+@endif
--- a/resources/views/components/dashboard_graph_year.blade.php
+++ b/resources/views/components/dashboard_graph_year.blade.php
@@ -0,0 +1,34 @@
+@if( $yearly_incoming->count() === 0 && $yearly_invoices->count() === 0)
+    <div class="w-full text-center">{{ __('dashboard.No data') }}</div>
+@else
+    <div class="w-full">
+        <canvas id="yearly"></canvas>
+    </div>
+
+    <script>
+        function drawYear() {
+            let yearly_invoices = {!! $yearly_invoices !!};
+            let yearly_incoming = {!! $yearly_incoming !!};
+
+            new Chart(
+                document.getElementById('yearly'),
+                {
+                    type: 'bar',
+                    data: {
+                        datasets: [
+                            {
+                                label: '{{ __('invoice.Invoices') }}',
+                                data: yearly_invoices,
+                                backgroundColor: 'rgb(25,48,90)',
+                            },
+                            {
+                                label: '{{ __('incoming.Incoming') }}',
+                                data: yearly_incoming,
+                                backgroundColor: 'rgb(237,125,35)',
+                            }
+                        ]
+                    }
+                });
+        }
+    </script>
+@endif
--- a/resources/views/components/dashboard_incoming.blade.php
+++ b/resources/views/components/dashboard_incoming.blade.php
@@ -0,0 +1,15 @@
+@php
+    $unpaid_incoming = \App\Models\Incoming::where('pay_date', '=', null)->orderBy('due_date')->get();
+@endphp
+@if($unpaid_incoming->count() === 0)
+    <div class="w-full text-center">{{ __('dashboard.No data') }}</div>
+@endif
+@foreach($unpaid_incoming as $incoming)
+    <a href="{{ route('incoming.edit', $incoming->id) }}"
+       class="flex max-w even:bg-gray-100 odd:bg-white">
+        <div class="w-1/6">{{ $incoming->invoice_number }}</div>
+        <div class="w-1/2">{{ $incoming->supplier->name }}</div>
+        <div class="w-1/6 text-right">{{ \Illuminate\Support\Number::currency($incoming->gross) }}</div>
+        <div class="w-1/6 text-right">{{ $incoming->due }}</div>
+    </a>
+@endforeach
--- a/resources/views/components/dashboard_no_address.blade.php
+++ b/resources/views/components/dashboard_no_address.blade.php
@@ -0,0 +1,13 @@
+@php
+    $customers = \App\Models\Customer::doesntHave('address')->get();
+@endphp
+@if($customers->count() === 0)
+    <div class="w-full text-center">{{ __('dashboard.No data') }}</div>
+@endif
+@foreach($customers as $customer)
+    <a href="{{ route('customer.edit', $customer->id) }}"
+       class="flex max-w even:bg-gray-100 odd:bg-white">
+        <div class="w-1/2">{{ $customer->name }}</div>
+        <div class="w-1/2">{{ $customer->email }}</div>
+    </a>
+@endforeach
--- a/resources/views/components/dashboard_not_paid.blade.php
+++ b/resources/views/components/dashboard_not_paid.blade.php
@@ -0,0 +1,15 @@
+@php
+    $sent_invoices = \App\Models\Invoice::where('status', '=', 'sent')->orderBy('created_at')->get();
+@endphp
+@if($sent_invoices->count() === 0)
+    <div class="w-full text-center">{{ __('dashboard.No data') }}</div>
+@endif
+@foreach($sent_invoices as $invoice)
+    <a href="{{ route('payment.create') }}"
+       class="flex max-w even:bg-gray-100 odd:bg-white">
+        <div class="w-1/4">{{ $invoice->number }}</div>
+        <div class="w-1/4">{{ $invoice->customer->name }}</div>
+        <div class="w-1/4 text-right">{{ \Illuminate\Support\Number::currency($invoice->sum) }}</div>
+        <div class="w-1/4 text-right">{{ $invoice->created }}</div>
+    </a>
+@endforeach
--- a/resources/views/components/dashboard_not_sent.blade.php
+++ b/resources/views/components/dashboard_not_sent.blade.php
@@ -0,0 +1,13 @@
+@php
+    $created_invoices = \App\Models\Invoice::where('status', '=', 'created')->orderBy('created_at')->get();
+@endphp
+@if($created_invoices->count() === 0)
+    <div class="w-full text-center">{{ __('dashboard.No data') }}</div>
+@endif
+@foreach($created_invoices as $invoice)
+    <a href="{{ route('invoice.edit', $invoice->id) }}"
+       class="flex max-w even:bg-gray-100 odd:bg-white">
+        <div class="w-1/2">{{ $invoice->number }}</div>
+        <div class="w-1/2">{{ $invoice->customer->name }}</div>
+    </a>
+@endforeach
--- a/resources/views/components/gear-icon.blade.php
+++ b/resources/views/components/gear-icon.blade.php
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" {{ $attributes->merge(['class' => 'size-8 p-1']) }}>
+    <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.559.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.894.149c-.424.07-.764.383-.929.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.398.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.45l.527-.737c.25-.35.272-.806.108-1.204-.165-.397-.506-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.108-1.204l-.526-.738a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894Z" />
+    <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
+</svg>
+
--- a/resources/views/components/graph-month.blade.php
+++ b/resources/views/components/graph-month.blade.php
@@ -1,30 +0,0 @@
-<div class="w-full">
-    <canvas id="monthly"></canvas>
-</div>
-
-<script>
-    function drawMonth() {
-        let monthly_invoices = {!! $monthly_invoices !!};
-        let monthly_incoming = {!! $monthly_incoming !!};
-
-        new Chart(
-            document.getElementById('monthly'),
-            {
-                type: 'line',
-                data: {
-                    datasets: [
-                        {
-                            label: '{{ __('invoice.Invoices') }}',
-                            data: monthly_invoices,
-                            backgroundColor: 'rgb(25,48,90)',
-                        },
-                        {
-                            label: '{{ __('incoming.Incoming') }}',
-                            data: monthly_incoming,
-                            backgroundColor: 'rgb(237,125,35)',
-                        }
-                    ]
-                }
-            });
-    }
-</script>
--- a/resources/views/components/graph-year.blade.php
+++ b/resources/views/components/graph-year.blade.php
@@ -1,30 +0,0 @@
-<div class="w-full">
-    <canvas id="yearly"></canvas>
-</div>
-
-<script>
-    function drawYear() {
-        let yearly_invoices = {!! $yearly_invoices !!};
-        let yearly_incoming = {!! $yearly_incoming !!};
-
-        new Chart(
-            document.getElementById('yearly'),
-            {
-                type: 'bar',
-                data: {
-                    datasets: [
-                        {
-                            label: '{{ __('invoice.Invoices') }}',
-                            data: yearly_invoices,
-                            backgroundColor: 'rgb(25,48,90)',
-                        },
-                        {
-                            label: '{{ __('incoming.Incoming') }}',
-                            data: yearly_incoming,
-                            backgroundColor: 'rgb(237,125,35)',
-                        }
-                    ]
-                }
-            });
-    }
-</script>