Belongs To Many Field Nova With Dependant

Belongs To Many field to represent a many to many relationship in just a field. This field allow attaching relationships easily.

• Use version 3 for Nova 4
• Use version 2 for Nova 3

Also you can:

• Pass query to the multiple select
• Depends on BelongsTo field
• It is available in index, detail and forms!

Installation

composer require benjacho/belongs-to-many-field

Usage

In the resource you need to pass:

• Method make ('label', 'many to many relationship function name', 'Nova Resource Relationship')

use Benjacho\BelongsToManyField\BelongsToManyField;

public function fields(Request $request){
    return [
        ..., //If you are using with BelongsToMany native Field, put this field after

        BelongsToManyField::make('Role Label', 'roles', 'App\Nova\Role'),
    ];
}

Functions

• Method optionsLabel('columnName'), this method is when you don't have column 'name' in your table and you want to label by another column name. By default it tracks by label 'name'.

IMPORTANT

• If you want to label by another column name when displaying in forms, you need to set the title() method on your relationship resource, this method returns an string that is used to label it, also don't forget to add optionsLabel() method to show in detail and index.

use Benjacho\BelongsToManyField\BelongsToManyField;

public function fields(Request $request){
    BelongsToManyField::make('Role Label', 'roles', 'App\Nova\Role')->optionsLabel('full_role_name'),
}

• To obtain the data that was sent in action:

public function handle(ActionFields $fields, Collection $models)
{
    //note that roles is the many to many relationship function name
    $values = array_column(json_decode(request()->roles, true),'id');

    foreach ($models as $model) {
        $model->roles()->sync($values);
    }
}

• Method setMultiselectProps($props), this method allows you to set properties for the vue multiselect component

     BelongsToManyField::make('Role Label', 'roles', 'App\Nova\Role')
     ->options(\App\Role::all())
     ->setMultiselectProps([
        'selectLabel' => 'click for select',
        // and others from docs
     ]);

• Method dependsOn($dependsOnvalue, $dependsOnKey), This method allows you to depend on belongsto field, this make an auto query

     BelongsTo::make('Association', 'association', 'App\Nova\Association'),

     BelongsToManyField::make('Participants', 'participant', 'App\Nova\Participant')
     ->dependsOn('association', 'association_id'),

• Method canSelectAll($messageSelectAll), This method allows you to display select all checkbox, if you dont pass message default is displayed

     BelongsToManyField::make('Participants', 'participant', 'App\Nova\Participant')
     ->canSelectAll('Seleccionar Todo'),

• Method showAsListInDetail(), This method allows you to change the default view to list in detail

     BelongsToManyField::make('Participants', 'participant', 'App\Nova\Participant')
     ->showAsListInDetail(),

Validations

This package implement all Laravel Validations, you need to pass the rules in rules method, rules are listed on laravel validations rules for arrays*.

use Benjacho\BelongsToManyField\BelongsToManyField;

public function fields(Request $request){
    return [
        ...,
        BelongsToManyField::make('Role Label', 'roles', 'App\Nova\Role')->rules('required', 'min:1', 'max:5', 'size:3', new CustomRule()),
    ];
}

Translations

To publish translations:

php artisan vendor:publish --provider="Benjacho\BelongsToManyField\FieldServiceProvider"

This package come with the following translation for the vue-multiselect plugin.

• en, ru, and nl.

To translate validations use Laravel validation translations.

Credits to: https://github.com/manmohanjit/nova-belongs-to-dependency

TODO

This project was my first Open Source project, so I wanted to add a roadmap.

I migrated this package to use Nova 4, this migration considered only the detail, index and form views. It means that it can have bugs with other features.

• Add Tests to the Project, adding test will add a certain level of quality code. Also it will help to achieve the other features.
• Test all functions implemented and improve wiki.
• Implement native dependability from Nova, this considers only to have dependsOn a BelongsTo field
• Implement translations with Spatie Translatable to es, fr, de
• Support for inline creation via native Nova 4
• builtin theme inherited from nova theme