Proyectos de Subversion LeadersLinked - Backend

<?php

$acl            = $this->viewModel()->getRoot()->getVariable('acl');

$currentUser    = $this->currentUserHelper();

$roleName       = $currentUser->getUserTypeId();

$routeIndex = $this->url('recruitment-and-selection/interview/form');

$routeAdd = $this->url('recruitment-and-selection/interview/form/add', ['vacancy_uuid' => 'UUID_PLACEHOLDER']);

$routeVacancy = $this->url('recruitment-and-selection/interview/vacancy', ['vacancy_uuid' => 'UUID_PLACEHOLDER']);

$routeType = $this->url('recruitment-and-selection/interview/type', ['candidate_uuid' => 'UUID_PLACEHOLDER']);

$allowAdd = $acl->isAllowed($roleName, 'recruitment-and-selection/interview/form/add') ? 1 : 0;

$allowEdit = $acl->isAllowed($roleName, 'recruitment-and-selection/interview/form/edit') ? 1 : 0;

$allowDelete = $acl->isAllowed($roleName, 'recruitment-and-selection/interview/form/delete') ? 1 : 0;

$allowReport = $acl->isAllowed($roleName, 'recruitment-and-selection/interview/report') ? 1 : 0;

$allowFile = $acl->isAllowed($roleName, 'recruitment-and-selection/interview/file') ? 1 : 0;

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/ckeditor/ckeditor.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/jquery.validate.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/additional-methods.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/localization/messages_es.js'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.css'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.css'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net/jquery.dataTables.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/dataTables.responsive.min.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.min.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/jquery.validate.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/additional-methods.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/localization/messages_es.js'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/moment/moment-with-locales.min.js'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/select2.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/i18n/es.js'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2/css/select2.css'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2-bootstrap5-theme/select2-bootstrap-5-theme.css'));

// JsRender //

$this->inlineScript()->appendFile($this->basePath('assets/vendors/jsrender/jsrender.min.js'));

$status_acepted = \LeadersLinked\Model\RecruitmentSelectionInterview::STATUS_ACCEPTED;

$status_rejected = \LeadersLinked\Model\RecruitmentSelectionInterview::STATUS_REJECTED;

$points_0 = \LeadersLinked\Model\RecruitmentSelectionInterview::POINTS_0;

$points_1 = \LeadersLinked\Model\RecruitmentSelectionInterview::POINTS_1;

$points_2 = \LeadersLinked\Model\RecruitmentSelectionInterview::POINTS_2;

$points_3 = \LeadersLinked\Model\RecruitmentSelectionInterview::POINTS_3;

$points_4 = \LeadersLinked\Model\RecruitmentSelectionInterview::POINTS_4;

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

echo <<<CSS

CSS;

$this->headStyle()->captureEnd();

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

