modules v2

Author: pceuropa

Form.php

@@ -226,13 +226,12 @@ public static function radio($form, $model, $field){
     * @return $this The field object itself.
     */ 
    public static function checkbox($form, $model, $field){
-
-
    		$items = [];
    		$checked = [];
 
    		foreach ($field['items'] as $key => $value) {
-   		    $items[$value['value']] =  $value['text'];
+   		
+   				$items[$value['value']] =  $value['text'];
    		    if (isset($value['checked'])){
    		    	$checked[]  = $key+1;
    		    }

FormBuilder.php

@@ -16,7 +16,7 @@
  * Generate forms and create tables from json object
  *
  * @author Rafal Marguzewicz <info@pceuropa.net>
- * @version 1.4.1
+ * @version 1.5
  * @license MIT
  *
  * https://github.com/pceuropa/yii2-forms
@@ -47,7 +47,13 @@ class FormBuilder extends Widget {
 
 	public $easy_mode = true;
 
+    /**
+     * @var bool If true - form can send email response
+     * @since 1.4
+     */
 
+	public $email_response = false;
+	
     /**
      * @var array  Configuration data from widget/user
      * @since 1.0
@@ -96,6 +102,7 @@ public function init() {
         $this->options = [
 			'easy_mode' => $this->easy_mode,
 			'test_mode' => $this->test_mode,
+			'email_response' => $this->email_response,
 			'update' => false,
 			'config' =>  $this->config
 		];

FormBuilderAsset.php

@@ -4,7 +4,7 @@
  * Asset bundle for formbuilder
  *
  * @author Rafal Marguzewicz <info@pceuropa.net>
- * @version 1.4.1
+ * @version 1.5
  * @license MIT
  *
  * https://github.com/pceuropa/yii2-forum
@@ -26,8 +26,11 @@ class FormBuilderAsset extends \yii\web\AssetBundle {
 		'js/forms/form.js',
 		'js/forms/field.js',
 		'js/forms/controller.js',
+		
+		'js/forms/form.module.response.js',
 		'js/forms/examples.js',
 		'js/forms/test.js',
+		
 		'js/forms/clipboard.min.js',
 		'https://cdn.quilljs.com/1.2.0/quill.js',
 		'js/forms/clipboard.min.js',

assets/form-builder/js/forms/controller.js

@@ -48,20 +48,26 @@ var quill = new Quill('#textdescription', {
 //Actions:
 // 1. -------- FORM -----------------
 preview_form
-    .delegate('.edit', 		'click', function(e){ edit(e)  })
-    .delegate('.clone', 	'click', function(e){ clone(e) })
-    .delegate('.delete', 	'click', function(e){ del(e)   });
+    .on('click',	'.edit', 	function(e){ edit(e)  })
+    .on('click',	'.clone', 	 function(e){ clone(e) })
+    .on('click',	'.delete', 	 function(e){ del(e)   })
+    .on('click',	'button', 	 function(e){ e.preventDefault(); 
+    
+    var button = $(this), clone = button.clone();
+    	button.text('edit mode');
+    	window.setTimeout(function() {button.replaceWith(clone);}, 1111)
+   });
 
 // 2-1-a view-mode
- $('#tabs')
- 	.on('click',    'li',    function(e){ activeTab(e.target);});  
 
 $('#view-mode')
 	.change(function (){
         form.setView(this.value);
         form.render('off');
     })
 
+
+		
 sidebar_div_options
     .on('click',    '#add-to-form',         function(){ form.add( field.body) })
     .on('click',    '.add-item',            function(){ addItem() }    ) 
@@ -75,8 +81,8 @@ sidebar_div_options
     .on('mouseenter','#widget-form-options', function(e){ preventEmptyTitleUrl(e) })
 
  $('#sidebar')
-    .on('click',    '#form-tab',            function(){  activeAction('#form') })   
-    .on('click',    '#field-tab',           function(){  select_field.change() })   
+    .on('click',    '#form-tab',            function(e){ activeTab(e.target); activeAction('#form') })   
+    .on('click',    '#field-tab',           function(e){ activeTab(e.target); select_field.change() })   
     .on('click', 	'#save-form', function(){ form.save() })  
 
 

assets/form-builder/js/forms/examples.js

@@ -1,7 +1,7 @@
 var MyFORM =  MyFORM || {};
 //#Copyright (c) 2016-2017 Rafal Marguzewicz pceuropa.net
 
-MyFORM.template = function (form){
+MyFORM.examples = function (form){
 
 var version = '1.2.4',
 	id_selector = "#examples-form",
@@ -428,15 +428,15 @@ temp = [
 
 var div1 = document.createElement("div"),
 
-	innerHTML = '<label class="col-sm-4 control-label">Examples</label>' +
-				'<div class="col-sm-8">' +
-					'<select id="examples-form" class="form-control input-sm"><option>-</option> </select><div id="section-confirm"></div>' + 
-				'</div> ';
+	innerHTML = '<label class="col-sm-3 control-label">Examples</label>' +
+				'<div class="col-sm-6">' +
+				'<select id="examples-form" class="form-control"><option>-</option> </select>'+
+				'</div><div id="section-confirm"></div>';
 
 
 
 	(function(){
-			div1.setAttribute('class', 'form-group');
+			div1.setAttribute('class', 'row form-group-sm');
 			div1.innerHTML = innerHTML;
 
 			$(div1).find(id_selector).append( function() {
@@ -458,7 +458,7 @@ var div1 = document.createElement("div"),
 
 				$("#form #widget-form-options").append( div1.outerHTML ).on( "change", id_selector, function() {
 							var value = this.value;
-							$("#section-confirm").empty().html( '<button id="confirm-example" type="button" class="btn btn-warning">Confirm</button>' );
+							$("#section-confirm").empty().html( '<button id="confirm-example" type="button" class="btn btn-sm btn-warning">Confirm</button>' );
 							$("#confirm-example").click(function () {
 								form.body = temp[value].body
 								form.render()

assets/form-builder/js/forms/field.js

@@ -139,15 +139,15 @@ factory.prototype = {
 	rowsAttr: function () {
 		return this.body.rows ? ' rows="'+ this.body.rows + '"' : '';
 	},
-	checkedAttr: function () {
-		return this.body.checked ? ' checked' : '';
-	},
+	
 	requireAttr: function () {
 		return this.body.require ? ' required' : '';
 	},
-	checkedAttr: function () {
-		return this.body.require ? ' checked' : '';
+	
+	checkedAttr: function() {
+		return this.body.require ? ' checked' : '' ;
 	},
+	
 	helpBlockAttr: function () {
 		return this.body.helpBlock ? '\n\t<span class="help-block">' + this.body.helpBlock + '</span>' : '';
 	},

assets/form-builder/js/forms/form.js

@@ -7,18 +7,16 @@
 
 var MyFORM =  MyFORM || {};
 MyFORM = (function(){
-console.log('form: 1.3.0');
+console.log('form: 1.5.0');
 var fields_with_data = [], // array for false autosave
+	
 	Form = function (){
-
 		//this.url = null;
 		this.title =  "FormBuilder";
 		//this.action = "";
 		this.method = "post";
 		this.language = "English"; 
 		this.body = [];
-		
-		
 	};
 
 	Form.prototype = {
@@ -49,6 +47,7 @@ var fields_with_data = [], // array for false autosave
 			this.autosaveButton();
 			Form.prototype.time_out = 800;
 		}
+		
 		return MyFORM.controller(this, new MyFORM.field.factory() );
 
 	},
@@ -147,6 +146,7 @@ var fields_with_data = [], // array for false autosave
 
 	},
 
+	
 	successSave: function() {
 
 		var save_form = $( "#save-form" ), clone = save_form.clone();
@@ -209,6 +209,7 @@ var fields_with_data = [], // array for false autosave
 		fields_with_data.push(name);
 		return name;
 	},
+	
 	post: function (o) {
 		if (this.c.autosave && o.hasOwnProperty('name')){
 			$.post( this.c.controller_url, {add: o}, function (r) {
@@ -289,19 +290,35 @@ var fields_with_data = [], // array for false autosave
  */
 
 	generate: function(o){
+	var result = false;	
  			h.inheritAll(this, o);
+ 			this.setValueInputOptions();
+ 			fields_with_data = h.getAllProperty('name', this.body);
 		    if(this.body.length !== 0) this.render('off')
 
-		    this.setValueInputOptions();
-			fields_with_data = h.getAllProperty('name', this.body);
-			console.log(fields_with_data);
 
 		},
+		
+	modules: {
+		init: function () {
+		},
+	
+	},
+	
+	executeModules: function () {
+		for (var prop in this.modules) {
+ 			if (this.modules.hasOwnProperty(prop)){
+	        	this.modules[prop]();
+	        	console.log('execute module ' + prop);
+	        	
+ 			}
+ 		}
+	},
 
-
-/**
- * Render form
- */
+ 	servicesAfter: function () {
+ 		
+ 	},
+ 
 	render: function(){
 		var form = this;
 
@@ -320,7 +337,8 @@ var fields_with_data = [], // array for false autosave
 				})
 			}
 			this.preventNotValidaData();
-			
+			this.executeModules();
+			this.servicesAfter();
 	},
 	// default save button if title or url are empty
 	preventNotValidaData: function () { 

assets/form-builder/js/forms/form.module.response.js

@@ -0,0 +1,36 @@
+var 
+MyFORM = MyFORM || {};
+//#Copyright (c) 2016-2017 Rafal Marguzewicz pceuropa.net
+
+/**
+ * Add module send respond message if in form is field 
+ *
+ * @param {Form} form
+ * @param {String} field Optional name of field which active responde textarea
+ * @return {String}
+ */	
+ 
+MyFORM.response = function (form, field){
+
+	var html = '<div class="row form-group-sm"> ' +
+		'<label class="col-sm-3 control-label">Text respond</label> ' +
+		'<div class="col-sm-9"> ' +
+		  '<textarea id="response" class="form-control input-sm" rows="5" disabled>Respond work if in form is field with name email</textarea> ' +
+		'</div> ' +
+	'</div>';
+	field = field || 'email';
+	
+	$("#widget-form-options").append(html);
+
+	return	function(){
+		fields_with_data = h.getAllProperty('name', form.body);
+		
+		for (var i = 0; i < fields_with_data.length; i++) {
+		    
+		    if (fields_with_data[i] === field){
+		    	$('#response').prop('disabled', false); break;
+		    }
+		    $('#response').prop('disabled', true);
+		}
+	}
+}