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', ['candidate_uuid' => 'UUID_PLACEHOLDER']);

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

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

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

$this->inlineScript()->appendFile($this->basePath('plugins/bootbox/bootbox.min.js'));

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

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

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

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

$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));

$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-responsive/css/responsive.bootstrap4.min.css'));

$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));

$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));

$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/dataTables.responsive.min.js'));

$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/responsive.bootstrap4.min.js'));

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

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

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

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

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

$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));

$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-checkbox/awesome-bootstrap-checkbox.css'));

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

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

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

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

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

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

$this->headLink()->appendStylesheet($this->basePath('plugins/select2-bootstrap4-theme/select2-bootstrap4.css'));

// JsRender //

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

$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( $ ) {

    $.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': '$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': 'status'

            },

            {

                'mDataProp': 'actions'

            },

        ],

        'columnDefs': [{

                'targets': 0,

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

            },

        ],

    });

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

    }

    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'),

                'data': {

                    content: JSON.stringify(getContent()),

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

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

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

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

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

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

                }

            }).done(function(response) {

                NProgress.start();

                if (response['success']) {

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

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

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

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

                } 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) {

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

        e.preventDefault();

        NProgress.start();

        $.ajax({

            'dataType': 'json',

            'accept': 'application/json',

            'method': 'get',

            'url': url,

        }).done(function(response) {

            if (response['success']) {

                var data = response.data

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

                $('#interview #status').val('');

                $('#interview #type').val('')

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

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

                $("#interview").show()

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

            } 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('url');

        e.preventDefault();

        NProgress.start();

        $.ajax({

            'dataType': 'json',

            'accept': 'application/json',

            'method': 'get',

            '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)

                $("#interview").show()

            } else {

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

            }

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

            $.fn.showError(textStatus);

        }).always(function() {

            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': $(this).data('url'),

            }).done(function (response) {

                if (response['success']) {

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

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

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

    })

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

        e.preventDefault();

    })

     /**

     * Clicked cancel new/edit Form

     */

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

        e.preventDefault();

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

    });

    /**

     * Clicked save and continue new Form

     */

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

        e.preventDefault();

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

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

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

    });

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

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

        $.ajax({

            'dataType': 'json',

            'accept': 'application/json',

            'method': 'get',

            'url': "$routeIndex" + "?vacancy_uuid=" + $('#vacancy_uuid').val(),

        }).done(function (response) {

            var data = response.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').change();

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

        })

    });

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

    $('#candidate_uuid').on('change', function () {

        const uuid = $('#candidate_uuid').val();

        const data = $('#candidate_uuid option[value="' + uuid + '"]').data()

        $('#add-button').data('url', data.addUrl)

        $("#edit-button").data('url', data.editUrl)

        $("#delete-button").data('url', data.deleteUrl)

        $("#report-button").attr('href', data.reportUrl)

        if (data.addUrl) {

            $('#add-button').show();

            $('#report-button').show();

            $('#edit-button').hide();

            $('#delete-button').hide();

        } else {

            $('#add-button').hide();

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

            $('#delete-button').show();

            $('#report-button').show();

        }

    });

});

JS;

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

?>

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

<section class="main-header">

	<div class="container-fluid">

    	<div class="row mb-2">

        	<div class="col-sm-12">

            	<h1>LABEL_INTERVIEW</h1>

			</div>

		</div>

	</div><!-- /.container-fluid -->

</section>

<section class="content">

    <div class="container-fluid">

        <div class="row">

            <div class="col-12">

                <div class="card">

                    <div class="card-header">

                        <div class="row">

                            <div class="col-md-6 col-sm-12">

                                <div class="form-group">

                                <label for="vacancy_uuid">LABEL_VACANCY</label>

                                    <select id="vacancy_uuid" name="vacancy_uuid" class="form-control">

                                        <?php foreach($this->vacancies as $vacancy): ?>

                                            <option value="<?= $vacancy->uuid ?>"><?= $vacancy->name ?></option>

                                        <?php endforeach; ?>

                                    </select>

                                </div>

                            </div>

                        </div>

                        <?php echo $this->form()->closeTag($form); ?>

                    </div>

                    <div class="card-body">

                        <table id="gridTable" class="table   table-hover">

                            <thead>

                            <tr>

                                <th>LABEL_FIRST_NAME</th>

                                <th>LABEL_LAST_NAME</th>

                                <th>LABEL_EMAIL</th>

                                <th>LABEL_ACTIONS</th>

                            </tr>

                            </thead>

                            <tbody>

                            </tbody>

                        </table>

                    </div>

                    <div class="card-footer clearfix">

                        <div style="float:right;">

                        <button id="add-button" type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</section>

<section class="main">

	<div class="container-fluid">

    	<div class="row">

        	<div class="col-12">

				<div class="card">

					<div class="card-header">

                        <div class="row">

                            <div class="col-md-6 col-sm-12">

                                <div class="form-group">

                                    <label for="candidate_uuid">LABEL_CANDIDATES</label>

                                    <select id="candidate_uuid" name="candidate_uuid" class="form-control">

                                    </select>

                                </div>

                            </div>

                            <div

                                class="col-md-12 col-sm-12"

                            >

                            </div>

                        </div>

					</div>

					<div class="card-body">

                        <div id="job-description"></div>

                   	</div>

                 </div>

            </div>

        </div>

 	</div>

