Defer loading on a widget

Following livewire's docs I don't seem to be able to get this working, has anyone had success deferring loading on a widget?

class MyWidget extends BaseWidget
{
    public bool $readyToLoad = false;

    public function loadData()
    {
        $this->readyToLoad = true;
    }

    protected function getStats(): array
    {
        if (! $this->readyToLoad) {
            return [
                Stat::make('Loading', 'Loading...')
            ];
        }

        sleep (5);

        return [
            Stat::make('Loaded Widget', 'Done!'),
        ];
    }
}

class MyWidget extends BaseWidget
{
    public bool $readyToLoad = false;

    public function loadData()
    {
        $this->readyToLoad = true;
    }

    protected function getStats(): array
    {
        if (! $this->readyToLoad) {
            return [
                Stat::make('Loading', 'Loading...')
            ];
        }

        sleep (5);

        return [
            Stat::make('Loaded Widget', 'Done!'),
        ];
    }
}

class MyWidget extends BaseWidget
{
    public bool $readyToLoad = false;

    public function loadData()
    {
        $this->readyToLoad = true;
    }

    protected function getStats(): array
    {
        if (! $this->readyToLoad) {
            return [
                Stat::make('Loading', 'Loading...')
            ];
        }

        sleep (5);

        return [
            Stat::make('Loaded Widget', 'Done!'),
        ];
    }
}

class MyWidget extends BaseWidget
{
    public bool $readyToLoad = false;

    public function loadData()
    {
        $this->readyToLoad = true;
    }

    protected function getStats(): array
    {
        if (! $this->readyToLoad) {
            return [
                Stat::make('Loading', 'Loading...')
            ];
        }

        sleep (5);

        return [
            Stat::make('Loaded Widget', 'Done!'),
        ];
    }
}

Solution

$isLazy = true;

public function placeholder(): View
{
    return view('loading');
}

$isLazy = true;

public function placeholder(): View
{
    return view('loading');
}

$isLazy = true;

public function placeholder(): View
{
    return view('loading');
}

$isLazy = true;

public function placeholder(): View
{
    return view('loading');
}

<!-- resources/views/loading.blade.php -->
<div>loading..</div>

<!-- resources/views/loading.blade.php -->
<div>loading..</div>

<!-- resources/views/loading.blade.php -->
<div>loading..</div>

<!-- resources/views/loading.blade.php -->
<div>loading..</div>

Jump to solution

Ppepperoni dogfart Following livewire's docs I don't seem to be able to get this working, has anyon...

LeandroFerreira•6/20/24, 7:15 PM

https://filamentphp.com/docs/3.x/widgets/stats-overview#disabling-lazy-loading
?

Stats overview widgets - Widgets - Filament

pepperoni dogfartOP•6/20/24, 7:17 PM

The issue is more so when they are visible, some of the widgets take a while to calulate. Would prefer to be able to show a placeholder while that's happening

Solution

Ppepperoni dogfart The issue is more so when they are visible, some of the widgets take a while to ...

LeandroFerreira•6/20/24, 7:24 PM

$isLazy = true;

public function placeholder(): View
{
    return view('loading');
}

$isLazy = true;

public function placeholder(): View
{
    return view('loading');
}

<!-- resources/views/loading.blade.php -->
<div>loading..</div>

<!-- resources/views/loading.blade.php -->
<div>loading..</div>

pepperoni dogfartOP•6/20/24, 7:30 PM

Could not check compatibility between App\Filament\Widgets\MyWidget::placeholder(): App\Filament\Widgets\View and Filament\Widgets\Widget::placeholder(): Illuminate\Contracts\View\View, because class App\Filament\Widgets\View is not available

Could not check compatibility between App\Filament\Widgets\MyWidget::placeholder(): App\Filament\Widgets\View and Filament\Widgets\Widget::placeholder(): Illuminate\Contracts\View\View, because class App\Filament\Widgets\View is not available

Ppepperoni dogfart ``` Could not check compatibility between App\Filament\Widgets\MyWidget::placeho...

LeandroFerreira•6/20/24, 7:32 PM

use Illuminate\Contracts\View\View;

use Illuminate\Contracts\View\View;

pepperoni dogfartOP•6/20/24, 7:33 PM

Aye, sorry, yes. long day of converting a customers excel formulas into a filament page haha

LeandroFerreira•6/20/24, 7:35 PM

worked?

pepperoni dogfartOP•6/20/24, 7:35 PM

it did thanks!

Defer loading on a widget

Similar Threads

Similar Threads

Similar Threads