ilyasavich / form-builder
The form builder service for laravel app
Requires
- laravel/framework: ^5.3
- laravelcollective/html: ^5.4
Requires (Dev)
- phpspec/prophecy: ~1.0
- phpunit/phpunit: ~5.7
README
The form builder service for Laravel
Installation
Require
composer require ilyasavich/form-builder
Register Provider and Facade
in app.php config
'providers' => [
// ...
Savich\FormBuilder\FormServiceProvider::class,
],
Publish config
php artisan vendor:publish --provider="Savich\FormBuilder\FormServiceProvider" --tag=config
Usage
To create new form first of all extending base Form
class and overwrite method make
.
This method implements form building logic
use Savich\FormBuilder\Form;
use Savich\FormBuilder\FormBuilder;
class UserForm extends Form
{
protected function make(FormBuilder $builder): FormBuilder
{
}
}
Create inputs
The package provide to create all available html inputs.
To add new input in your form class you need call add
method of builder instance.
It signature
public function add(string $inputNamespace, string $name, $value = null, array $options = []) : Input
To create simple input write ...
use Savich\FormBuilder\Form;
use Savich\FormBuilder\FormBuilder;
use Savich\FormBuilder\Inputs\EmailInput;
class UserForm extends Form
{
protected function make(FormBuilder $builder): FormBuilder
{
$builder->add(EmailInput::class, 'email');
}
}
Customization
Attributes
Here are several methods to customize input
// you can set input attributes in different ways
// also you can specify default input value
$value = 'Hello World!';
$attributes = ['class' => 'form-control'];
$builder->add(TextInput::class, 'input_name', $value)->attributes($attributes);
$builder->add(TextInput::class, 'input_name', $value, $attributes);
Labels
$builder->add(TextInput::class, 'input_name')->label('My Label');
Group customization
By default inputs will generating in such format
$builder->add(TextInput::class, 'input_name');
// generated view
<div class="form-group">
<input type="text" name="input_name">
</div>
If you don't need to wrap input by group
$builder->add(TextInput::class, 'input_name')->withoutGroup();
// generated view
<input type="text" name="input_name">
You can customize group attributes
$builder->add(TextInput::class, 'input_name')->groupAttributes(['class' => 'my-class', 'inputID']);
// generated view
<div class="my-class" id="inputID">
<input type="text" name="input_name">
</div>
Overwrite views
If you need specific input generating you can overwrite default view by your custom
$builder->add(TextInput::class, 'input_name')->view('path.to.view');
In case where you need to overwrite view without group you can ...
//this will overwrite code inside form-group div
$builder->add(TextInput::class, 'input_name')->internalView('path.to.view');
When you need to overwrite only group you can ...
In view you have $input
object that is an instance of your input class.
$builder->add(TextInput::class, 'input_name')->view('path.to.view');
// in resources.views.path.to.view
// in withoutGroupView there path to internal view, you can specify custom or there will be default
<div {!! $input->generateGroupAttributes() !!}>
// write custom stuff ...
@include($input->withoutGroupView)
</div>
Available input properties
The you can find list of available properties of $input
object
Name | Description |
---|---|
$name |
Input name |
$value |
Input value |
$attributes |
Input attributes |
$label |
Input label in html |
$view |
Path to input group view. Will be null if you don't set it in view() method |
$defaultView |
Path to default group view. You can set it in config file |
$groupAttributes |
Array of group attributes |
$before |
Array of inputs that must be inserted inside group before current |
$after |
Array of inputs that must be inserted inside group after current |
$withoutGroup |
Can be set by call withoutGroup() method. Indicates that need generate input without wrapping group |
$withoutGroupView |
Path to view inside group |
$model |
Model that will be binding for input |
Create simple form
For example you need to create simple login form with at least two inputs. Ok, it will something like that
use Savich\FormBuilder\Form;
use Savich\FormBuilder\FormBuilder;
class LoginForm extends Form
{
protected function make(FormBuilder $builder)
{
$builder->email('email')->label('Email');
$builder->password('password')->label('Password');
$builder->submit('Save');
}
}
After that you need to add this form in controller action
class LoginController extends Controller
{
public function showLoginForm(LoginForm $form)
{
$formHtml = $form->create();
return view('login')->with('form', $formHtml);
}
}
And, finally, render form in view file
in resources/views/login.blade.php
{!! $form !!}
Lets create action for submitting login form. In our controller
class LoginController extends Controller
{
// ...
public function login(LoginForm $form)
{
$form->request(); // access to request
// login logic
}
}