Hi, I'm Eighty Nine. I created reports plugin to solve real problems I faced as a developer. Your sponsorship will allow me to dedicate more time to enhancing these tools and helping more people. Become a sponsor and join me in making a positive impact on the developer community.
Then you can install the package via composer:
composer require eightynine/filament-reportsYou can publish the configuration using:
php artisan vendor:publish --provider="EightyNine\Reports\ReportsServiceProvider" --tag="reports-config"Add the plugin to your panel service provider, this is for page discovery and adding the reports to the navigation
use EightyNine\Reports\ReportsPlugin;
public function panel(Panel $panel): Panel
{
return $panel
->default()
->id('demo')
->path('demo')
...
->plugins([
ReportsPlugin::make()
]);
}The package comes packed with a report creation command, this will create a report in the app/Filament/Reports directory.
php artisan make:filament-report UsersReportThe command will create a report class with the following structure:
namespace App\Filament\Reports;
use EightyNine\Reports\Report;
use EightyNine\Reports\Components\Body;
use EightyNine\Reports\Components\Footer;
use EightyNine\Reports\Components\Header;
use Filament\Forms\Form;
class UserReport extends Report
{
public ?string $heading = "Report";
// public ?string $subHeading = "A report";
public function header(Header $header): Header
{
return $header
->schema([
// ...
]);
}
public function body(Body $body): Body
{
return $body
->schema([
// ...
]);
}
public function footer(Footer $footer): Footer
{
return $footer
->schema([
// ...
]);
}
public function filterForm(Form $form): Form
{
return $form
->schema([
// ...
]);
}
}The report has the following sections:
- Header
- Body
- Footer
- Filter Form
The header is the top section of the report, it can be used to display a title, subtitle, image and a description. If the section is left empty, nothing will be displayed, but if you have a custom header for your report, this is where you can define it.
The header area has layouts that can be used to arrange items. The layouts are HeaderColumn and HeaderRow.
HeaderColumnis a vertical layout, it will stack the items on top of each other. Items inside theHeaderColumncan aligned vertically and horizontally, depending on how you wish to align the items.HeaderRowis a horizontal layout, it will place the items next to each other. Items inside theHeaderRowcan be aligned vertically and horizontally, depending on how you wish to align the items.
The HeaderColumn and HeaderRow can be nested inside each other to create more complex layouts.
Apart from the Layouts, the header also has components that can be used to display data. The components are:
Text- This is used to display text, it can be used to display a title or a subtitle, or with any styling you may prefer.Image- This is used to display an image, it can be used to display a logo or any other image you may want to display.
Here is an example of the header section:
public function header(Header $header): Header
{
return $header
->schema([
Header\Layout\HeaderRow::make()
->schema([
Header\Layout\HeaderColumn::make()
->schema([
Text::make("User registration report")
->title()
->primary(),
Text::make("A user registration report")
->subtitle(),
]),
Header\Layout\HeaderColumn::make()
->schema([
Image::make($imagePath),
])
->alignRight(),
]),
]);
}The body is the main section of the report, it can be used to display a table, chart or any other data. If the section is left empty, nothing will be displayed.
The body area has layouts that can be used to arrange items. The layouts are BodyColumn and BodyRow.
These behave the same as the HeaderColumn and HeaderRow but are used for the body section. But they are used specifically
for the body section, because they have different styling.
Apart from the Layouts, the body also has components that can be used to display data. The components are:
Table- This is used to display a table, it can be used to display a list of data.VerticalSpace- This is used to add vertical spacing between items.
The Text and Image components can also be used in the body section.
Here is an example of the body section:
public function body(Body $body): Body
{
return $body
->schema([
Body\Layout\BodyColumn::make()
->schema([
Body\Table::make()
->columns([
EightyNine\Reports\Components\Body\TextColumn::make("name"),
EightyNine\Reports\Components\Body\TextColumn::make("age")
->numeric()
])
->data(
fn(?array $filters) => collect([
[ "name" => "One", "age" => 5 ],
[ "name" => "Two", "age" => 5 ],
[ "name" => "Three", "age" => 5 ],
[ "name" => "Four", "age" => 5 ],
])
),
VerticalSpace::make(),
Body\Table::make()
->data(
fn(?array $filters) => $this->verificationSummary($filters)
),
]),
]);
}
The footer is the bottom section of the report, it can be used to display a title, subtitle, image and a description. It has layouts and components that behave the same as the header section.
The footer section has the Text and Image components, and the FooterColumn and FooterRow layouts.
public function footer(Footer $footer): Footer
{
return $footer
->schema([
Footer\Layout\FooterRow::make()
->schema([
Footer\Layout\FooterColumn::make()
->schema([
Text::make("Footer title")
->title()
->primary(),
Text::make("Footer subtitle")
->subtitle(),
]),
Footer\Layout\FooterColumn::make()
->schema([
Text::make("Generated on: " . now()->format('Y-m-d H:i:s')),
])
->alignRight(),
]),
]);
}The filter form is used to filter the data that is displayed in the report. The filter form uses the Filament form builder
so you can use any of the form components that are available in Filament. The form is displayed on the side of the report, and the
filter data will be available in all the tables data() callback. This will be explained further in the below sections.
Example of a filter form:
public function filterForm(Form $form): Form
{
return $form
->schema([
Input::make('search')
->placeholder('Search')
->autofocus()
->iconLeft('heroicon-o-search'),
Select::make('status')
->placeholder('Status')
->options([
'active' => 'Active',
'inactive' => 'Inactive',
]),
]);
}You can group a column in multiple rows, in order to show related data.
Please note, it is important to order by the column you wish to group the rows by, otherwise, there will be multiple groups
use EightyNine\Reports\Components\Body\TextColumn;
Body\Table::make()
->columns([
TextColumn::make("location")
->groupRows(),
TextColumn::make("name"),
TextColumn::make("age")
->numeric()
])
->data(
fn(?array $filters) => collect([
["location"=>"New York", "name" => "One", "age" => 5 ],
["location"=>"New York", "name" => "Two", "age" => 5 ],
["location"=>"Florida", "name" => "Three", "age" => 5 ],
["location"=>"New York", "name" => "Four", "age" => 5 ],
])->orderBy('location')
),Please see CHANGELOG for more information on what has changed recently.
Please see CONTRIBUTING for details.
Please review our security policy on how to report security vulnerabilities.
The MIT License (MIT). Please see License File for more information.