WebSVN – LeadersLinked - Backend – Diff – /module/LeadersLinked/view/leaders-linked/self-evaluation-forms/index.phtml

 $status_inactive = \LeadersLinked\Model\CompanySelfEvaluationForm::STATUS_INACTIVE;
 $lang_es = \LeadersLinked\Model\CompanySelfEvaluationForm::LANGUAGE_SPANISH;
 $lang_en = \LeadersLinked\Model\CompanySelfEvaluationForm::LANGUAGE_ENGLISH;
+        }
+}
+function htmlEntities(str) {
+    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+jQuery(document).ready(function($) {
+    var objFormGenerator = new classFormGenerator();
+    objFormGenerator.render();
+    var allowEdit = $allowEdit;
+    var allowDelete = $allowDelete;
+    var tableForm = $('#gridTable').dataTable({
+        'processing': true,
+        'serverSide': true,
+        'searching': true,
+        'order': [
+            [0, 'asc']
+        ],
+        'ordering': true,
+        'ordenable': true,
+        'responsive': true,
+        'select': false,
+        'paging': true,
+        'pagingType': 'simple_numbers',
+        'ajax': {
+            'url': '$routeDatatable',
+            'type': 'get',
+            'beforeSend': function(request) {
+                NProgress.start();
+            },
+            'dataFilter': function(response) {
+                var response = jQuery.parseJSON(response);
+                var json = {};
+                json.recordsTotal = 0;
+                json.recordsFiltered = 0;
+                json.data = [];
+                if (response.success) {
+                    json.recordsTotal = response.data.total;
+                    json.recordsFiltered = response.data.total;
+                    json.data = response.data.items;
+                } else {
+                    $.fn.showError(response.data)
+                }
+                return JSON.stringify(json);
+            }
+        },
+        'language': {
+            'sProcessing': 'LABEL_DATATABLE_SPROCESSING',
+            'sLengthMenu': 'LABEL_DATATABLE_SLENGTHMENU',
+            'sZeroRecords': 'LABEL_DATATABLE_SZERORECORDS',
+            'sEmptyTable': 'LABEL_DATATABLE_SEMPTYTABLE',
+            'sInfo': 'LABEL_DATATABLE_SINFO',
+            'sInfoEmpty': 'LABEL_DATATABLE_SINFOEMPTY',
+            'sInfoFiltered': 'LABEL_DATATABLE_SINFOFILTERED',
+            'sInfoPostFix': '',
+            'sSearch': 'LABEL_DATATABLE_SSEARCH',
+            'sUrl': '',
+            'sInfoThousands': ',',
+            'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
+            'oPaginate': {
+                'sFirst': 'LABEL_DATATABLE_SFIRST',
+                'sLast': 'LABEL_DATATABLE_SLAST',
+                'sNext': 'LABEL_DATATABLE_SNEXT',
+                'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
+            },
+            'oAria': {
+                'sSortAscending': ': LABEL_DATATABLE_SSORTASCENDING',
+                'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
+            },
+        },
+        'drawCallback': function(settings) {
+            NProgress.done();
+            $('button.btn-delete').confirmation({
+                rootSelector: 'button.btn-delete',
+                title: 'LABEL_ARE_YOU_SURE',
+                singleton: true,
+                btnOkLabel: 'LABEL_YES',
+                btnCancelLabel: 'LABEL_NO',
+                onConfirm: function(value) {
+                    action = $(this).data('href');
+                    NProgress.start();
+                    $.ajax({
+                        'dataType': 'json',
+                        'accept': 'application/json',
+                        'method': 'post',
+                        'url': action,
+                    }).done(function(response) {
+                        if (response['success']) {
+                            $.fn.showSuccess(response['data']);
+                            gridTable.api().ajax.reload(null, false);
+                        } else {
+                            $.fn.showError(response['data']);
+                        }
+                    }).fail(function(jqXHR, textStatus, errorThrown) {
+                        $.fn.showError(textStatus);
+                    }).always(function() {
+                        NProgress.done();
+                    });
+                },
+            });
+        },
+        'aoColumns': [{
+                'mDataProp': 'name'
+            },
+            {
+                'mDataProp': 'language'
+            },
+            {
+                'mDataProp': 'status'
+            },
+            {
+                'mDataProp': 'actions'
+            },
+        ],
+        'columnDefs': [{
+                'targets': 0,
+                'className': 'text-vertical-middle',
+            },
+            {
+                'targets': 1,
+                'className': 'text-vertical-middle',
+            },
+            {
+                'targets': -2,
+                'orderable': false,
+                'className': 'text-center',
+                'render': function(data, type, row) {
+                    checked = data == 'a' ? ' checked="checked" ' : '';
+                    return '<div class="checkbox checkbox-success">' +
+                        '<input class="styled" type="checkbox" ' + checked + ' disabled="disabled">' +
+                        '<label ></label></div>';
+                }
+            },
+            {
+                'targets': -1,
+                'orderable': false,
+                'render': function(data, type, row) {
+                    s = '';
+                    if (allowEdit) {
+                        s = s + '<button class="btn btn-primary btn-edit-form" data-href="' + data['link_edit'] + '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pencil"></i> LABEL_EDIT </button>&nbsp;';
+                    }
+                    if (allowDelete) {
+                        s = s + '<button class="btn btn-danger btn-delete" data-href="' + data['link_delete'] + '" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-trash"></i> LABEL_DELETE </button>&nbsp;';
+                    }
+                    return s;
 		});
+            }
+        ],
+    });
+    $('body').on('click', 'a.btn-delete-form', function(e) {
+        e.preventDefault();
+        form_id = $(this).data('id')
+        bootbox.confirm({
+            title: "LABEL_DELETE LABEL_FORM",
+            message: "LABEL_QUESTION_DELETE",
+            buttons: {
+                cancel: {
+                    label: '<i class="fa fa-times"></i> LABEL_CANCEL'
+                },
+                confirm: {
+                    label: '<i class="fa fa-check"></i> LABEL_ACCEPT'
+                }
+            },
+            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']) {
+                            $.fn.showSuccess(response['message']);
+                            tableForm.fnDraw();
+                        } else {
+                            $.fn.showError(response['message'] || 'ERROR_UNKNOWN');
+                        }
+                    }).fail(function(jqXHR, textStatus, errorThrown) {
+                        $.fn.showError(textStatus);
+                    });
+                }
+            }
-    });
+        });
-    $(document).on('click','[data-action="delete"]',function(){
+    });
+    $(document).on('click', '[data-action="delete"]', function() {
-    	bootbox.confirm({
+        bootbox.confirm({
-		    title: "LABEL_DELETE LABEL_FORMS_2",
+            title: "LABEL_DELETE LABEL_FORMS_2",
-		    message: "LABEL_QUESTION_DELETE",
+            message: "LABEL_QUESTION_DELETE",
-		    buttons: {
+            buttons: {
-		        cancel: {
+                cancel: {
-		            label: '<i class="fa fa-times"></i> LABEL_CANCEL'
+                    label: '<i class="fa fa-times"></i> LABEL_CANCEL'
-		        },
+                },
-		        confirm: {
+                confirm: {
-		            label: '<i class="fa fa-check"></i> LABEL_ACCEPT'
+                    label: '<i class="fa fa-check"></i> LABEL_ACCEPT'
-		        }
+                }
-		    },
+            },
-		    callback: function (result) {
+            callback: function(result) {
-			    if(result) {
+                if (result) {
-			    	var d = currentSelected();
+                    var d = currentSelected();
-    		    	$.ajax({
+                    $.ajax({
-    	                'dataType': 'json',
+                        'dataType': 'json',
-    	                'method': 'post',
+                        'method': 'post',
-    	                'url' :  'ajax.<?php echo $this->module; ?>.php?action=delete-selected',
+                        'url': 'ajax.<?php echo $this->module; ?>.php?action=delete-selected',
-    	                'data' :{
+                        'data': {
-    	                	 selected : d
-    	                },
+                            selected: d
-    	            }).done(function(response) {
+                        },
+                    }).done(function(response) {
-    	                if(response['success']) {
+                        if (response['success']) {
-    	                	$.fn.showSuccess(response['message']);
+                            $.fn.showSuccess(response['message']);
-    	                	tableForm.fnDraw();
+                            tableForm.fnDraw();
-    	                } else {
+                        } else {
-    	                	$.fn.showError(response['message'] || 'ERROR_UNKNOWN');
+                            $.fn.showError(response['message'] || 'ERROR_UNKNOWN');
-    	                }
+                        }
-    	            }).fail(function( jqXHR, textStatus, errorThrown) {
+                    }).fail(function(jqXHR, textStatus, errorThrown) {
-    					$.fn.showError(textStatus);
+                        $.fn.showError(textStatus);
-    	            });
+                    });
-			    }
+                }
-		});
     });
+        });
+    });
-    $('body').on('switch-change', 'input[type="checkbox"].make-switch-form', function(e) {
-		e.preventDefault();
+    $('body').on('switch-change', 'input[type="checkbox"].make-switch-form', function(e) {
-		e.stopPropagation();
+        e.preventDefault();
-		form_id =  $(this).data('id')
+        e.stopPropagation();
-		form_status = $(this).prop('checked') ? 'A' : 'D';
+        form_id = $(this).data('id')
         form_status = $(this).prop('checked') ? 'A' : 'D';
-		$.ajax({
+        $.ajax({
-        	'dataType': 'json',
+            'dataType': 'json',
             'method': 'post',
-            'url' :  'ajax.<?php echo $this->module; ?>.php?action=status',
+            'url': 'ajax.<?php echo $this->module; ?>.php?action=status',
-            'data' :{
+            'data': {
-            	'form-id' : form_id,
+                'form-id': form_id,
-            	'form-status' : form_status
+                'form-status': form_status
             },
         }).done(function(response) {
-	        if(response['success']) {
+            if (response['success']) {
-	        	$.fn.showSuccess(response['message']);
+                $.fn.showSuccess(response['message']);
-	       } else {
+            } else {
-    	       	$.fn.showError(response['message'] || 'ERROR_UNKNOWN');
+                $.fn.showError(response['message'] || 'ERROR_UNKNOWN');
+            }
-         }).fail(function( jqXHR, textStatus, errorThrown) {
+        }).fail(function(jqXHR, textStatus, errorThrown) {
-			$.fn.showError(textStatus);
-        })
+            $.fn.showError(textStatus);
-    });
+        })
+    });
-	$('body').on('click', 'button.btn-edit-form',function(e) {
+    $('body').on('click', 'button.btn-edit-form', function(e) {
-		e.preventDefault();
+        e.preventDefault();
-		form_id =  $(this).data('id')
+        form_id = $(this).data('id')
-    var action = $(this).data('href');
+        var action = $(this).data('href');
-		$.ajax({
+        $.ajax({
-			'dataType'  : 'json',
+            'dataType': 'json',
-			'accept'    : 'application/json',
+            'accept': 'application/json',
-			'method'    : 'get',
+            'method': 'get',
-			'url'       :  action,
+            'url': action,
-		}).done(function(response) {
-			if(response['success']) {
+        }).done(function(response) {
-					validatorForm.resetForm();
+            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']),
+                $('#form-main #form-id').val(response['id']),
+                    $('#form-main #form-continue').val('0');
+                $('#form-main #form-name').val(response['name']),
-					instanceName = 'form-description';
+                    instanceName = 'form-description';
-					let editor = CKEDITOR.instances[instanceName ];
+                let editor = CKEDITOR.instances[instanceName];
-					editor.setData(response['description'], function() {
-							editor.focus();
-					});
+                editor.setData(response['description'], function() {
+                    editor.focus();
-					instanceName = 'form-text';
+                });
-					CKEDITOR.instances[instanceName ].setData(response['text']);
+                instanceName = 'form-text';
-					$('#form-main #form-language' ).val(response['language']),
+                CKEDITOR.instances[instanceName].setData(response['text']);
-					$('#form-main #form-status' ).val(response['status']);
+                $('#form-main #form-language').val(response['language']),
+                    $('#form-main #form-status').val(response['status']);
-					objFormGenerator.clear();
+                objFormGenerator.clear();
-					objFormGenerator.sections = response['sections'] || [];
+                objFormGenerator.sections = response['sections'] || [];
-					objFormGenerator.render();
-					$('#row-forms').hide();
+                objFormGenerator.render();
-					$('#row-edit').show();
+                $('#row-forms').hide();
-					$('#form-main #form-name').focus();
+                $('#row-edit').show();
+                $('#form-main #form-name').focus();
-				} else {
+            } else {
-					$.fn.showError(response['message'] || 'ERROR_UNKNOWN');
+                $.fn.showError(response['message'] || 'ERROR_UNKNOWN');
+            }
-				}
+        }).fail(function(jqXHR, textStatus, errorThrown) {
+            $.fn.showError(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 {
-			}).fail(function( jqXHR, textStatus, errorThrown) {
+            $('[data-type="select"]').prop('checked', false);
-				$.fn.showError(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');
+            $('[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');
-	            }
-	        }
-	    });
+    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 form3 = $('#form_sample_3');
-        var success3 = $('.alert-success', form3);
+    var error3 = $('.alert-danger', form3);
+    var success3 = $('.alert-success', form3);
-	//IMPORTANT: update CKEDITOR textarea with actual content before submit
+    //IMPORTANT: update CKEDITOR textarea with actual content before submit
- 	$( "#form-main" ).on('submit', function() {
-		for(var instanceName in CKEDITOR.instances) {
+    $("#form-main").on('submit', function() {
-			CKEDITOR.instances[instanceName].updateElement();
+        for (var instanceName in CKEDITOR.instances) {
             CKEDITOR.instances[instanceName].updateElement();
 	})
+    })
-	var validatorForm = $( "#form-main" ).validate( {
+    var validatorForm = $("#form-main").validate({
         ignore: [],
         errorClass: 'help-block',
         errorElement: 'span',
-		rules: {
+        rules: {
-			'form-name':  {
+            'form-name': {
-				required: true,
+                required: true,
-				minlength: 2,
+                minlength: 2,
-				maxlength: 50
+                maxlength: 50
-			},
+            },
-			'form-description' : {
+            'form-description': {
-				required: true,
+                required: true,
-			},
+            },
-			'form-text' : {
+            'form-text': {
-				required: true,
+                required: true,
-			},
+            },
-			'form-language' : {
+            'form-language': {
-				required: true,
+                required: true,
-			},
+            },
-			'forrm-status' : {
+            'forrm-status': {
-				required: true,
+                required: true,
-			},
+            },
-		},
+        },
-        highlight: function (element) {
+        highlight: function(element) {
             $(element).closest('.form-group').addClass('has-error');
         },
-        unhighlight: function (element) {
+        unhighlight: function(element) {
             $(element).closest('.form-group').removeClass('has-error');
         },
-        errorPlacement: function (error, element) {
+        errorPlacement: function(error, element) {
                 return;
             $('html, body').animate({
                 scrollTop: $(validator.errorList[0].element).offset().top - 100
             }, 1000);
         },
         ignore: [],
         errorClass: 'help-block',
         errorElement: 'span',
-		rules: {
+        rules: {
-			'section-name':  {
+            'section-name': {
-				required: true,
+                required: true,
-				minlength: 2,
+                minlength: 2,
-				maxlength: 50
+                maxlength: 50
-			},
+            },
-			'section-text' : {
+            'section-text': {
-				required: false,
+                required: false,
-			},
+            },
-			'section-value' : {
+            'section-value': {
-				required: true,
+                required: true,
-				number: true,
+                number: true,
-				min: 1
+                min: 1
-			},
+            },
-		},
+        },
-        highlight: function (element) {
+        highlight: function(element) {
             $(element).closest('.form-group').addClass('has-error');
         },
-        unhighlight: function (element) {
+        unhighlight: function(element) {
             $(element).closest('.form-group').removeClass('has-error');
         },
-        errorPlacement: function (error, element) {
+        errorPlacement: function(error, element) {
             if (element.attr("data-error-container")) {
                 error.appendTo(element.attr("data-error-container"));
             } else {
                 error.insertAfter(element);
+            }
                 return;
             $('html, body').animate({
                 scrollTop: $(validator.errorList[0].element).offset().top - 100
             }, 1000);
         },
-		submitHandler: function(form) {
+        submitHandler: function(form) {
-		    // do other things for a valid form
+            // do other things for a valid form
-		    //form.submit();
+            //form.submit();
-		    var slug = $('#form-section #section-slug').val();
+            var slug = $('#form-section #section-slug').val();
-		    if(slug) {
+            if (slug) {
-		    	objFormGenerator.editSection(
+                objFormGenerator.editSection(
-		    		$('#form-section #section-slug').val(),
+                    $('#form-section #section-slug').val(),
-			    	$('#form-section #section-name').val(),
+                    $('#form-section #section-name').val(),
-			    	$('#form-section #section-text').val(),
+                    $('#form-section #section-text').val(),
-			    	$('#form-section #section-value').val()
+                    $('#form-section #section-value').val()
-			  	);
+                );
-		    } else {
+            } else {
-		    	objFormGenerator.addSection(
+                objFormGenerator.addSection(
-		    		$('#form-section #section-name').val(),
+                    $('#form-section #section-name').val(),
-		    		$('#form-section #section-text').val(),
+                    $('#form-section #section-text').val(),
-		    		$('#form-section #section-value').val()
+                    $('#form-section #section-value').val()
-		    	);
+                );
-		    }
+            }
-		    renderData(objFormGenerator.sections);
+            renderData(objFormGenerator.sections);
-			$('#modal-section').modal('hide');
+            $('#modal-section').modal('hide');
-			return false;
+            return false;
-		  }
+        }
-	} );
+    });
-	//IMPORTANT: update CKEDITOR textarea with actual content before submit
+    //IMPORTANT: update CKEDITOR textarea with actual content before submit
- 	$( "#form-question" ).on('submit', function() {
+    $("#form-question").on('submit', function() {
-		for(var instanceName in CKEDITOR.instances) {
+        for (var instanceName in CKEDITOR.instances) {
-			CKEDITOR.instances[instanceName].updateElement();
+            CKEDITOR.instances[instanceName].updateElement();
-		}
+        }
-	})
+    })
-	var validatorFormQuestion = $( "#form-question" ).validate( {
+    var validatorFormQuestion = $("#form-question").validate({
         ignore: [],
         errorClass: 'help-block',
         errorElement: 'span',
-		rules: {
+        rules: {
-			'question-text' : {
+            'question-text': {
-				required: true,
+                required: true,
-			},
+            },
-			'question-value' : {
+            'question-value': {
-				required: true,
+                required: true,
-				number: true,
+                number: true,
-				min: 1
+                min: 1
-			},
+            },
-			'question-type':  {
+            'question-type': {
-				required: true,
+                required: true,
-			},
+            },
-			'question-max-length' : {
+            'question-max-length': {
-				required: true,
+                required: true,
-				digits: true,
+                digits: true,
-				min: 0
+                min: 0
-			},
+            },
-			'question-range' : {
+            'question-range': {
-				required: true,
+                required: true,
-				number: true,
+                number: true,
-				min: 1
+                min: 1
-			},
+            },
-		},
+        },
-        highlight: function (element) {
+        highlight: function(element) {
             $(element).closest('.form-group').addClass('has-error');
         },
-        unhighlight: function (element) {
+        unhighlight: function(element) {
             $(element).closest('.form-group').removeClass('has-error');
         },
-        errorPlacement: function (error, element) {
+        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) {
+        submitHandler: function(form) {
-		    if($('#form-question #question-slug').val()) {
+            if ($('#form-question #question-slug').val()) {
-		    	objFormGenerator.editQuestion(
+                objFormGenerator.editQuestion(
-		    		$('#form-question #question-section').val(),
+                    $('#form-question #question-section').val(),
-		    		$('#form-question #question-slug').val(),
+                    $('#form-question #question-slug').val(),
-		    		$('#form-question #question-text').val(),
+                    $('#form-question #question-text').val(),
-		    		$('#form-question #question-value').val(),
+                    $('#form-question #question-value').val(),
-			    	$('#form-question #question-type').val(),
+                    $('#form-question #question-type').val(),
-			    	$('#form-question #question-max-length').val(),
+                    $('#form-question #question-max-length').val(),
-	    			$('#form-question #question-multiline').val(),
+                    $('#form-question #question-multiline').val(),
-	    			$('#form-question #question-range').val()
+                    $('#form-question #question-range').val()
-			  	);
+                );
-		    } else {
+            } else {
-		    	objFormGenerator.addQuestion(
+                objFormGenerator.addQuestion(
-			    	$('#form-question #question-section').val(),
+                    $('#form-question #question-section').val(),
-			    	$('#form-question #question-text').val(),
+                    $('#form-question #question-text').val(),
-			    	$('#form-question #question-value').val(),
+                    $('#form-question #question-value').val(),
-				    $('#form-question #question-type').val(),
+                    $('#form-question #question-type').val(),
-				    $('#form-question #question-max-length').val(),
+                    $('#form-question #question-max-length').val(),
-		    		$('#form-question #question-multiline').val(),
+                    $('#form-question #question-multiline').val(),
-		    		$('#form-question #question-range').val()
+                    $('#form-question #question-range').val()
-		    	);
+                );
-		    }
+            }
-		    renderData(objFormGenerator.sections);
+            renderData(objFormGenerator.sections);
-			$('#modal-question').modal('hide');
+            $('#modal-question').modal('hide');
-			return false;
+            return false;
-		  }
+        }
-	} );
+    });
-	//IMPORTANT: update CKEDITOR textarea with actual content before submit
+    //IMPORTANT: update CKEDITOR textarea with actual content before submit
- 	$( "#form-option" ).on('submit', function() {
+    $("#form-option").on('submit', function() {
-		for(var instanceName in CKEDITOR.instances) {
+        for (var instanceName in CKEDITOR.instances) {
-			CKEDITOR.instances[instanceName].updateElement();
+            CKEDITOR.instances[instanceName].updateElement();
-		}
+        }
-	})
+    })
-	var validatorFormOption = $( "#form-option" ).validate( {
+    var validatorFormOption = $("#form-option").validate({
         ignore: [],
         errorClass: 'help-block',
         errorElement: 'span',
-		rules: {
+        rules: {
-			'option-text' : {
+            'option-text': {
-				required: true,
+                required: true,
-			},
+            },
-        	'option-value' : {
+            'option-value': {
-				required: true,
+                required: true,
-				number: true,
+                number: true,
-				min: 1
+                min: 1
-        	}
+            }
-		},
+        },
-        highlight: function (element) {
+        highlight: function(element) {
             $(element).closest('.form-group').addClass('has-error');
         },
-        unhighlight: function (element) {
+        unhighlight: function(element) {
             $(element).closest('.form-group').removeClass('has-error');
         },
-        errorPlacement: function (error, element) {
+        errorPlacement: function(error, element) {
             if (element.attr("data-error-container")) {
                 error.appendTo(element.attr("data-error-container"));
             } else {
                 error.insertAfter(element);
+            }
                 return;
             $('html, body').animate({
                 scrollTop: $(validator.errorList[0].element).offset().top - 100
             }, 1000);
         },
                         } else {
+                            $('#form-question #question-max-length').val('0');
-                    		$('#form-option #option-correct').parent().show();
+                            $('#form-question #question-max-length').parent().hide();
+                            $('#form-question #question-multiline').val('0');
+                            $('#form-question #question-multiline').parent().hide();
+                        }
+                        if (objFormGenerator.sections[i].questions[j].type == 'rating-range') {
+                            $('#form-question #question-range').val(objFormGenerator.sections[i].questions[j].range);
+                            $('#form-question #question-range').parent().show();
+                        } else {
+                            $('#form-question #question-range').val('10');
+                            $('#form-question #question-range').parent().hide();
+                        }
+                        showForm = true;
+                        break;
+                    }
+                }
+                break;
+            }
+        }
+        if (showForm) {
+            $('#modal-question h4[class="modal-title"]').html('LABEL_EDIT LABEL_QUESTION');
+            $('#modal-question').modal('show');
+        }
+    });
+    $('body').on('click', 'button.btn-delete-question', function(e) {
+        e.preventDefault();
+        var slug_section = $(this).data('section');
+        var slug = $(this).data('slug');
+        bootbox.confirm({
+            title: "LABEL_DELETE LABEL_QUESTION",
+            message: "LABEL_QUESTION_DELETE",
+            buttons: {
+                cancel: {
+                    label: '<i class="fa fa-times"></i> LABEL_CANCEL'
+                },
+                confirm: {
+                    label: '<i class="fa fa-check"></i> LABEL_ACCEPT'
+                }
+            },
+            callback: function(result) {
+                if (result) {
+                    objFormGenerator.deleteQuestion(slug_section, slug);
+                    renderData(objFormGenerator.sections);
+                }
+            }
+        });
+    });
+    $('body').on('click', 'button.btn-add-option', function(e) {
+        e.preventDefault();
+        var slug_section = $(this).data('section');
+        var slug_question = $(this).data('question');
+        var showForm = false;
+        for (i = 0; i < objFormGenerator.sections.length; i++) {
+            if (slug_section == objFormGenerator.sections[i].slug_section) {
+                for (j = 0; j < objFormGenerator.sections[i].questions.length; j++) {
+                    if (slug_question == objFormGenerator.sections[i].questions[j].slug_question) {
+                        validatorFormOption.resetForm();
+                        $('#form-option #option-section').val(slug_section);
+                        $('#form-option #option-question').val(slug_question);
+                        $('#form-option #option-slug').val('');
+                        instanceName = 'option-text';
+                        let editor = CKEDITOR.instances[instanceName];
+                        editor.setData('', function() {
+                            editor.focus();
+                        });
+                        $('#form-option #option-correct').val('0');
+                        if (objFormGenerator.sections[i].questions[j].type == 'rating-open') {
+                            $('#form-option #option-correct').parent().hide();
+                        } else {
+                            $('#form-option #option-correct').parent().show();
+                        }
-                		if(objFormGenerator.sections[i].questions[j].type == 'multiple' || objFormGenerator.sections[i].questions[j].type == 'rating-open') {
+                        if (objFormGenerator.sections[i].questions[j].type == 'multiple' || objFormGenerator.sections[i].questions[j].type == 'rating-open') {
-                			$('#form-option #option-value').val('0');
+                            $('#form-option #option-value').val('0');
-                			$('#form-option #option-value').parent().show();
+                            $('#form-option #option-value').parent().show();
-                		} else {
+                        } else {
-                			$('#form-option #option-value').val('1');
+                            $('#form-option #option-value').val('1');
-                			$('#form-option #option-value').parent().hide();
+                            $('#form-option #option-value').parent().hide();
-                       	}
+                        }
-						   renderData(objFormGenerator.sections);
+                        renderData(objFormGenerator.sections);
-                		showForm = true;
+                        showForm = true;
-	    			}
+                    }
-	    		}
+                }
-	    	}
+            }
-	    }
+        }
-		if(showForm) {
+        if (showForm) {
-    		$('#modal-option h4[class="modal-title"]').html('LABEL_ADD LABEL_OPTION');
+            $('#modal-option h4[class="modal-title"]').html('LABEL_ADD LABEL_OPTION');
-    		$('#modal-option').modal('show');
+            $('#modal-option').modal('show');
-		}
+        }
-	});
+    });
     /**
 JS;
 $this->inlineScript()->captureEnd();
 ?>
             </div>
         </div>
     </div>
+    <!-- Create/Edit Form -->
-    <!-- Create/Edit Form -->
+    <?php
-    <?php echo $this->partial('modals/forms.phtml',  array(
+    echo $this->partial('modals/forms.phtml', array(
-		'status_inactive' => $status_inactive,
+        'status_inactive' => $status_inactive,
-		'status_active' => $status_active,
+        'status_active' => $status_active,
-		'lang_es'=>$lang_es,
+        'lang_es' => $lang_es,
+        'lang_en' => $lang_en
-		'lang_en'=>$lang_en
+    ));
-		)) ;?>
+    ?>
     <!-- Create/Edit Form-->
     <!-- Modals -->
     <!-- Section Modal -->
-    <?php echo $this->partial('modals/sections.phtml') ;?>
+<?php echo $this->partial('modals/sections.phtml'); ?>
     <!-- End Modal Section -->
     <!-- Question Modal -->
-	<?php echo $this->partial('modals/questions.phtml') ;?>
+<?php echo $this->partial('modals/questions.phtml'); ?>
-	<!-- End Modal Question -->
+    <!-- End Modal Question -->

Proyectos de Subversion LeadersLinked - Backend

(root)/module/LeadersLinked/view/leaders-linked/self-evaluation-forms/index.phtml – Rev 166 → 167