masihfathi/yii2-drag-drop-forms

a complete drag and drop form builder

FormBuilder module for Yii2

Features

1. Generate forms, surveys, polls, questionnaires (class FormBuilder), _(*1)

   • Drag and drop - Sorting, editing, and deleting items
   • CRUD operations by AJAX
   • Built-in RBAC component

2. Form render widget (class Form), _(*2)

   • Validation forms (dynamic model)

3. Storage data submitted from form in databases, _(*3)

   • List of forms (GridView)
   • Create database tables after create form
   • Delete database tables after delete form
   • Add table column after add field to form
   • Rename table column after change the name of field
   • Drop table column after delete field in form

User Forms Demo: , _(*4)

Added Feature: * Edit, Delete, Preview of submitted item data * Search and filter submitted item data * After submit event for forms data to use form for payments or ..., _(*5)

Submitted Data Demo:, _(*6)

, _(*7)

Bug Fixed * Fix view bugs, _(*8)

To do * add module to manage payment methods e.g. paypal, local payments and add payments button as optional drag and drop field to the form builder, _(*9)

Installation Form Builder

composer require masihfathi/yii2-drag-drop-forms "dev-master"

Configuration Form Builder

Make sure that you have properly configured db application component in config file and run the following command:, _(*10)

$ php yii migrate/up --migrationPath=@vendor/masihfathi/yii2-drag-drop-forms/migrations

Add the following code in your configuration file:, _(*11)

'modules' => [
    'forms' => [
        'class' => '\masihfathi\form\Module',
     ],
     // Module Kartik-v Grid
    'gridview' => [
        'class' => '\kartik\grid\Module'
     ], 
]

Usage

URLs for the translating tool:, _(*12)

/forms/module/index                    // List of all forms                     
/forms/module/user                     // List of user forms
/forms/module/view                     // Preview form
/forms/module/create                   // FormBuilder - create form
/forms/module/update                   // Update form 
/forms/module/delete                   // Delete form

Full example configuration Form Builder

'modules' => [
      'forms' => [
          'class' => 'masihfathi\form\Module',
          'db' => 'db',
          'formsTable' => '{{%forms}}',
          'formDataTable' => 'form_', // dont use prefix please
          'sendEmail' => true, 
          'emailSender' => 'info@email.net',
          'rules' => [
                [
                    'actions' => [ 'update', 'delete', 'clone','deletemultiple','preview','update-item'],
                    'allow' => true,
                    'roles' => ['updateOwnForm'],   // rule only owner can edit form
                ],
                [
                    'actions' => ['user', 'create'],
                    'allow' => true,
                    'roles' => ['user'],            // role only authenticated user can
                ]
            ],
          'controllerMap' => [
            'module' => [
              'class' => '\masihfathi\form\controllers\ModuleController',
              'on afterSubmit'=>function($event){
                    // code
                }
            ]
          ]
      ]
],

Form renderer widget

use masihfathi\form\Form;
echo Form::widget([
     'body' => '[[{"field": "input", "type": "text", "width": "col-md-5", "name": "email", "placeholder": "email"},{"field": "input", "name": "pass", "type": "text", "placeholder": "pass", "width": "col-md-5"},{"field": "submit", "width": "col-md-2", "backgroundcolor": "btn-info", "label": "Submit"}]]',
     'typeRender' => 'php'
     ]);

or, _(*13)

  echo Form::widget([
     'formId' => 1, // equivalennt 'form' => FormModel::findOne(1)->body
  ]);

Configure RBAC Component

Before you can go on you need to create those tables in the database., _(*14)

php yii migrate --migrationPath=@yii/rbac/migrations

Building autorization data, _(*15)

To use generator console, add fallowing code to config console file, _(*16)

'controllerMap' => [
  'formsrbac' => [
      'class' => 'masihfathi\form\migrations\RbacController',
  ],
],

Create rbac tables in the database, _(*17)

php yii migrate --migrationPath=@yii/rbac/migrations

Create rules and roles for form module, _(*18)

php yii formsrbac/generate

Tests

For tests run, _(*19)

composer exec -v -- codecept -c vendor/masihfathi/yii2-drag-drop-forms run

or, _(*20)

cd vendor/masihfathi/yii2-drag-drop-forms
codecept run

dependency

    "require": {
        "php": ">=7.0.0",
    "yiisoft/yii2": "~2.0.0",
        "kartik-v/yii2-detail-view": "*",
        "kartik-v/yii2-grid": "*"
    }

Font Awesome must be available., _(*21)