|
|
@@ -1,6 +1,12 @@
|
|
|
{{-- resources/views/livewire/dynamic_report.blade.php --}}
|
|
|
<div id="card--dashboard">
|
|
|
<div>
|
|
|
+ <div class="row" id="filter_msg" wire:ignore>
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="alert alert-info">Seleziona uno o più criteri per visualizzare il report</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div class="chart-row">
|
|
|
<div class="chart-card">
|
|
|
<div class="chart-body" style="padding-block: 20px">
|
|
|
@@ -61,7 +67,7 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="col text-end mt-4">
|
|
|
- <button type="button" class="btn--ui" wire:click="applyFilters">
|
|
|
+ <button type="button" class="btn--ui" onclick="applyFilters()">
|
|
|
Applica filtri
|
|
|
</button>
|
|
|
</div>
|
|
|
@@ -73,7 +79,7 @@
|
|
|
<div class="chart-row mb-0">
|
|
|
<div class="chart-card">
|
|
|
<div class="chart-body" wire:ignore>
|
|
|
- <div class="chart-wrapper" style="height: calc(100dvh - 450px)">
|
|
|
+ <div class="chart-wrapper" style="height: 600px">
|
|
|
<canvas id="dynamicReportChart"></canvas>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -186,7 +192,7 @@ document.addEventListener("livewire:load", function () {
|
|
|
intersect: false,
|
|
|
itemSort: (a, b) => b.raw - a.raw,
|
|
|
},
|
|
|
- legend: { display: true },
|
|
|
+ legend: { display: true, position: 'bottom' },
|
|
|
},
|
|
|
|
|
|
scales: {
|
|
|
@@ -215,6 +221,12 @@ document.addEventListener("livewire:load", function () {
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
+ function applyFilters() {
|
|
|
+ let filter_msg = document.getElementById("filter_msg");
|
|
|
+ if (filter_msg) filter_msg.style.display = "none";
|
|
|
+
|
|
|
+ @this.applyFilters();
|
|
|
+ }
|
|
|
|
|
|
window.addEventListener('dynamic-report:updated', (e) => {
|
|
|
buildOrUpdateChart(e.detail);
|