echo <<<JS

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

    var allowDelete = $allowDelete;

    var allowEdit = $allowEdit;

    var allowReport = $allowReport;

    var allowFile = $allowFile;

    $.validator.setDefaults({

        debug: true,

        highlight: function(element) {

            $(element).addClass('is-invalid');

        },

        unhighlight: function(element) {

            $(element).removeClass('is-invalid');

        },

        errorElement: 'span',

        errorClass: 'error invalid-feedback',

        errorPlacement: function(error, element) {

            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());

            }

        }

    });

    $.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();

        },

        'aoColumns': [

            {

                'mDataProp': function(data, type, row) {

                    return data.first_name + ' ' + data.last_name

                }

            },

            {

                'mDataProp': 'email'

            },

            {

                'mDataProp': function(data, type, row){

                    switch(data.type) {

                        case 'r':

                            return 'LABEL_HUMAN_RESOURCE'

                        case 'b':

                            return 'LABEL_BOSS_INTERVIEW'

                        default:

                            return data.type

                    }

                }

            },

            {

                'mDataProp': 'vacancy'

            },

            {

                'mDataProp': function(data, type, row){

                    switch(data.points) {

                        case '0':

                            return 'LABEL_ANOTHER'

                        case '':

                            return 'LABEL_ANOTHER'

                        case '1':

                            return '25%'

                        case '2':

                            return '50%'

                        case '3':

                            return '75%'

                        case '4':

                            return '100%'

                        default:

                            return data.points

                    }

                }

            },

            {

                'mDataProp': 'actions'

            },

        ],

        'columnDefs': [

            {

                'targets': 0,

                'className': 'text-vertical-middle',

            },

            {

                'targets': -1,

                'orderable': false,

                'render': function(data, type, row) {

                    s = '';

                    if (allowEdit) {

                        s = s + '<button class="btn btn-info btn-sm btn-edit" data-href="' + data['link_edit'] + '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pen"></i> LABEL_EDIT </button>&nbsp;';

                    }

                    if (allowFile && data['link_file']) {

                        s = s + '<button class="btn btn-info btn-sm btn-evaluation" id="btn-file" data-href="' + data['link_file']+ '" data-toggle="tooltip" title="LABEL_EVALUATION"><i class="fa fa-external-link"></i> LABEL_EVALUATION </button>&nbsp;';

                    }

                    if (allowDelete) {

                        s = s + '<button class="btn btn-danger btn-sm 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-info btn-sm 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(),

                }

            }

        ).get()

    }

    $('body').on('click', 'button.btn-evaluation', function(e) {

        e.preventDefault();

        NProgress.start();

        var action = $(this).data('href');

        window.location.href = action;

    });

    var validator = $('#form-interview').validate({

        debug: true,

        onclick: false,

        onkeyup: false,

        ignore: [],

        rules: {},

        submitHandler: function(form) {

            $.ajax({

                'dataType': 'json',

                'accept': 'application/json',

                'method': 'post',

                'url': $('#form-interview').attr('action').replaceAll('UUID_PLACEHOLDER', $('#vacancy_uuid').val()),

                'data': {

                    content: JSON.stringify(getContent()),

                    candidate_uuid: $('#candidate_uuid').val(),

                    points: $('#points').val(),

                    comment: $('#comment').val(),

                    status: $('#status').val(),

                }

            }).done(function(response) {

                NProgress.start();

                if (response['success']) {

                    $.fn.showSuccess(response['data']);

                    $('#main').hide();

                    $('#interview').hide();

                    gridTable.api().ajax.reload(null, false);

                } else {

                    validator.resetForm();

                    if (jQuery.type(response['data']) == 'string') {

                        $.fn.showError(response['data']);

                    } else {

                        $.each(response['data'], function(fieldname, errors) {

                            $.fn.showFormErrorValidator('#interview #' + fieldname, errors);

                        });

                    }

                }

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

                $.fn.showError(textStatus);

            }).always(function() {

                NProgress.done();

            });

            return false;

        },

        invalidHandler: function(form, validator) {}

    });

    $('body').on('click', 'button.btn-add', function(e) {

        $('#form-interview').attr('action', "$routeAdd")

        $('#candidate_uuid').prop('disabled', false);

        $('#vacancy_uuid').prop('disabled', false);

        $('#vacancy_uuid').change();

        $('#filter_vacancy_uuid').change();

        e.preventDefault();

        NProgress.start();

        $.ajax({

            'dataType': 'json',

            'accept': 'application/json',

            'method': 'get',

            'url': $(this).data('url'),

        }).done(function(response) {

            if (response['success']) {

                var data = response.data

                $("#form-interview #comment").val('');

                $('#form-interview #status').val('$status_acepted');

                $("#form-interview #points").val('$points_0');

                $("#content").hide();

                $("#main").show();

                validator.resetForm();

                $('#custom-tabs #custom-tabs-general-tab').tab('show');

                $('#candidate_uuid').change();

                $('#interview').show();

            } else {

                $.fn.showError(response['data']);

            }

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

            $.fn.showError(textStatus);

        }).always(function() {

            NProgress.done();

        });

    });

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

        var url = $(this).data('href');

        e.preventDefault();

        NProgress.start();

        $.ajax({

            'dataType': 'json',

            'accept': 'application/json',

            'method': 'get',

            'url': url,

        }).done(function(response) {

            if (response['success']) {

                var data = response.data

                $('#vacancy_uuid').val(data['vacancy']['uuid']);

                $('#vacancy_uuid').prop('disabled', true);

                $('#candidate_uuid').html('');

                var option = $('<option />')

                    .val(data['candidate']['uuid'])

                    .text(data['candidate']['first_name'] + ' ' + data['candidate']['last_name']);

                $('#candidate_uuid').append(option).prop('disabled', true);

                $("#form-interview #comment").val(data['interview']['comment']);

                $('#form-interview #status').val(data['interview']['status']);

                $("#form-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();

                $("#main").show()

            } else {

                $.fn.showError(response['data']);

            }

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

            $.fn.showError(textStatus);

        }).always(function() {

            NProgress.done();

        });

    });

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

        e.preventDefault();

        var action = $(this).data('href');

          swal.fire({

            title: 'LABEL_ARE_YOU_SURE',

            icon: 'question',

            cancelButtonText: 'LABEL_NO',

            showCancelButton: true,

            confirmButtonText: 'LABEL_YES'

          }).then((result) => {

            if (result.isConfirmed) {

                    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();

                    });

            }

       });

    });

    $('#filter_vacancy_uuid').change(function (e) {

        e.preventDefault();

        var uuid = e.target.value;

        gridTable.api().ajax.url("$routeIndex" + "/" + uuid);

        gridTable.api().ajax.reload(null, false);

    })

    $('body').on('click', 'button.btn-cancel', function(e) {

        e.preventDefault();

        $('#main').show();

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

        $('#div-listing').show();

    });

    $('#form-filter #filter_vacancy_uuid').change(function(e) {

        e.preventDefault();

        gridTable.api().ajax.reload(null, false);

    })

     /**

     * Clicked cancel new/edit Form

     */

    $('button.btn-edit-cancel').click(function(e) {

        e.preventDefault();

        $("#content").show();

        $("#main").hide();

    });

    /**

     * Clicked save and continue new Form

     */

    $('button.btn-form-save-continue').click(function(e) {

        e.preventDefault();

        $('#form-interview #form-continue').val('1')

        $('#form-interview').submit();

    });

    /**

     * Clicked save and close new/edit Form

     */

    $('button.btn-form-save-close').click(function(e) {

        e.preventDefault();

        $('#form-interview #form-continue').val('0')

        $("#content").show();

        $("#main").hide();

        $('#form-interview').submit();

        gridTable.api().ajax.reload(null, false);

    });

    $('#vacancy_uuid').on('change', function (event) {

        $('#candidate_uuid').html('');

        var uuid = event.target.value;

        $.ajax({

            'dataType': 'json',

            'accept': 'application/json',

            'method': 'get',

            'url':  String('$routeVacancy').replaceAll('UUID_PLACEHOLDER', uuid),

        }).done(function (response) {

            var data = response.data

            $('#candidate_uuid').change();

            $('#job-description').html($('#job-description-template').render(data));

            $("#competencies-job").html($("#competenciesTemplate").render(data))

            data.candidates.forEach(function (candidate) {

                var option = $('<option />')

                    .val(candidate.uuid)

                    .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').on('change', function(event){

        var uuid = event.target.value;

        $.ajax({

            'dataType' : 'json',

            'accept' : 'aplication/json',

            'method' : 'get',

            'url': String('$routeType').replaceAll('UUID_PLACEHOLDER', uuid),

        }).done(function (response) {

            $('#interview').html(response.data);

        })

    })

   $('#vacancy_uuid').change();

   $('#candidate_uuid').change();

   $('#filter_vacancy_uuid').change();

});

JS;

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

$jsonVacancies = json_encode($vacancies);

$js = <<<JS

	const backendVariables= {

        add_link: "$routeAdd",

        table_link: "$routeIndex",

        type_link: "$routeType",

        vacancy_link: "$routeVacancy",

        vacancies: $jsonVacancies,

        permisions: {

            allowAdd: $allowAdd,

            allowEdit: $allowEdit,

            allowDelete: $allowDelete,

            allowReport: $allowReport,

            allowFile: $allowFile

        }

	}

JS;

$this->inlineScript()->appendScript($js);

$this->inlineScript()->appendFile('/react-bundles/recruitment_and_selection/interviews/interviewsBundle.js');

?>

<!-- Content Header (Page header) -->

<div id="recruitment_and_selection-interview">

</div>