WebSVN – LeadersLinked - Backend – Diff – /module/LeadersLinked/view/leaders-linked/recruitment-and-selection-interview/index.phtml

 <?php
 $acl            = $this->viewModel()->getRoot()->getVariable('acl');
 $currentUser    = $this->currentUserHelper();
 $roleName       = $currentUser->getUserTypeId();
 $this->headStyle()->captureEnd();
 $this->inlineScript()->captureStart();
-echo <<<JS
-const classFormGenerator = function() {
-    this.id = 0,
-        this.table = '',
-        this.text = '',
-        this.behaviors = [],
-        this.clear = function() {
-            this.behaviors = [];
-            this.render();
-        },
-        /**
-         * Add element to section array
-         */
-        this.addSection = function( text, value) {
-            var d = new Date();
-            var slug = 'section' + d.getTime();
-            var position = 0;
-            $.each(this.behaviors, function(index, section) {
-                if (position < section.position) {
-                    position = section.position;
-                }
-            });
-            position++;
-            var section = {
-                'slug_behaviors': slug,
-                'text': text,
-                'value': value,
-                'position': position,
-                'questions': [],
-                'status': 0
-            }
-            this.behaviors.push(section);
-        },
-         /**
-         * Edit element to section array
-         */
-        this.editSection = function(slug, text, value) {
-            var renderTable = false;
-            for (i = 0; i < this.behaviors.length; i++) {
-                if (slug == this.behaviors[i].slug_behaviors) {
-                    this.behaviors[i].text = text;
-                    this.behaviors[i].value = value;
-                    renderTable = true;
-                    break;
-                }
-            }
-            if (renderTable) {
-                this.renderSection(slug);
-            }
-        },
-         /**
-         * Remove element to section array
-         */
-        this.deleteSection = function(slug) {
-            var renderTable = false;
-            for (i = 0; i < this.behaviors.length; i++) {
-                if (slug == this.behaviors[i].slug_behaviors) {
-                    this.behaviors.splice(i, 1);
-                    renderTable = true;
-                    break;
-                }
-            }
-            if (renderTable) {
-                $('#panel' + slug).remove();
-            }
-        }
 echo <<<JS
-jQuery( document ).ready(function( $ ) {
     var objFormGenerator = new classFormGenerator();
-    //objFormGenerator.render();
+jQuery( document ).ready(function( $ ) {
     $.validator.setDefaults({
         debug: true,
         highlight: function(element) {
             } else {
                 error.insertAfter(element.parent());
+            }
+        }
     });
     $.fn.showFormErrorValidator = function(fieldname, errors) {
         var field = $(fieldname);
         if(field) {
             $(field).addClass('is-invalid');
             var error = $('<span id="' + fieldname +'-error" class="error invalid-feedback">' + errors + '</div>');
             if(element.parent('.btn-file').length) {
                 error.insertAfter(element.parent().parent());
             } else if(element.parent('.toggle').length) {
                 error.insertAfter(element.parent().parent());
             } else {
                 error.insertAfter(element.parent());
+            }
+        }
+    };
+    var gridTable = $('#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': '$routeIndex',
+            '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);
+                gridTable.api().ajax.reload(null, false);
+            }
+        },
+        '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': 'status'
+            },
+            {
+                'mDataProp': 'actions'
+            },
+        ],
+        'columnDefs': [{
+                'targets': 0,
+                '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" 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;';
+                    }
+                    if (allowReport) {
+                        s = s + '<a class="btn btn-default btn-pdf" href="' + data['link_report'] + '" target="_blank" data-toggle="tooltip" title="LABEL_PDF"><i class="fa fa-file-o"></i> LABEL_PDF </button>&nbsp;';
+                    }
+                    return s;
+                }
+            }
+        ],
-    };
+    });
     function getContent() {
         return $('[data-competency-behavior]').map(
             function (idx, td) {
                 const competencyUuid = $(td).data('competency-uuid');
                 const behaviorUuid = $(td).data('behavior-uuid');
                 const textarea = $(td).find('textarea');
                 const select = $(td).find('select');
                 return {
                     competencyUuid: competencyUuid,
                     behaviorUuid : behaviorUuid,
                     comment: textarea.val(),
                     evaluation: select.val(),
+                }
             }).done(function(response) {
                 NProgress.start();
                 if (response['success']) {
                     $.fn.showSuccess(response['data']);
-                    $('#main').show();
+                    $('#main').hide();
                     $('#interview').hide();
-                    $('#vacancy_uuid').change();
+                    gridTable.api().ajax.reload(null, false);
                 } else {
                     validator.resetForm();
                     if (jQuery.type(response['data']) == 'string') {
                         $.fn.showError(response['data']);
                     } else {
             'url': url,
         }).done(function(response) {
             if (response['success']) {
                 var data = response.data
                 $("#interview #comment").val('');
                 $('#interview #status').val('');
                 $('#interview #type').val('')
-                $("#interview #points").val('');
+                $("#interview #points").val('$points_0');
                 $("#competencies-job").html($("#competenciesTemplate").render(data))
                 $("#form-interview").attr('action', url)
                 $("#content").hide();
                 $("#main").show()
             } else {
                 $.fn.showError(response['data']);
             NProgress.done();
         });
     });
     $('body').on('click', 'button.btn-edit', function(e) {
         var url = $(this).data('url');
         e.preventDefault();
         NProgress.start();
         $.ajax({
             'dataType': 'json',
             'url': url,
         }).done(function(response) {
             if (response['success']) {
                 var data = response.data
                 $("#interview #comment").val(data['interview']['comment']);
                 $('#interview #status').val(data['interview']['status']);
                 $('#interview #type').val(data['interview']['type']);
                 $("#interview #points").val(data['interview']['points']);
                 $("#competencies-job").html($("#competenciesTemplate").render(data))
                 data.interview.content.forEach(obj => {
                     $('#textarea-' + obj.competencyUuid + '-' + obj.behaviorUuid).val(obj.comment);
                     $('#select-' + obj.competencyUuid + '-' + obj.behaviorUuid).val(obj.evaluation);
                 })
                 $("#form-interview").attr('action', url)
+                $("#content").hide();
-                $("#interview").show()
+                $("#main").show()
             } else {
                 $.fn.showError(response['data']);
+            }
         }).fail(function(jqXHR, textStatus, errorThrown) {
             $.fn.showError(textStatus);
                 'method': 'post',
                 'url': $(this).data('url'),
             }).done(function (response) {
                 if (response['success']) {
                     $.fn.showSuccess(response['data']);
-                    $('#vacancy_uuid').change();
+                    gridTable.api().ajax.reload(null, false);
                 } else {
                     $.fn.showError(response['data']);
+                }
             }).fail(function (jqXHR, textStatus, errorThrown) {
                 $.fn.showError(textStatus);
             }).always(function () {
                 NProgress.done();
             });
         },
     });
     $('body').on('click', 'button.btn-cancel', function(e) {
         e.preventDefault();
         $('#main').show();
         $('#row-form').hide();
         $('#div-listing').show();
     });
     $('#form-filter #vacancy_uuid').change(function(e) {
         e.preventDefault();
-        $('#form-filter #candidate_uuid').empty();
+        gridTable.api().ajax.reload(null, false);
-    })
-    $('#form-filter #candidate_uuid').change(function(e) {
-        e.preventDefault();
     })
      /**
      * Clicked cancel new/edit Form
      */
     $('button.btn-edit-cancel').click(function(e) {
         e.preventDefault();
+        $("#content").show();
-        $('#interview').hide();
+        $("#main").hide();
     });
     /**
      * Clicked save and continue new Form
      */
     $('button.btn-form-save-continue').click(function(e) {
      * Clicked save and close new/edit Form
      */
     $('button.btn-form-save-close').click(function(e) {
         e.preventDefault();
         $('#interview #form-continue').val('0')
+        $("#content").show();
+        $("#main").hide();
         $('#form-interview').submit();
     });
     $('#vacancy_uuid').on('change', function (event) {
                     .text(candidate.first_name)
                     .data('addUrl', candidate.add_url)
                     .data('editUrl', candidate.edit_url)
                     .data('deleteUrl', candidate.delete_url)
                     .data('reportUrl', candidate.report_url)
                 $('#candidate_uuid').append(option);
             });
             $('#candidate_uuid').change();
             $('#job-description').html($('#job-description-template').render(response.data));
         })
-    });
-    $('#vacancy_uuid').change();
+    });
    $('#vacancy_uuid').change();
+});
-});
+JS;
-JS;
+$this->inlineScript()->captureEnd();
-$this->inlineScript()->captureEnd();
+?>
 ?>
                 </tr>
             {{/for}}
         {{/for}}
     </tbody>
 </table>
-</script>
 </script>

Proyectos de Subversion LeadersLinked - Backend

(root)/module/LeadersLinked/view/leaders-linked/recruitment-and-selection-interview/index.phtml – Rev 3466 → 3468