</section>

<script id="job-description-template" type="text/x-jsrender">

    <div class="card">

        <div class="card-body">

            <h5 class="card-title">{{:job_description.name}}</h5>

            <p class="card-text">{{:vacancy.description}}</p>

            <p class="card-text">{{:job_description.objectives}}</p>

            <p class="card-text">{{:job_description.functions}}</p>

        </div>

    </div>

</script>

<section id="interview" style="display: none;">

	<div class="container-fluid">

    	<div class="row">

        	<div class="col-12">

                <form action="#" name="form-interview" id="form-interview">

                    <input type="hidden" name="form-continue" id="form-continue" value="0" />

			    	<div class="card">

                    <?php

                         $form->setAttributes([

                             'method' => 'post',

                             'name' => 'form-add',

                             'id' => 'form-add'

                         ]);

                         $form->prepare();

                         echo $this->form()->openTag($form);

                         ?>

			    		<div class="card-header">

                            <label>interview</label>

			    		</div>

			    		<div class="card-body">

                            <div id="competencies-job"></div>

                                <div class="form-group">

                                    <?php

                                    $element = $form->get('comment');

                                    $element->setOptions(['label' => 'LABEL_COMMENT']);

                                    $element->setAttributes(['class' => 'form-control']);

                                    echo $this->formLabel($element);

                                    echo $this->formText($element);

                                    ?>

                                </div>

                                <div class="form-group">

                                    <?php

                                    $element = $form->get('points');

                                    $element->setAttributes(['class' => 'form-control']);

                                    $element->setOptions(['label' => 'LABEL_EVALUATION']);

                                    echo $this->formLabel($element);

                                    echo $this->formSelect($element);

                                    ?>

                                </div>

                                <div class="form-group">

                                    <?php

                                    $element = $form->get('status');

                                    $element->setAttributes(['class' => 'form-control']);

                                    $element->setOptions(['label' => 'LABEL_STATUS']);

                                    echo $this->formLabel($element);

                                    echo $this->formSelect($element);

                                    ?>

                                </div>

                                <div class="form-group">

                                    <?php

                                    $element = $form->get('type');

                                    $element->setAttributes(['class' => 'form-control']);

                                    $element->setOptions(['label' => 'LABEL_INTERVIEWED_BY']);

                                    echo $this->formLabel($element);

                                    echo $this->formSelect($element);

                                    ?>

                                </div>

                            </div>

                       	</div>

                        <div class="card-footer clearfix">

                        <button type="submit" form="form-main" class="btn btn-info btn-form-save-continue">LABEL_SAVE & LABEL_CONTINUE</button>

                        <button type="button" class="btn btn-primary btn-form-save-close">LABEL_SAVE & LABEL_CLOSE</button>

                        <button type="button" class="btn btn-secondary btn-edit-cancel">LABEL_CANCEL</button>

                        </div>

                    </div>

                </form>

            </div>

        </div>

 	</div>

</section>

<script id="competenciesTemplate" type="text/x-jsrender">

<table class="table table-bordered" id="panel-{{:slug_section}}>

    <thead>

        <tr>

           <th style="width: 50%;">LABEL_ELEMENT</th>

           <th style="width: 50%;">LABEL_TITLE</th>

        </tr>

    </thead>

    <tbody>

        {{for job_description.competencies}}

            <tr>

               <td class="text-left">LABEL_COMPETENCY</td>

               <td class="text-left">{{:competency_name}}</td>

            </tr>

            {{for behaviors}}

                <tr>

                   <td class="text-left">--LABEL_CONDUCT</td>

                   <td class="text-left">

                      {{:description}}

                   </td>

                </tr>

                <tr>

                    <td colspan="2" data-competency-behavior data-competency-uuid="{{:competency_uuid}}" data-behavior-uuid="{{:uuid}}">

                        <label for="textarea-{{:competency_uuid}}-{{:uuid}}">LABEL_COMMENT</label>

                        <textarea

                            id="textarea-{{:competency_uuid}}-{{:uuid}}"

                            class="form-control"

                        ></textarea>

                        <label for="select-{{:competency_uuid}}-{{:uuid}}">LABEL_EVALUATION</label>

                        <select class="form-control" id="select-{{:competency_uuid}}-{{:uuid}}">

                            <option value="<?= $points_0 ?>"><?= $points_0 ?></option>

                            <option value="<?= $points_1 ?>"><?= $points_1 ?></option>

                            <option value="<?= $points_2 ?>"><?= $points_2 ?></option>

                            <option value="<?= $points_3 ?>"><?= $points_3 ?></option>

                            <option value="<?= $points_4 ?>"><?= $points_4 ?></option>

                        </select>

                    </td>

                </tr>

            {{/for}}

        {{/for}}

    </tbody>

</table>

</script>