Proyectos de Subversion LeadersLinked - Backend

$this->inlineScript()->captureStart();

echo <<<JS

		const classFormGenerator = function() {

			this.id 				= 0,

			this.table				= '',

			this.name 				= '',

			this.text 				= '',

			this.status				= 'a',

			this.sections 			= [],

			this.clear = function() 

			{

				this.sections = [];

				this.render();

			},

			this.renderSection = function(section_slug)

			{

				var s = '';

				for(i = 0; i < this.sections.length; i++)

				{

					if(section_slug !=  this.sections[i].slug) {

						continue;

					}

					$('span.section-name' + section_slug).html(this.sections[i].name);

					let table = 'table-section-question-option' + this.sections[i].slug; 

					$('#' + table  + ' tbody').empty();

					s = '<tr class="tr-section" data-slug="' + this.sections[i].slug + '">';

					s = s  + '<td class="text-left">Section</td>';

					s = s  + '<td class="text-left">' + this.sections[i].name +  '</td>';

					s = s  + '<td class="text-right">' + this.sections[i].value + '</td>';

					s = s  + '<td>&nbsp</td>';

					s = s  + '<td>';

					s = s  + '<button class="btn btn-default btn-edit-section" data-slug="' + this.sections[i].slug + '" data-toggle="tooltip" title="Edit Section"><i class="fa fa-edit" aria-hidden="true"></i> Edit section </button>&nbsp';

					s = s  + '<button class="btn btn-default btn-delete-section" data-slug="' + this.sections[i].slug + '" data-toggle="tooltip" title="Delete Section"><i class="fa fa-ban" aria-hidden="true"></i> Delete section </button>&nbsp';

					s = s  + '<button class="btn btn-default btn-add-question" data-slug="' + this.sections[i].slug + '" data-toggle="tooltip" title="Add Question"><i class="fa fa-plus" aria-hidden="true"></i> Add question </button>&nbsp';

					s = s  + '</td>';

					s = s  + '</tr>';

					$('#' + table + ' tbody').append(s);

					for(j = 0; j < this.sections[i].questions.length; j++)

					{

						this.sections[i].questions[j].position = j;

						this.drawQuestion( this.sections[i].slug, this.sections[i].questions[j].slug, this.sections[i].questions[j].text, this.sections[i].questions[j].value , this.sections[i].questions[j].type);

						if(this.sections[i].questions[j].type == 'simple' || this.sections[i].questions[j].type == 'multiple'|| this.sections[i].questions[j].type == 'rating-open') {

							this.sections[i].questions[j].options.sort(function(a, b) {

										if (a.position > b.position) {

												return 1;

										}

										if (a.position < b.position) {

											return -1;

										}

										return 0;

									});

							for(k = 0; k < this.sections[i].questions[j].options.length; k++)

							{

								this.sections[i].questions[j].options[k].position = j;

								this.drawOption(

									this.sections[i].slug, 

									this.sections[i].questions[j].slug,  

									this.sections[i].questions[j].type, 

									this.sections[i].questions[j].options[k].slug, 

									this.sections[i].questions[j].options[k].text, 

									this.sections[i].questions[j].options[k].type, 

									this.sections[i].questions[j].options[k].correct, 

									this.sections[i].questions[j].options[k].value

								);

							}

						}

					}

				}

				$('[data-toggle="tooltip"]').tooltip();

			},

			this.drawSection = function(section_slug, section_name, section_value)

			{

				let table = 'table-section-question-option' + section_slug; 

				let collapse = 'collapse-' + section_slug;

				s = '<div class="panel panel-default" id="panel' + section_slug + '">';

				s = s + '	<div class="panel-heading">';

				s = s + '		<h4 class="panel-title">';

				s = s + '			<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#' + collapse + '"><span class="section-name' + section_slug + '">' + section_name + '</span></a>';

				s = s + '		</h4>';

				s = s + '	</div>';

				s = s + '	<div id="' + collapse + '" class="panel-collapse collapse">';

				s = s + '		<div class="panel-body">';

				s = s + '			<div class="table-responsive">';

				s = s + '				<table class="table table-bordered" id="' + table + '">';

				s = s + '					<thead>';

				s = s + '						<tr>';

				s = s + '							<th>Element</th>';

				s = s + '							<th>Text</th>';

				s = s + '							<th>Value</th>';

				s = s + '							<th>Type</th>';

				s = s + '							<th>Actions</th>';

				s = s + '						</tr>';

				s = s + '					</thead>';

				s = s + '					<tbody>';

				s = s + '					</tbody>';					

				s = s + '				</table>';

				s = s + '			</div>';

				s = s + '		</div>';

				s = s + '	</div>';

				s = s + '</div>';

				$('#accordion').append(s);

				s = '<tr class="tr-section" data-slug="' + section_slug + '">';

				s = s  + '<td class="text-left">Section</td>';

				s = s  + '<td class="text-left">' + section_name +  '</td>';

				s = s  + '<td class="text-right">' + section_value + '</td>';

				s = s  + '<td>&nbsp</td>';

				s = s  + '<td>';

				s = s  + '<button class="btn btn-default btn-edit-section" data-slug="' + section_slug + '" data-toggle="tooltip" title="Edit Section"><i class="fa fa-edit" aria-hidden="true"></i> Edit section</button>&nbsp';

				s = s  + '<button class="btn btn-default btn-delete-section" data-slug="' + section_slug + '" data-toggle="tooltip" title="Delete Section"><i class="fa fa-ban" aria-hidden="true"></i> Delete section</button>&nbsp';

				s = s  + '<button class="btn btn-default btn-add-question" data-slug="' + section_slug + '" data-toggle="tooltip" title="Add Question"><i class="fa fa-plus" aria-hidden="true"></i> Add question</button>&nbsp';

				s = s  + '</td>';

				s = s  + '</tr>';

				$('#' + table + ' tbody').append(s);

			},

			this.drawQuestion = function(section_slug, question_slug, question_text, question_value, question_type)

			{

				s = '<tr class="tr-question" data-slug="' + question_slug + '">';

				s = s  + '<td class="text-left">--Question</td>';

				s = s  + '<td class="text-left">' + question_text +  '</td>';

				s = s  + '<td class="text-right"><font color="red">' + question_value + '</font></td>';

				s = s  + '<td>' + question_type.substr(0,1).toUpperCase() + question_type.substr(1) +  '</td>';

				s = s  + '<td>';

				s = s  + '<button class="btn btn-default btn-edit-question" data-section="' + section_slug + '" data-slug="' + question_slug + '" data-toggle="tooltip" title="Edit Question"><i class="fa fa-edit" aria-hidden="true"></i> Edit question</button>&nbsp';

				s = s  + '<button class="btn btn-default btn-delete-question" data-section="' + section_slug + '" data-slug="' + question_slug + '" data-toggle="tooltip" title="Delete Question"><i class="fa fa-ban" aria-hidden="true"></i> Delete question</button>&nbsp';

				if(question_type == 'simple' || question_type == 'multiple' || question_type == 'rating-open') {

					s = s  + '<button class="btn btn-default btn-add-option" data-section="' + section_slug + '" data-slug="' + question_slug + '" data-toggle="tooltip" title="Add Option"><i class="fa fa-plus" aria-hidden="true"></i> Add option</button>&nbsp';

				}

				s = s  + '</td>';

				let table = 'table-section-question-option' + section_slug; 

				$('#' + table + ' tbody').append(s);

			},

			this.drawOption = function(section_slug, question_slug,  question_type, option_slug, option_text, option_type, option_correct, option_value)

			{

				s = '<tr class="tr-option" data-slug="' + option_slug + '">';

				s = s  + '<td class="text-left">---Option</td>';

				s = s  + '<td class="text-left">' + option_text +  '</td>';

				if(question_type == 'multiple' || question_type == 'rating-open') {

					if(question_type == 'multiple') {

						if(option_correct == 1) {

							s = s  + '<td class="text-right">' + option_value + '</td>';

						} else {

							s = s  + '<td>&nbsp</td>';

						}

					} else {

						s = s  + '<td class="text-right">' + option_value + '</td>';

					}	

				} else {

					s = s  + '<td>&nbsp</td>';

				}

				if(question_type == 'simple' || question_type == 'multiple') {

					if(option_correct == 1) {

						s = s  + '<td class="text-left"><font color="green">Correct</font></td>';

					} else {

						s = s  + '<td class="text-left"><font color="red">Fail</font></td>';

					}

				} else {

					s = s  + '<td>&nbsp</td>';

				}

				s = s  + '<td>';

				s = s  + '<button class="btn btn-default btn-edit-option" data-section="' + section_slug + '" data-question="' + question_slug + '" data-slug="' + option_slug + '" data-toggle="tooltip" title="Edit Option"><i class="fa fa-edit" aria-hidden="true"></i></button>&nbsp';

				s = s  + '<button class="btn btn-default btn-delete-option" data-section="' + section_slug + '" data-question="' + question_slug + '" data-slug="' + option_slug + '" data-toggle="tooltip" title="Delete Option"><i class="fa fa-ban" aria-hidden="true"></i></button>&nbsp';

				s = s  + '</td>';

				let table = 'table-section-question-option' + section_slug; 

				$('#' + table + ' tbody').append(s);

			},

			this.render = function() 

			{

				$('#accordion').empty();

				this.sections.sort(function(a, b) {

					if (a.position > b.position) {

							return 1;

					}

					if (a.position < b.position) {

						return -1;

					}

					return 0;

				});

				var s = '';

				for(i = 0; i < this.sections.length; i++)

				{

					this.sections[i].position = i;

					this.drawSection(this.sections[i].slug, this.sections[i].name, this.sections[i].value);

					this.sections[i].questions.sort(function(a, b) {

						if (a.position > b.position) {

								return 1;

						}

						if (a.position < b.position) {

							return -1;

						}

						return 0;

					});

					for(j = 0; j < this.sections[i].questions.length; j++)

					{

						this.sections[i].questions[j].position = j;

						this.drawQuestion( this.sections[i].slug, this.sections[i].questions[j].slug, this.sections[i].questions[j].text, this.sections[i].questions[j].value , this.sections[i].questions[j].type);

						if(this.sections[i].questions[j].type == 'simple' || this.sections[i].questions[j].type == 'multiple'|| this.sections[i].questions[j].type == 'rating-open') {

							this.sections[i].questions[j].options.sort(function(a, b) {

										if (a.position > b.position) {

												return 1;

										}

										if (a.position < b.position) {

											return -1;

										}

										return 0;

									});

							for(k = 0; k < this.sections[i].questions[j].options.length; k++)

							{

								this.sections[i].questions[j].options[k].position = j;

								this.drawOption(

									this.sections[i].slug, 

									this.sections[i].questions[j].slug,  

									this.sections[i].questions[j].type, 

									this.sections[i].questions[j].options[k].slug, 

									this.sections[i].questions[j].options[k].text, 

									this.sections[i].questions[j].options[k].type, 

									this.sections[i].questions[j].options[k].correct, 

									this.sections[i].questions[j].options[k].value

								);

							}

						}

					}

				}

				$('[data-toggle="tooltip"]').tooltip();

			},

			this.addSection = function (name, text, value)

			{

				var d = new Date();

					var slug = 'section' + d.getTime();

					var position = 0;

					$.each(this.sections, function(index, section) {

						if(position < section.position) {

							position = section.position;

						}

					});

					position++;

				var section = {

					'slug' 		: slug,

					'name' 		: name,

					'text' 		: text,

					'value' 	: value,

					'position' 	: position,

					'questions' : [],

				}

				this.sections.push(section);

				this.drawSection(slug, name, text);

			},

			this.editSection = function (slug, name, text, value)

			{

				var renderTable = false;

				for(i = 0; i < this.sections.length; i++) 

				{

						if(slug == this.sections[i].slug) {

							this.sections[i].name = name;

							this.sections[i].text = text;

							this.sections[i].value = value;

							renderTable = true;

							break;

						}

				}

				if(renderTable) {

					this.renderSection(slug);

				}

			},

			this.deleteSection = function(slug)

			{

				var renderTable = false;

				for(i = 0; i < this.sections.length; i++) 

				{

						if(slug == this.sections[i].slug) {

							this.sections.splice(i, 1);

							renderTable = true;

							break;

					}

				}

				if(renderTable) {

					$('#panel' + slug).remove();

				}

			},

			this.addQuestion = function (section_slug, text, value, type, maxlength, multiline, range) 

			{

				var d = new Date();

				var slug = 'question' + d.getTime();

				var position = 0;

				var renderTable = false;

				for(i = 0; i < this.sections.length; i++)

				{

					if(section_slug == this.sections[i].slug) {

						$.each(this.sections[i].questions, function(index, question) {

							if(position < question.position) {

								position = question.position;

							}

						});

						position++;

						var question = {

							'slug' : slug,

								'text' : text,

								'value' : value,

								'type' : type,

								'position' : position,

								'maxlength' :maxlength,

								'multiline' : multiline,

								'range' : range,

								'options' : [],

							}

						this.sections[i].questions.push(question);

						renderTable = true;

						break;

					}

				}

				if(renderTable) {

					this.renderSection(section_slug);

				}

			},

			this.editQuestion = function(section_slug, question_slug, text, value, type, maxlength, multiline, range) 

			{

				var renderTable = false;

				for(i = 0; i < this.sections.length; i++)

				{

					if(section_slug == this.sections[i].slug) {

						for(j = 0; j < this.sections[i].questions.length; j++) {

							if(question_slug == this.sections[i].questions[j].slug) {

								this.sections[i].questions[j].text 	= text,

								this.sections[i].questions[j].value	= value,

								this.sections[i].questions[j].type 	= type;

								if(type == 'open') {

									this.sections[i].questions[j].maxlength	= maxlength;

									this.sections[i].questions[j].multiline	= multiline;

									this.sections[i].questions[j].options	= [];

								} else {

									this.sections[i].questions[j].maxlength	= 0;

									this.sections[i].questions[j].multiline	= 0;

								}

									if(type == 'rating-range') {

										this.sections[i].questions[j].range = range;

									} else {

										this.sections[i].questions[j].range = 0;

									}

								renderTable = true;

								break;

							}

						}

					}

					if(renderTable) {

						break;

					}

				}

				if(renderTable) {

					this.renderSection(section_slug);

				}

			},

			this.deleteQuestion = function(section_slug, question_slug)

			{

				var renderTable = false;

				for(i = 0; i < this.sections.length; i++) 

				{

						if(section_slug == this.sections[i].slug) {

							for(j = 0; j < this.sections[i].questions.length; j++) {

							if(question_slug == this.sections[i].questions[j].slug) {

									this.sections[i].questions.splice(j, 1);

										renderTable = true;

										break;

							}

						}

					}

					if(renderTable) {

						break;

					}

				}

				if(renderTable) {

					this.renderSection(section_slug);

				}

			},

			this.addOption = function (section_slug, question_slug, text, correct, value) 

			{

				var d = new Date();

				var slug = 'option' + d.getTime();

				var position = 0;

				var renderTable = false;

				for(i = 0; i < this.sections.length; i++)

				{

					if(section_slug == this.sections[i].slug) {

						for(j = 0; j < this.sections[i].questions.length; j++) {

							if(question_slug == this.sections[i].questions[j].slug) {

								$.each(this.sections[i].questions[j].options, function(index, option) {

										if(position < option.position) {

											position = option.position;

										}

									});

									position++;

									var option = {

										'slug' : slug,

											'text' : text,

											'correct' : correct,

											'value' : value

										}

										this.sections[i].questions[j].options.push(option);

									renderTable = true;

									break;

							}

									if(renderTable) {

								break;

							}

						}

					}

				}

				if(renderTable) {

					this.renderSection(section_slug);

				}

			},

			this.editOption = function(section_slug, question_slug, option_slug, text, correct, value) 

			{

				var renderTable = false;

				for(i = 0; i < this.sections.length; i++)

				{

					if(section_slug == this.sections[i].slug) {

						for(j = 0; j < this.sections[i].questions.length; j++) {

							if(question_slug == this.sections[i].questions[j].slug) {

								for(k = 0; k < this.sections[i].questions[j].options.length; k++) {

									if(option_slug == this.sections[i].questions[j].options[k].slug) {

										this.sections[i].questions[j].options[k].text = text;

										this.sections[i].questions[j].options[k].correct = correct;

										this.sections[i].questions[j].options[k].value = value;

										renderTable = true;

												break;

									}

								}

							}

									if(renderTable) {

								break;

							}

						}

					}

						if(renderTable) {

							break;

						}

				}

				if(renderTable) {

					this.renderSection(section_slug);

				}

			},

			this.deleteOption = function(section_slug, question_slug, option_slug)

			{

				var renderTable = false;

				for(i = 0; i < this.sections.length; i++) 

				{

						if(section_slug == this.sections[i].slug) {

							for(j = 0; j < this.sections[i].questions.length; j++) {

							if(question_slug == this.sections[i].questions[j].slug) {

								for(k = 0; k < this.sections[i].questions[j].options.length; k++) {

									if(option_slug == this.sections[i].questions[j].options[k].slug) {

										this.sections[i].questions[j].options.splice(k, 1);

										renderTable = true;

												break;

									}

								}

							}

									if(renderTable) {

								break;

							}

						}

					}

					if(renderTable) {

						break;

					}

				}

				if(renderTable) {

					this.renderSection(section_slug);

				}

			}

		}

		function htmlEntities(str) {

		}

    jQuery( document ).ready(function( $ ) {

			var objFormGenerator = new classFormGenerator();

	objFormGenerator.render();

	var tableForm = $('#table-form').dataTable({

		select :true,

        bProcessing: true,

        bServerSide: true,

        sAjaxSource: "ajax.<?php echo $this->module; ?>.php?action=gridview",

        fnServerData: function (sSource, aoData, fnCallback) {

         	$.ajax({

               	dataType: 'json',

                type: "POST",

                url: sSource,

                data: aoData,

                success: fnCallback

          	});

        },

        aaSorting : [],

        aoColumns: [

    	    {sName: "checkbox", sTitle : '<input type="checkbox" value="all" data-type="select_all" name="select_all" id="select_all">',bSortable:false,bSearchable:false},

            {sName: "name", sTitle: 'Name'},

            {sName: "language", sTitle: 'Language'},

            {sName: "added_on", sTitle : 'Added on'}

            <?php if ($permissionStatus) : ?>

            ,{ "sName": "status", 'sTitle' : 'Status', bSortable:false, bSearchable:false}

            <?php if (in_array('edit', $this->Permission) || in_array('delete', $this->Permission) || in_array('view', $this->Permission)) { ?>

            , {"sName": "operation", 'sTitle': 'Operation', bSortable: false, bSearchable: false}

            <?php } ?>

            <?php endif; ?>

         ],

         fnServerParams: function(aoData){

         	setTitle(aoData, this)

         },

         fnDrawCallback: function(oSettings) {

         	$('.make-switch-form').bootstrapSwitch();

            $('.make-switch-form').bootstrapSwitch('setOnClass', 'success');

            $('.make-switch-form').bootstrapSwitch('setOffClass', 'danger');

         }

	});

	$('body').on('click', 'a.btn-delete-form',function(e) {

		e.preventDefault();

		form_id =  $(this).data('id')

		bootbox.confirm({

		    title: "Delete Form",

		    message: "Are you sure?",

		    buttons: {

		        cancel: {

		            label: '<i class="fa fa-times"></i> Cancel'

		        },

		        confirm: {

		            label: '<i class="fa fa-check"></i> Confirm'

		        }

		    },

		    callback: function (result) {

			    if(result) {

    		    	$.ajax({

    	                'dataType': 'json',

    	                'method': 'post',

    	                'url' :  'ajax.<?php echo $this->module; ?>.php?action=delete',

    	                'data' :{

    	                    'form-id' : form_id

    	                },

    	            }).done(function(response) {

    	                if(response['success']) {

    	                	toastr['success'](response['message']);

    	                	tableForm.fnDraw();

    	                } else {

    	                	toastr['error'](response['message']);

    	                }

    	            }).fail(function( jqXHR, textStatus, errorThrown) {

    					toastr['error'](textStatus);

    	            });

			    }

		    }

		});

    });

    $(document).on('click','[data-action="delete"]',function(){

    	bootbox.confirm({

		    title: "Delete Forms",

		    message: "Are you sure?",

		    buttons: {

		        cancel: {

		            label: '<i class="fa fa-times"></i> Cancel'

		        },

		        confirm: {

		            label: '<i class="fa fa-check"></i> Confirm'

		        }

		    },

		    callback: function (result) {

			    if(result) {

			    	var d = currentSelected();	

    		    	$.ajax({

    	                'dataType': 'json',

    	                'method': 'post',

    	                'url' :  'ajax.<?php echo $this->module; ?>.php?action=delete-selected',

    	                'data' :{

    	                	 selected : d

    	                },

    	            }).done(function(response) {

    	                if(response['success']) {

    	                	toastr['success'](response['message']);

    	                	tableForm.fnDraw();

    	                } else {

    	                	toastr['error'](response['message']);

    	                }

    	            }).fail(function( jqXHR, textStatus, errorThrown) {

    					toastr['error'](textStatus);

    	            });

			    }

		    }

		});

    });

    $('body').on('switch-change', 'input[type="checkbox"].make-switch-form', function(e) {

		e.preventDefault();

		e.stopPropagation();

		form_id =  $(this).data('id')

		form_status = $(this).prop('checked') ? 'A' : 'D';

		$.ajax({

        	'dataType': 'json',

            'method': 'post',

            'url' :  'ajax.<?php echo $this->module; ?>.php?action=status',

            'data' :{

            	'form-id' : form_id,

            	'form-status' : form_status

            },

        }).done(function(response) {

	        if(response['success']) {

	        	toastr['success'](response['message']);

	       } else {

    	       	toastr['error'](response['message']);

            }

         }).fail(function( jqXHR, textStatus, errorThrown) {

			toastr['error'](textStatus);

        })

    }); 

	$('body').on('click', 'a.btn-edit-form',function(e) {

		e.preventDefault();

		form_id =  $(this).data('id')

		$.ajax({

        	'dataType': 'json',

            'method': 'post',

            'url' :  'ajax.<?php echo $this->module; ?>.php?action=edit',

            'data' :{

            	'form-id' : form_id

            },

        }).done(function(response) {

	        if(response['success']) {

	    		validatorForm.resetForm();

	    		$('#form-main #form-id' ).val(response['id']),

	    		$('#form-main #form-continue').val('0');

	    		$('#form-main #form-name' ).val(response['name']),

	    		instanceName = 'form-description'; 

	    		let editor = CKEDITOR.instances[instanceName ];

	    		editor.setData(response['description'], function() {

	    		    editor.focus();

	    		});

	    		instanceName = 'form-text'; 

	    		CKEDITOR.instances[instanceName ].setData(response['text']);

	    		$( '#form-main #form-language' ).val(response['language']),

	    		$( '#form-main #form-status' ).val(response['status']);

	    		objFormGenerator.clear();

	    		objFormGenerator.sections = response['sections'];

	    		objFormGenerator.render();

	    		$('#row-forms').hide();

	    		$('#row-edit').show();

	    		$('#form-main #form-name').focus();

            } else {

    	       	toastr['error'](response['message']);

            }

         }).fail(function( jqXHR, textStatus, errorThrown) {

			toastr['error'](textStatus);

        });

    });

	 $(document).on('click','[data-type="select_all"]',function(){

	        if($('input[name="select_all"]:checked').val() == 'all'){

	            $('[data-type="select"]').prop('checked', true);

	            $('[data-action="delete"]').removeClass('hide');    

	        }else{

	            $('[data-type="select"]').prop('checked', false);    

	            $('[data-action="delete"]').addClass('hide');

	        }

	    });

	    function getLength(){

	        return $('[data-type="select"]').length;

	    }

	    function currentSelected(){

	        var selected = [];

	        $.each($("input[name='select[]']:checked"), function(){            

	            selected.push($(this).val());

	        });

	        return selected;        

	    }

	    $(document).on('change',"input[name='select[]']",function(){

	        var c = currentSelected();

	        var cc = getLength();

	        if(c.length == cc){

	            if($('[data-action="delete"]').hasClass('hide')){

	                $('[data-action="delete"]').removeClass('hide');

	            }

	            return true;

	        }else{

	            $('input[name="select_all"]').prop('checked', false);

	        }

	        if(c.length > 0){

	            if($('[data-action="delete"]').hasClass('hide')){

	                $('[data-action="delete"]').removeClass('hide');

	            }

	        }else{

	            if(!$('[data-action="delete"]').hasClass('hide')){

	                $('[data-action="delete"]').addClass('hide');

	            }

	        }

	    });

	    var form3 = $('#form_sample_3');

        var error3 = $('.alert-danger', form3);

        var success3 = $('.alert-success', form3);

	//IMPORTANT: update CKEDITOR textarea with actual content before submit

 	$( "#form-main" ).on('submit', function() {

		for(var instanceName in CKEDITOR.instances) {

			CKEDITOR.instances[instanceName].updateElement();

		}

	})

	var validatorForm = $( "#form-main" ).validate( {

        ignore: [],

        errorClass: 'help-block',

        errorElement: 'span',

		rules: {

			'form-name':  {

				required: true,

				minlength: 2,

				maxlength: 50

			},

			'form-description' : {

				required: true,

			},

			'form-text' : {

				required: true,

			},

			'form-language' : {

				required: true,

			},

			'forrm-status' : {

				required: true,

			},

		},

        highlight: function (element) {

            $(element).closest('.form-group').addClass('has-error');

        },

        unhighlight: function (element) {

            $(element).closest('.form-group').removeClass('has-error');

        },

        errorPlacement: function (error, element) {

            if (element.attr("data-error-container")) {

                error.appendTo(element.attr("data-error-container"));

            } else {

                error.insertAfter(element);

            }

        },

        invalidHandler: function(form, validator) {

            if (!validator.numberOfInvalids())

                return;

            $('html, body').animate({

                scrollTop: $(validator.errorList[0].element).offset().top - 100

            }, 1000);

        },

		submitHandler: function(form) {

		    // do other things for a valid form

		    //form.submit();

		    var error = false;

		    if(objFormGenerator.sections.length == 0) {

		    	toastr['error']('There are no sections');

		    	error = true;

		    } else {

		    	for(i = 0; i < objFormGenerator.sections.length; i++) 

		    	{

		    		if(objFormGenerator.sections[i].questions.length == 0) {

		    			toastr['error']('The "' + objFormGenerator.sections[i].name + '" section has no questions');

		    			break;

		    		}

		    		var valueSection = parseInt(objFormGenerator.sections[i].value);

		    		var totalValueQuestion = 0;

		    		for(j = 0; j < objFormGenerator.sections[i].questions.length; j++)

		    		{

		    			valueQuestion = parseInt(objFormGenerator.sections[i].questions[j].value);

		    			totalValueQuestion = totalValueQuestion + valueQuestion;

		    			if(objFormGenerator.sections[i].questions[j].type == 'simple' 

			    			|| objFormGenerator.sections[i].questions[j].type == 'multiple' 

			    			|| objFormGenerator.sections[i].questions[j].type == 'rating-open' ) {

		    				var questionNumber = j + 1;

		    				var numberCorrect = 0;

		    				if(objFormGenerator.sections[i].questions[j].options.length == 0) {

		    					toastr['error']('The "' + objFormGenerator.sections[i].name + '" section, questions #' + questionNumber + ' has no options');

								error = true;

								break;

		    				}

		    				var totalOption = 0;

		    				var maxOption = 0;

		    				for(k = 0;  k < objFormGenerator.sections[i].questions[j].options.length; k++)

		    				{

		    					if(objFormGenerator.sections[i].questions[j].type == 'simple' || objFormGenerator.sections[i].questions[j].type == 'multiple' ) {

    		    					if(objFormGenerator.sections[i].questions[j].options[k].correct == 1) {

    		    						numberCorrect++;

    		    					}

		    					}

		    					if(objFormGenerator.sections[i].questions[j].type == 'multiple' && objFormGenerator.sections[i].questions[j].options[k].correct == 1) {

		    						totalOption = totalOption + parseInt(objFormGenerator.sections[i].questions[j].options[k].value);

			    				}

		    					if(objFormGenerator.sections[i].questions[j].type == 'rating-open') {

		    						if(parseInt(objFormGenerator.sections[i].questions[j].options[k].value) > maxOption) {

										maxOption = parseInt(objFormGenerator.sections[i].questions[j].options[k].value);

					    			}

			    				}

		    				}

		    				if(objFormGenerator.sections[i].questions[j].type == 'simple' || objFormGenerator.sections[i].questions[j].type == 'multiple' ) {

    		    				if(numberCorrect == 0) {

    		    					toastr['error']('The "' + objFormGenerator.sections[i].name + '" section, questions #' + questionNumber + '  has no correct option');

    		    					error = true;

    		    					break;

    		    				}

    		    				if(objFormGenerator.sections[i].questions[j].type == 'simple' && numberCorrect > 1) {

    		    					toastr['error']('The "' + objFormGenerator.sections[i].name + '" section, questions #' + questionNumber + '   has more than one correct option');

    		    					error = true;

    		    					break;

    		    				}

    		    				if(objFormGenerator.sections[i].questions[j].type == 'multiple' && numberCorrect == 1) {

    		    					toastr['error']('The "' + objFormGenerator.sections[i].name + '" section, questions #' + questionNumber + '    has only one correct option');

    		    					error = true;

    		    					break;

    		    				}

		    				}

			    			//console.log('totalOption = ' + totalOption + ' valueQuestion = ' + valueQuestion );

			 				if(objFormGenerator.sections[i].questions[j].type == 'multiple' && totalOption > valueQuestion ) {

		     					toastr['error']('The "' + objFormGenerator.sections[i].name + '" section, questions #' + questionNumber + ' the sum of the values of the options is greater than the value of the question');

		    					error = true;

		    					break;

			    			}

							//console.log('maxOption = ' + maxOption + ' valueQuestion = ' + valueQuestion );

		    				if(objFormGenerator.sections[i].questions[j].type == 'rating-open' && maxOption > valueQuestion ) {

		     					toastr['error']('The "' + objFormGenerator.sections[i].name + '" section, questions #' + questionNumber + ' the value of an option is greater than the value of the question');

		    					error = true;

		    					break;

			    			}

						}

		    		}

		    		if(valueSection != totalValueQuestion) {

		    			toastr['error']('The values of the "' + objFormGenerator.sections[i].name + '" section and the questions are not the same');

		    			error = true;

		    			break;

					}

				}

    			if(error) {

    				return false;

    			} else {

    				var formId		= parseInt($( '#form-main #form-id' ).val());

    				var formContinue = parseInt($( '#form-main #form-continue' ).val());

    				var data = {

    	    			'form-id'	: formId,

        				'form-name' : $( '#form-main #form-name' ).val(),

        				'form-description' : $( '#form-main #form-description' ).val(),

        				'form-text' : $( '#form-main #form-text' ).val(),

        				'form-language' : $( '#form-main #form-language' ).val(),