yeswedev / nova-translatable
A Laravel Nova field for astrotomic/laravel-translatable.
Installs: 89 850
Dependents: 1
Suggesters: 0
Security: 0
Stars: 2
Watchers: 2
Forks: 4
Open Issues: 4
Language:Vue
Requires
- php: >=7.1.0
- astrotomic/laravel-translatable: ^11.1
README
This package is based on mrmonat/nova-translatable.
Adds the ability to show and edit translated fields created with astrotomic/laravel-translatable package.
It will show up in the detail view like this:
And in the edit view like this:
Installation and usage
You can require this package using composer:
composer require yeswedev/nova-translatable
You can add the field follows:
use YesWeDev\Nova\Translatable\Translatable; Translatable::make('Description'),
Make sure, that you have your Eloquent model setup correct:
- First, you need to add the
Astrotomic\Translatable\Translatable
-trait. - Next, you should create a public property
$translatedAttributes
which holds an array with all the names of attributes you wish to make translatable. - Finally, you should make sure that all translatable attributes are set to the
text
-datatype in your database. If your database supportsjson
-columns, use that.
Here's an example of a prepared model:
use Illuminate\Database\Eloquent\Model; use Astrotomic\Translatable\Translatable; class NewsItem extends Model { use Translatable; public $translatedAttributes = ['name']; }
Defining Locales
Locales can be defined via config file config/translatable.php
by adding a locales
array:
// config/translatable.php return [ ... 'locales' => [ 'en' => 'English', 'de' => 'German', 'fr' => 'French', ], ];
Alternatively you can "override" the config locales with the locales(...)
method:
Translatable::make('Description')->locales([ 'en' => 'English', 'de' => 'German', ]),
Single Line Option
By default the input field on the edit view is a textarea. If you want to change it to a single line input field you can add the singleLine()
option:
Translatable::make('Description')->locales([...])->singleLine(),
Trix Editor
You can use the trix editor for your translated fields by using the trix()
option:
Translatable::make('Description')->trix(),
Index View
By default the locale used when displaying the field on the index view is determined by app()->getLocale()
. To override this you can use the indexLocale($locale)
option:
Translatable::make('Description')->indexLocale('de'),