wip

2026-06-05 12:34:24 +02:00
1 parent d954a9fa5c
commit 4b4952bfec
@@ -1,6 +1,10 @@
-<div
-    class="h-full rounded-lg p-0 lg:py-2 grid grid-rows-3 gap-0 bg-green-50 dark:bg-green-900 border border-green-300  dark:border-green-700">
-    <span class="font-bold text-center">{{ $titel }}</span>
-    <span class="font-bold text-2xl text-center">{{ $value }}</span>
-    {{-- <x-filament::loading-indicator class="h-5 w-5" /> --}}
-</div>
+<div class="fi-sc-component">
+    <div class="fi-wi-stats-overview-stat grid grid-rows-2 gap-2">
+        <div class="fi-wi-stats-overview-stat-label-ctn">
+            <span class="fi-wi-stats-overview-stat-label">
+                {{ $titel }}
+            </span>
+        </div>
+        <div id="odometer" class="odometer fi-wi-stats-overview-stat-value">123</div>
+    </div>
+</div>
@@ -1,76 +0,0 @@
-@php
-    use Filament\Widgets\View\Components\ChartWidgetComponent;
-    use Illuminate\View\ComponentAttributeBag;
-
-    $color = $this->getColor();
-    $heading = $this->getHeading();
-    $description = $this->getDescription();
-    $filters = $this->getFilters();
-    $isCollapsible = $this->isCollapsible();
-    $type = $this->getType();
-    $maxHeight = $this->getMaxHeight();
-    $hasMaxHeight = filled($maxHeight) && $maxHeight !== '100%';
-@endphp
-
-{{-- <x-filament-widgets::widget x-data="{ isCollapsed: false }" x-on:collapse-all-charts.window="isCollapsed = true"> --}}
-{{-- :collapsible="$this->isCollapsible()" x-bind:collapsed="isCollapsed" --}}
-<x-filament-widgets::widget class="fi-wi-chart">
-    <x-filament::section :description="$description" :heading="$heading" :collapsible="$isCollapsible">
-        @if ($filters || method_exists($this, 'getFiltersSchema'))
-            <x-slot name="afterHeader">
-                @if ($filters)
-                    <x-filament::input.wrapper inline-prefix wire:target="filter" class="fi-wi-chart-filter">
-                        <x-filament::input.select inline-prefix wire:model.live="filter">
-                            @foreach ($filters as $value => $label)
-                                <option value="{{ $value }}">
-                                    {{ $label }}
-                                </option>
-                            @endforeach
-                        </x-filament::input.select>
-                    </x-filament::input.wrapper>
-                @endif
-
-                @if (method_exists($this, 'getFiltersSchema'))
-                    <x-filament::dropdown placement="bottom-end" shift width="xs" class="fi-wi-chart-filter">
-                        <x-slot name="trigger">
-                            {{ $this->getFiltersTriggerAction() }}
-                        </x-slot>
-
-                        <div class="fi-wi-chart-filter-content">
-                            {{ $this->getFiltersSchema() }}
-
-                            @if (method_exists($this, 'hasDeferredFilters') && $this->hasDeferredFilters())
-                                <div class="fi-wi-chart-filter-content-actions-ctn">
-                                    {{ $this->getFiltersApplyAction() }}
-
-                                    {{ $this->getFiltersResetAction() }}
-                                </div>
-                            @endif
-                        </div>
-                    </x-filament::dropdown>
-                @endif
-            </x-slot>
-        @endif
-
-        <div @if ($pollingInterval = $this->getPollingInterval()) wire:poll.{{ $pollingInterval }}="updateChartData" @endif>
-            <div x-load
-                x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('chart', 'filament/widgets') }}"
-                wire:ignore data-chart-type="{{ $type }}" x-data="chart({
-                    cachedData: @js($this->getCachedData()),
-                    options: @js($this->getOptions()),
-                    type: @js($type),
-                })"
-                {{ new ComponentAttributeBag()->color(ChartWidgetComponent::class, $color)->class(['fi-wi-chart-canvas-ctn', 'fi-wi-chart-canvas-ctn-no-aspect-ratio' => $hasMaxHeight]) }}>
-                <canvas x-ref="canvas" @style(['width: 100%', 'height: 100%; max-height: 100%' => !$hasMaxHeight, "max-height: {$maxHeight}" => $hasMaxHeight])></canvas>
-
-                <span x-ref="backgroundColorElement" class="fi-wi-chart-bg-color"></span>
-
-                <span x-ref="borderColorElement" class="fi-wi-chart-border-color"></span>
-
-                <span x-ref="gridColorElement" class="fi-wi-chart-grid-color"></span>
-
-                <span x-ref="textColorElement" class="fi-wi-chart-text-color"></span>
-            </div>
-        </div>
-    </x-filament::section>
-</x-filament-widgets::widget>