- "php": ">=7.2.0",
- "encore/laravel-admin": "~1.6"
Execute command below to publish package. It will copy vendor resources to your application public directory.
php artisan vendor:publish --provider="Encore\ModalForm\ModalFormServiceProvider"
To update assets of package add --force
option to publishing command.
Use Encore\ModalForm\Form\ModalButton class to create modal button. In constructor pass parameters (string $title, string $href)
use Encore\Admin\Layout\Content;
use Encore\Admin\Layout\Column;
use Encore\Admin\Layout\Row;
use Encore\Admin\Widgets\Box;
use Encore\ModalForm\Form\ModalButton;
class HomeController {
...
public function index(Content $content)
{
return $content->row(function (Row $row){
$row->column(4, function (Column $column){
$box = new Box();
//creates modal button with `Modal` title and generated route
$modalButton = new ModalButton('Modal', route('modal-form.create'));
$box->content($modalButton);
$column->append($box);
});
});
}
}
//overrides classes of html button tag
$modalButton->setClass('btn-primary');
//appends class to existing once
$modalButton->addClass('btn-primary');
//retrieving settled classes as string
$modalButton->getClasses();
//sets href
$modalButton->setHref('url');
//returns settled hrefg
$modalButton->getHref();
Use modal form as regular Admin form
use \Encore\ModalForm\Form\ModalForm;
new ModalForm(new Administrator(), function (ModalForm $form){
$form->display('id', 'ID');
//set action for proper submitting
$form->setAction(route('modal-index-route'));
});
Or by Modal facade like Admin facade
use \Encore\ModalForm\Facades\Modal;
Modal::form(new Administrator(), function (ModalForm $form){
...
});
Modal size can be changed:
$form->small();
$form->medium();
$form->large();
Events are triggered on modal button.
Button selector:
$('a[data-form="modal"]');
####Events:
After modal form submit
On ajax response error
On response validation error
On model creation success. While this events is triggered, model id can be found in button data. Id can be found there until new model is created
$('a[data-form="modal"]').on('modelCreated', (e) => {
var createdModelId = $(e.target).data('model-id');
});