wip fix

app/Filament/Widgets/ChartEventPerfMoAv.php

@@ -0,0 +1,87 @@
+<?php
+
+namespace App\Filament\Widgets;
+
+use App\Filament\Widgets\Charts\HelperMoveingAveragePerformens;
+use App\Filament\Widgets\Charts\LoadPerformance;
+use Filament\Support\RawJs;
+use Filament\Widgets\ChartWidget;
+use Illuminate\Support\HtmlString;
+use Livewire\Attributes\Reactive;
+
+class ChartEventPerfMoAv extends ChartWidget
+{
+    #[Reactive]
+    public ?array $filters = [];
+
+    public ?string $type = '';
+
+    protected ?string $pollingInterval = null;
+
+    public function getHeading(): HtmlString
+    {
+        return new HtmlString('
+            <span class="flex justify-between">
+                <span class="text-primary-700 dark:text-primary-400 flex flex-row gap-2">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256"><path d="M232,64H208V48a8,8,0,0,0-8-8H56a8,8,0,0,0-8,8V64H24A16,16,0,0,0,8,80V96a40,40,0,0,0,40,40h3.65A80.13,80.13,0,0,0,120,191.61V216H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16H136V191.58c31.94-3.23,58.44-25.64,68.08-55.58H208a40,40,0,0,0,40-40V80A16,16,0,0,0,232,64ZM48,120A24,24,0,0,1,24,96V80H48v32q0,4,.39,8Zm144-8.9c0,35.52-29,64.64-64,64.9a64,64,0,0,1-64-64V56H192ZM232,96a24,24,0,0,1-24,24h-.5a81.81,81.81,0,0,0,.5-8.9V80h24Z"></path></svg>
+                    Events Performance
+                </span>
+                <span>'.$this->type.'Moving Average</span>
+            </span>
+        ');
+    }
+
+    protected function getData(): array
+    {
+        $data = LoadPerformance::load($this->filters, false);
+
+        if ($data) {
+
+            HelperMoveingAveragePerformens::get($data);
+        }
+
+        return $data;
+    }
+
+    protected function getType(): string
+    {
+        return 'line';
+    }
+
+    protected function getOptions(): RawJs
+    {
+        return RawJs::make(<<<'JS'
+            {
+                interaction: {
+                    intersect: false,
+                },
+                plugins: {
+                    legend: {
+                        position: 'left',
+                        maxWidth: ({chart}) => chart.width * 0.9
+                    },
+                    tooltip: {
+                        callbacks: {
+                            label: (context) => {
+                                if(context.dataset.label == 'Average Team' || context.dataset.label == 'Average Attak'|| context.dataset.label == 'Average Denfence'|| context.dataset.label == 'Average Midfield'){
+                                    return [context.dataset.label+' '+context.dataset.data[0]];
+                                }
+                                else {
+                                    return [' '+context.parsed.y, ' '+context.dataset.playing_date[context.dataIndex], ' '+context.dataset.events[context.dataIndex], ' '+context.dataset.results_per_event[context.dataIndex]];
+                                }
+                            },
+                        }
+                    }
+                },
+                scales: {
+                    x: {
+                        title: {
+                            display: true,
+                            text: 'Number of days to date'
+                        }
+                    },
+                },
+            }
+            JS);
+    }
+}