Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryangjchandler/filament-navigation
Build structured navigation menus in Filament.
https://github.com/ryangjchandler/filament-navigation
Last synced: about 1 month ago
JSON representation
Build structured navigation menus in Filament.
- Host: GitHub
- URL: https://github.com/ryangjchandler/filament-navigation
- Owner: ryangjchandler
- License: mit
- Created: 2022-04-18T13:18:38.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-12T02:20:38.000Z (2 months ago)
- Last Synced: 2024-05-02T22:07:08.751Z (about 1 month ago)
- Language: PHP
- Size: 1.06 MB
- Stars: 153
- Watchers: 4
- Forks: 60
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
- Security: .github/SECURITY.md
Lists
- awesome-filament - ryangjchandler/filament-navigation - Build structured navigation menus in Filament. (Complete Sections)
README
# Build structured navigation menus in Filament.
[](https://packagist.org/packages/ryangjchandler/filament-navigation)
[](https://github.com/ryangjchandler/filament-navigation/actions?query=workflow%3Arun-tests+branch%3Amain)
[](https://github.com/ryangjchandler/filament-navigation/actions?query=workflow%3A"Check+%26+fix+styling"+branch%3Amain)
[](https://packagist.org/packages/ryangjchandler/filament-navigation)
This plugin for Filament provides a `Navigation` resource that lets you build structural navigation menus with a clean drag-and-drop UI.
## Installation
Begin by installing this package via Composer:
```sh
composer require ryangjchandler/filament-navigation
```
Run migrations.
```sh
php artisan migrate
```
Publish the package's assets:
```sh
php artisan filament:assets
```
## Usage
You first need to register the plugin with Filament. This can be done inside of your `PanelProvider`, e.g. `AdminPanelProvider`.
```php
use RyanChandler\FilamentNavigation\FilamentNavigation;
return $panel
->plugin(FilamentNavigation::make());
```
If you wish to customise the navigation group, sort or icon, you can use the `NavigationResource::navigationGroup()`, `NavigationResource::navigationSort()` and `NavigationResource::navigationIcon()` methods.
### Data structure
Each navigation menu is required to have a `name` and `handle`. The `handle` should be unique and used to retrieve the menu.
Items are stored inside of a JSON column called `items`. This is a recursive data structure that looks like:
```json
[
{
"label": "Home",
"type": "external-link",
"data": {
"url": "/",
"target": "_blank",
},
"children": [
// ...
],
}
]
```
The recursive structure makes it really simple to render nested menus / dropdowns:
```blade
-
{{ $item['label'] }}@if($item['children'])
{{-- Render the item's children here... --}}
@endif
@foreach($menu->items as $item)
@endforeach
```
### Retrieving a navigation object
To retrieve a navigation object, provide the handle to the `RyanChandler\FilamentNavigation\Models\Navigation::fromHandle()` method.
```php
use RyanChandler\FilamentNavigation\Models\Navigation;
$menu = Navigation::fromHandle('main-menu');
```
### Custom item types
Out of the box, this plugin comes with a single "item type" called "External link". This item type expects a URL to be provided and an optional "target" (same tab or new tab).
It's possible to extend the plugin with custom item types. Custom item types have a name and an array of Filament field objects (or a `Closure` that produces an array) that will be displayed inside of the "Item" modal.
This API allows you to deeply integrate navigation menus with your application's own entities and models.
```php
return $panel
->plugin(
FilamentNavigation::make()
->itemType('post', [
Select::make('post_id')
->//...
])
);
```
All custom fields for the item type can be found inside of the `data` property on the item.
### Global custom fields
There might be cases where you want all item types to have an additional set of fields. This is useful for classes, custom IDs and more.
To register global custom fields, use the `withExtraFields()` method on the plugin object.
```php
return $panel
->plugin(
FilamentNavigation::make()
->withExtraFields([
TextInput::make('classes'),
]),
);
```
### The `Navigation` field type
This plugin also provides a custom Filament field that can be used to search and select a navigation menu inside other forms and resources.
```php
use RyanChandler\FilamentNavigation\Filament\Fields\NavigationSelect;
->schema([
NavigationSelect::make('navigation_id'),
])
```
By default, this field will not be searchable and the value for each option will be the menu `id`.
To make the field searchable, call the `->searchable()` method.
```php
->schema([
NavigationSelect::make('navigation_id')
->searchable(),
])
```
If you wish to change the value for each option, call the `->optionValue()` method.
```php
->schema([
NavigationSelect::make('navigation_id')
->optionValue('handle'),
])
```
## Testing
```bash
composer test
```
## Changelog
Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.
## Contributing
Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.
## Security Vulnerabilities
Please review [our security policy](../../security/policy) on how to report security vulnerabilities.
## Credits
- [Ryan Chandler](https://github.com/ryangjchandler)
- [All Contributors](../../contributors)
## License
The MIT License (MIT). Please see [License File](LICENSE.md) for more information.