kirschbaum-development / nova-inline-select by Kirschbaum

An inline select field for Laravel Nova apps.
370,611
92
15
Package Data
Maintainer Username: Kirschbaum
Maintainer Contact: brandon@kirschbaumdevelopment.com (Brandon Ferens)
Package Create Date: 2019-04-05
Package Last Update: 2022-05-23
Language: PHP
License: MIT
Last Refreshed: 2024-11-09 15:07:21
Package Statistics
Total Downloads: 370,611
Monthly Downloads: 5,005
Daily Downloads: 105
Total Stars: 92
Total Watchers: 15
Total Forks: 21
Total Open Issues: 11

Nova Inline Select banner

An inline select field for Nova apps

Latest Version on Packagist Total Downloads Codacy Badge Actions Status

This package contains a Nova select field that can update field values inline from the index and detail views.

screenshot of the inline select field screenshot of the inline select field ready for submitting

Requirements

This Nova field requires Nova 1.0 or higher.

Installation

You can install this package in a Laravel app that uses Nova via composer:

composer require kirschbaum-development/nova-inline-select

Usage

Next you can use the KirschbaumDevelopment\Nova\InlineSelect field in your Nova resource:

namespace App\Nova;

use KirschbaumDevelopment\Nova\InlineSelect;

class User extends Resource
{
    // ...

    public function fields(Request $request)
    {
        return [
            // ...

            InlineSelect::make('Status'),

            // ...
        ];
    }
}

Now you can use the InlineSelect field just like Nova's Select field. Now for the magic...

Inline editing

By default, the inline select field works just like a normal select field. To enable the inline editing capabilities we can use the inlineOnIndex() and inlineOnDetail() methods.

InlineSelect::make('Status')->options($options)
    ->inlineOnIndex()
    ->inlineOnDetail(),

Now the above inline select field will show up on both the index and detail views. When making a change to the select field, a button will display next to the field allowing you to commit the change. If you would prefer the field to auto-submit the change, just add disableTwoStepOnIndex() or disableTwoStepOnDetail().

InlineSelect::make('Status')->options($options)
    ->inlineOnIndex()
    ->disableTwoStepOnIndex(),

Now changing the select field on the index view will auto-submit the changed value.

You can also add the inline select to Lenses. Use the inlineOnLens() method. Auto-submitting works the same as well with disableTwoStepOnLens().

InlineSelect::make('Status')->options($options)
    ->inlineOnLens()
    ->disableTwoStepOnLens(),

Display using labels

This method works just like Nova's select field. It will display the option value rather than the option key.

InlineSelect::make('Status')->options($options)
    ->displayUsingLabels(),

Using closures as options() argument

You may pass a closure to the options method. It must return a key value pair array.

InlineSelect::make('Status')
    ->options(function () {
        return [
            'one' => 'foo',
            'two' => 'bar',
        ];
    }),

Validation caveats

In the case where fields on a model are required, which is likely, an extra step needs to be taken to ensure the inline select update persists and doesn't throw an error. The validation rule sometimes needs to be added to the updateRules() method on any field that is required.

Text::make('Email')
    ->rules('required', 'email')
    ->updateRules('sometimes'),

Changelog

Please see CHANGELOG for more information on what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Security

If you discover any security related issues, please email brandon@kirschbaumdevelopment.com or nathan@kirschbaumdevelopment.com instead of using the issue tracker.

Credits

Sponsorship

Development of this package is sponsored by Kirschbaum Development Group, a developer driven company focused on problem solving, team building, and community. Learn more about us or join us!

License

The MIT License (MIT). Please see License File for more information.