Creando Páginas

Categories:
Tags:

Personalizar la página dasbhboard

Vamos a crear una página personalizada para el dashboard de Filament, en lugar de usar la predeterminada. En la terminal ejecutamos: 

php artisan make:filament-page AdminHome

Esto generará el archivo: app/Filament/Pages/AdminHome.php Ejemplo de implementación:

<?php
namespace App\Filament\Pages;
use Filament\Pages\Page;
class AdminHome extends Page
{
    protected static ?string $navigationIcon = 'heroicon-o-home';
    protected static ?string $navigationLabel = 'Dashboard';
    protected static ?string $navigationGroup = 'Admin';
    protected static ?int $navigationSort = 1;
    protected static string $view = 'filament.pages.admin-home';

    public function getTitle(): string
    {
        return __('dashboard.title');
    }

    public function getHeading(): string
    {
        return __('dashboard.heading');
    }
}
  • Vista Blade Esta acción generará el archivo de vista: resources/views/filament/pages/admin-home.blade.php
      
<x-filament::page>
    <x-filament::section>
        <div class="p-6 text-center">
            <h2 class="text-2xl font-bold text-gray-800 dark:text-gray-100">
                👋 {{ __('dashboard.welcome_title') }}
            </h2>
            <p class="mt-2 text-gray-600 dark:text-gray-400">
                {!! __('dashboard.welcome_message') !!}
            </p>
        </div>
    </x-filament::section>
</x-filament::page>