Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16935 | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |

<?php
$acl = $this->viewModel()->getRoot()->getVariable('acl');
$currentUser = $this->currentUserHelper();
$roleName = $currentUser->getUserTypeId();

$params = [
    'interview_uuid' => $interview_uuid,
];

$routeAdd       = $this->url('recruitment-and-selection/interview/file/add', $params);
$routeDatatable  = $this->url('recruitment-and-selection/interview/file', $params);

$allowAdd = $acl->isAllowed($roleName, 'recruitment-and-selection/interview/file/add') ? 1 : 0;
$allowDelete = $acl->isAllowed($roleName, 'recruitment-and-selection/interview/file/delete') ? 1 : 0;
$allowEdit = $acl->isAllowed($roleName, 'recruitment-and-selection/interview/file/edit') ? 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->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/css/fileinput.min.css'));
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.css'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/piexif.js'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/sortable.js'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/fileinput.js'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/locales/es.js'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/fas/theme.js'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.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->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/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'));





$this->inlineScript()->captureStart();
echo <<<JS
    $.prototype.fileinput.Constructor.prototype["setUploadUrl"] = function(url) {
        this.uploadUrl = url;
    }


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



    var allowAdd = $allowAdd;
    var allowDelete = $allowDelete;
    var allowEdit = $allowEdit;

    var gridTable = $('#gridTable').dataTable({
        'processing': true,
        'serverSide': true,
        'searching': true,
        'order': [[1, 'asc']],
        'ordering': true,
        'ordenable': true,
        'responsive': true,
        'select': false,
        'paging': true,
        'pagingType': 'simple_numbers',
        'lengthMenu': [[10, 25, 50, -1], [10, 25, 50, 'All']],

        'ajax': {
            'url': '$routeDatatable',
            'type': 'get',
            'data': function (d) {
            },
            '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;
                    $("#user-title").text('LABEL_PSYCOPTECNICH' + ' - ' + response.data.candidate.full_name);
                } 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();
            

            $('#form-add #file').fileinput({
                theme: 'fas',
                language: 'es',
                showUpload: false,
                dropZoneEnabled: false,
                maxFileCount: 1,
                allowedFileExtensions: ['pdf', 'docx'],
            });

            $('#form-edit #file').fileinput({
                theme: 'fas',
                language: 'es',
                showUpload: false,
                initialPreviewAsData: true,
                dropZoneEnabled: false,
                maxFileCount: 1,
                allowedFileExtensions: ['pdf', 'docx'],
            });


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

                $('#form-add #title').val('');
                $('#form-add #file').fileinput('reset');
                $('#form-add #file').val('');
                CKEDITOR.instances.coment.setData('');
                validatorAdd.resetForm();
                
                $('#add-file-box').modal('show');
                return false;
            });

            $(".close-box, .btn-add-cancel").on("click", function (e) {
                e.preventDefault();
               
                $('#add-file-box').modal('hide');
                $('#edit-file-box').modal('hide');
                return false;
            });

            var validatorEdit = $('#form-edit').validate({
                debug: true,
                onclick: false,
                onkeyup: false,
                onfocusout: false,
                ignore: [],
                rules: {
                    'title': {
                        required: false,
                    },
                    'file': {
                        required: false,
                        extension: 'pdf|docx',
                        accept: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/msword,application/pdf'
                    },
                    'coment':{
                        updateCkeditor:function() {
                        CKEDITOR.instances.coment.updateElement();
                        },
                    },
                },
                submitHandler: function (form) {
                    var formdata = false;
                    if (window.FormData) {
                        formdata = new FormData(form); //form[0]);
                    }

                    $('#edit-file-box .btn-primary').prop('disabled', true);
                    
                    $.ajax({
                        'dataType': 'json',
                        'accept': 'application/json',
                        'method': 'post',
                        'url': $('#form-edit').attr('action'),
                        'data': formdata,
                        'processData': false,
                        'contentType': false,
                    }).done(function (response) {
                        if (response['success']) {
                            $.fn.showSuccess(response['data']);
                            
                            $('#edit-file-box').modal('hide');
                            gridTable.api().ajax.reload(null, false);
                        } else {
                            validatorEdit.resetForm();
                            if (jQuery.type(response['data']) == 'string') {
                                $.fn.showError(response['data']);
                            } else {
                                $.each(response['data'], function (fieldname, errors) {
                                    $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors);
                                });
                            }
                        }
                    }).fail(function (jqXHR, textStatus, errorThrown) {
                        $.fn.showError(textStatus);
                    }).always(function () {
                        $('#edit-file-box .btn-primary').prop('disabled', false);
                        NProgress.done();
                    });
                    return false;
                },
                invalidHandler: function (form, validator) {

                }
            });

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

                var url = $(this).data('href');
                $.ajax({
                    'dataType': 'json',
                    'accept': 'application/json',
                    'method': 'get',
                    'url': url,
                }).done(function (response) {
                    if (response['success']) {
                        $('#form-edit')[0].reset();

                        $('#form-edit').attr('action', url);

                        $('#form-edit #title').val(response['data']['title']);
                        $('#form-edit #coment').val(response['data']['coment']);
                        $('#form-edit #btn-cv').attr('href', response['data']['file']);

                        

                        $('#form-edit #file').fileinput('reset');
                        $('#form-edit #file').fileinput('setUploadUrl', response['data']['file'] );


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

                        $('#edit-file-box').modal('show');
                    } else {
                        validatorEdit.resetForm();
                        if (jQuery.type(response['data']) == 'string') {
                            $.fn.showError(response['data']);
                        } else {
                            $.each(response['data'], function (fieldname, errors) {
                                $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors);
                            });
                        }
                    }
                }).fail(function (jqXHR, textStatus, errorThrown) {
                    $.fn.showError(textStatus);
                }).always(function () {
                    NProgress.done();
                });
            });

            var validatorAdd = $('#form-add').validate({
                debug: true,
                onclick: false,
                onkeyup: false,
                onfocusout: false,
                ignore: [],
                rules: {
                    'title': {
                        required: true,
                        maxlength: 64,
                    },
                    'file': {
                        required: false,
                        extension: 'pdf|docx',
                        accept: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/msword,application/pdf'
                    },
                    'coment':{
                        updateCkeditor:function() {
                            CKEDITOR.instances.coment.updateElement();
                        },
                    },
                },
                submitHandler: function (form) {
                    var formdata = false;
                    if (window.FormData) {
                        formdata = new FormData(form); //form[0]);
                    }

                    $('#add-file-box .btn-primary').prop('disabled', true);
                    
                    $.ajax({
                        'dataType': 'json',
                        'accept': 'application/json',
                        'method': 'post',
                        'url': $('#form-add').attr('action'),
                        'data': formdata,
                        'processData': false,
                        'contentType': false,
                    }).done(function (response) {
                        if (response['success']) {
                            $.fn.showSuccess(response['data']);
                            
                            $('#add-file-box').modal('hide');
                            gridTable.api().ajax.reload(null, false);
                        } else {
                            validatorAdd.resetForm();
                            if (jQuery.type(response['data']) == 'string') {
                                $.fn.showError(response['data']);
                            } else {
                                $.each(response['data'], function (fieldname, errors) {
                                    $.fn.showFormErrorValidator('#form-add #' + fieldname, errors);
                                });
                            }
                        }
                    }).fail(function (jqXHR, textStatus, errorThrown) {
                        $.fn.showError(textStatus);
                    }).always(function () {
                        $('#add-file-box .btn-primary').prop('disabled', false);
                        NProgress.done();
                    });
                    return false;
                },
                invalidHandler: function (form, validator) {

                }
            });
        },
        'aoColumns': [
            { 'mDataProp': 'title' },
            { 'mDataProp': 'coment' },
            { 'mDataProp': 'actions' },
        ],
        'columnDefs': [
            {
                'targets': -1,
                'orderable': false,
                'render': function (data, type, row) {
                    s = '';

                    if (allowEdit && data['link_edit']) {
                        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 (allowDelete && data['link_delete']) {
                        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-times"></i> LABEL_DELETE </button>&nbsp;';
                    }

                    return s;
                }
            }
        ],
    });


    $('body').on('click', 'button.btn-refresh', function (e) {
        e.preventDefault();
        gridTable.api().ajax.reload(null, false);
    });

    $('body').on('click', '#go-back', function () {
        history.back();
    });

    CKEDITOR.replace('coment', {
        toolbar: [
                    { name: 'editing', items: ['Scayt'] },
                    { name: 'links', items: ['Link', 'Unlink'] },
                    { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'] },
                    { name: 'basicstyles', items: ['Bold', 'Italic', 'Strike', 'RemoveFormat'] },
                    '/',
                    { name: 'insert', items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar'] },
                    { name: 'styles', items: ['Styles', 'Format'] },
                    { name: 'tools', items: ['Maximize'] }
                ],
                removePlugins: 'elementspath,Anchor',
                heigth: 100
    });
});
JS;
$this->inlineScript()->captureEnd();
?>

<div class="container">
        <div class="card" id="">
                <div class="card-header">
                        <h6 class="card-title">LABEL_PSYCOPTECNICH</h6>
                </div>
                <div class="card-body">
                        <div class="row">
                         <div class="col-12 mt-3">
                         
                         <table id="gridTable" class="table   table-bordered">
                            <thead>
                                <tr>
                                    <th>LABEL_TITLE</th>
                                    <th>LABEL_COMMENT</th>
                                    <th>LABEL_ACTIONS</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        
                         </div>
                     </div>
                </div>
                <div class="card-footer text-right">
  <button type="button" class="btn btn-info btn-refresh"><i class="fa fa-sync"></i>
                                LABEL_REFRESH
                            </button>
                            <?php if ($allowAdd) : ?>
                                <button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i>
                                    LABEL_ADD
                                </button>
                            <?php endif; ?>
                </div>
        </div>
</div>

<!-- The Add Modal -->
<div class="modal" tabindex="-1" role="dialog" id="add-file-box">
    <div class="modal-dialog" role="document">
        <?php
        //$form = $this->formAdd;
        $form->setAttributes([
            'method' => 'post',
            'name' => 'form-add',
            'action' => $routeAdd,
            'id' => 'form-add'
        ]);
        $form->prepare();
        echo $this->form()->openTag($form);
        ?>
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">LABEL_NEW_EVALUATION</h6>
            </div>
            <div class="modal-body">
                <div class="row">
                        <div class="col-12 mt-3">
                    <?php
                    $element = $form->get('title');
                    $element->setOptions(['label' => 'LABEL_TITLE']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formText($element);
                    ?>
                    </div>
                </div>
                <div class="row">
                        <div class="col-12 mt-3">
                    <?php
                    $element = $form->get('coment');
                    $element->setAttributes(['class' => 'form-control']);
                    $element->setOptions(['label' => 'LABEL_COMMENT']);
                    echo $this->formLabel($element);
                    echo $this->formTextArea($element);
                    ?>
                    </div>
                </div>
                <div class="row">
                        <div class="col-12 mt-3">
                    <?php
                    $element = $form->get('file');
                    $element->setAttributes(['class' => 'form-control', 'accept' => 'pdf/docx']);
                    $element->setOptions(['label' => 'LABEL_FILE']);
                    echo $this->formLabel($element);
                    ?>
                    <div class="file-loading">
                        <?php echo $this->formFile($element); ?>
                    </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer text-right">
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
                <button type="button" class="btn btn-default btn-add-cancel">LABEL_CANCEL</button>
            </div>
            <?php echo $this->form()->closeTag($form); ?>
        </div>
    </div>
</div>

<!-- The Edit Modal -->
<div class="modal" tabindex="-1" role="dialog" id="edit-file-box">
    <div class="modal-dialog" role="document">
        <?php
        $form->setAttributes([
            'method' => 'post',
            'name' => 'form-edit',
            'id' => 'form-edit'
        ]);
        $form->prepare();
        echo $this->form()->openTag($form);
        ?>
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">LABEL_NEW_EVALUATION</h6>
            </div>
            <div class="modal-body">
                <div class="row">
                        <div class="col-12 mt-3">
                    <?php
                    $element = $form->get('title');
                    $element->setAttributes(['class' => 'form-control']);
                    $element->setOptions(['label' => 'LABEL_TITLE']);
                    echo $this->formLabel($element);
                    echo $this->formText($element);
                    ?>
                    </div>
                </div>
                <div class="row">
                        <div class="col-12 mt-3">
                    <?php
                    $element = $form->get('file');
                    $element->setAttributes(['class' => 'form-control', 'accept' => 'pdf/docx']);
                    $element->setOptions(['label' => 'LABEL_FILE']);
                    echo $this->formLabel($element);
                    ?>
                    <div class="file-loading">
                        <?php echo $this->formFile($element); ?>
                    </div>

                    <div class="mt-2" id="current-file">
                        <a href="" class="btn btn-primary" id="btn-cv" target="_blank">Evaluacion actual</a>
                    </div>
                    </div>
                </div>
                <div class="row">
                        <div class="col-12 mt-3">
                    <?php
                    $element = $form->get('coment');
                    $element->setAttributes(['class' => 'form-control']);
                    $element->setOptions(['label' => 'LABEL_COMMENT']);
                    echo $this->formLabel($element);
                    echo $this->formTextArea($element);
                   
                    ?>
                    </div>
                </div>
                <div class="modal-footer text-right">
                    <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
                    <button type="button" class="btn btn-default btn-add-cancel">LABEL_CANCEL</button>
                </div>
            </div>
            <?php echo $this->form()->closeTag($form); ?>
        </div>
    </div>
</div>