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

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

$roleName = $currentUser->getUserTypeId();

$routeDashboard = $this->url('dashboard');
$routeDatatable = $this->url('recruitment-and-selection/vacancies');
$routeAdd       = $this->url('recruitment-and-selection/vacancies/add');


$allowAdd = $acl->isAllowed($roleName, 'recruitment-and-selection/vacancies/add') ? 1 : 0;
$allowEdit = $acl->isAllowed($roleName, 'recruitment-and-selection/vacancies/edit') ? 1 : 0;
$allowDelete = $acl->isAllowed($roleName, 'recruitment-and-selection/vacancies/delete') ? 1 : 0;


$this->inlineScript()->appendFile('https://maps.googleapis.com/maps/api/js?key=' . $google_map_key . '&libraries=places');


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


$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.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/select2/css/select2.min.css'));
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2-bootstrap5-theme/select2-bootstrap-5-theme.css'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/select2.full.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->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/jquery-input-number/input-number-format.jquery.js'));

// bootbox Alert //


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


// Page Styles
$this->headLink()->appendStylesheet($this->basePath('css/pages/self-evaluation.css'));


$status_active = \LeadersLinked\Model\RecruitmentSelectionVacancy::STATUS_ACTIVE;
$status_inactive = \LeadersLinked\Model\RecruitmentSelectionVacancy::STATUS_INACTIVE;

$this->inlineScript()->captureStart();
echo <<<JS
jQuery(document).ready(function($) {



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

    
    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();
            
        },
         'aoColumns': [
                { 'mDataProp': 'name' },
                { 'mDataProp': 'job_description' },
                { 'mDataProp': 'last_date' },
                { 'mDataProp': 'status' },
                { 'mDataProp': 'actions' },
            ],
        'columnDefs': [
            {
                'targets': 0,
                'className': 'text-vertical-middle',
            },
            {
                'targets': 1,
                'className': 'text-vertical-middle',
            },
            {
                'targets': 2,
                'className': 'text-vertical-middle',
            },
             {
                'targets': 3,
                'className': 'text-vertical-middle',
            },
            {
                '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-pen"></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;
                }
            }
        ],
    });

    $.validator.addMethod('checkLocation', function (value, element, param) {
        var otherElement = $(param);
        return $.trim(otherElement.val()).length > 0;
    }, 'ERROR_PLACED_AUTOCOMPLETE_DOES_NOT_CONTAIN_GEOMETRY');


    var autocompleteLocation = new google.maps.places.Autocomplete(
        (document.getElementById('location_search')),
        {types: ['(cities)']}
    );


    $.fn.fillInAddressLocation = function() {


        var place = autocompleteLocation.getPlace();
        if (!place.geometry) {
            $.fn.showError('ERROR_PLACED_AUTOCOMPLETE_DOES_NOT_CONTAIN_GEOMETRY')
            return;
        } else {

            address1 = '';
            address2 = '';
            city1 = '';
            city2 = '';
            state = '';
            country = '';
            postal_code = '';
            
            formatted_address = place.formatted_address;
            latitude = place.geometry.location.lat();
            longitude = place.geometry.location.lng();
            var arrAddress = place.address_components;


            $.each(arrAddress, function(i, address_component) {
                if (address_component.types[0] == "route") {
                    address1 = address_component.long_name;
                }
                if (address_component.types[0] == "sublocality") {
                    address2 = address_component.long_name;
                }
                if (address_component.types[0] == "locality") {
                    city1 = address_component.long_name;
                }
                if (address_component.types[0] == "administrative_area_level_2") {
                    city2 = address_component.long_name;
                }
                if (address_component.types[0] == "administrative_area_level_1") {
                    state = address_component.long_name;
                }
                if (address_component.types[0] == "country") {
                    country = address_component.long_name;
                }
                if (address_component.types[0] == "postal_code") {
                    postal_code = address_component.long_name;
                }
            });
            
            
            $('#form #formatted_address').val(formatted_address);
            $('#form #address1').val(address1);
            $('#form #address2').val(address2);
            $('#form #city1').val(city1);
            $('#form #city2').val(city2);
            $('#form #state').val(state);
            $('#form #country').val(country);
            $('#form #postal_code').val(postal_code);
            $('#form #latitude').val(latitude);
            $('#form #longitude').val(longitude);

        }
    }



    autocompleteLocation.addListener('place_changed', $.fn.fillInAddressLocation);

        var validator = $('#form').validate({
            debug: true,
            onclick: true,
            onkeyup: false,
            ignore: [],
            rules: {
                'name': {
                    required: true,
                    maxlength: 128,
                }, 
                'job_description_id': {
                    required: true,

                },
                'job_category_id' : {
                    required: true,

                },
                'industry_id'  : {
                    required: true,

                },
                'description': {
                    updateCkeditor:function() {
                            CKEDITOR.instances.description.updateElement();
                    },
                    required: true
                },
                'location_search': {
                    required: true,
                    //checkLocation: '#form #latitude',
                },
                'last_date' : {
                    required: true,
                    
                },
                'status': {
                    required: false,
                    
                },
            },
            submitHandler: function(form)
            {

                $.ajax({
                    'dataType'  : 'json',
                    'accept'    : 'application/json',
                    'method'    : 'post',
                    'url'       :  $('#form').attr('action'),
                    'data'      :  $('#form').serialize()
                }).done(function(response) {
                    NProgress.start();
                    if(response['success']) {
                        $.fn.showSuccess(response['data']);
                        
                        $('#section-title').html('LABEL_VACANCIES');
                        $('#row-form').hide();
                        $('#row-list').show();

                        
                        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('#form #' + 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-edit', function(e) {
        e.preventDefault();
        form_id = $(this).data('id')
        var action = $(this).data('href');
        $.ajax({
            'dataType': 'json',
            'accept': 'application/json',
            'method': 'get',
            'url': action,
        }).done(function(response) {
            if (response['success']) {
                $('#section-title').html('LABEL_EDIT_VACANCY');

                $('#form').attr('action', action);
                $('#form #name').val(response['data']['name']);
                $('#form #job_description_id').val(response['data']['job_description_id']).trigger('change');
                $('#form #job_category_id').val(response['data']['job_category_id']).trigger('change');
                $('#form #industry_id').val(response['data']['industry_id']).trigger('change');
                $('#form #location_search').val(response['data']['location_search']);
                $('#form #formatted_address').val(response['data']['formatted_address']);
                $('#form #address1').val(response['data']['address1']);
                $('#form #address2').val(response['data']['address2']);
                $('#form #city1').val(response['data']['city1']);
                $('#form #city2').val(response['data']['city2']);
                $('#form #state').val(response['data']['state']);
                $('#form #country').val(response['data']['country']);
                $('#form #postal_code').val(response['data']['postal_code']);
                $('#form #latitude').val(response['data']['latitude']);
                $('#form #longitude').val(response['data']['longitude']);
                $('#form #last_date').val(response['data']['last_date']);
                $('#form #status').bootstrapToggle(response['data']['status'] == '$status_active' ? 'on' : 'off')
                CKEDITOR.instances['description'].setData(response['data']['description']);
                $('#row-list').hide();
                $('#row-form').show();
                
            } else {
                $.fn.showError(response['message']);
            }
        }).fail(function(jqXHR, textStatus, errorThrown) {
            $.fn.showError(textStatus);
        });
    });
  
    $('#form #last_date').datetimepicker({
        locale: 'es',
        format: 'DD/MM/YYYY'
    });

    $('button.btn-add').click(function(e) {
        $('#section-title').html('LABEL_NEW_VACANCY');


        $('#form').attr('action', '$routeAdd');
        $('#form #name').val('');
        $('#form #job_description_id').val('').trigger('change');
        $('#form #job_category_id').val('').trigger('change');
        $('#form #industry_id').val('').trigger('change');

        $('#form #location_search').val('');
        $('#form #address1').val('');
        $('#form #address2').val('');
        $('#form #city1').val('');
        $('#form #city2').val('');
        $('#form #state').val('');
        $('#form #country').val('');
        $('#form #postal_code').val('');
        $('#form #latitude').val('');
        $('#form #longitude').val('');

        $('#form #last_date').val('');
        $('#form #status').bootstrapToggle('on')

        CKEDITOR.instances['description'].setData('');
       
        $('#row-list').hide();
        $('#row-form').show();
        $('#form #name').focus();
        return;
    });



    
    $('button.btn-edit-cancel').click(function(e) {
        $('#row-form').hide();
        $('#row-list').show();

        $('#section-title').html('LABEL_VACANCIES');
        return;
    });

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

    });

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

    $('#job_description_id').select2({
        theme: 'bootstrap-5',
        width: '100%',
    });
    

    $('#job_category_id').select2({
        theme: 'bootstrap-5',
        width: '100%',
    });


    $('#industry_id').select2({
        theme: 'bootstrap-5',
        width: '100%',
    });


    $('#status').bootstrapToggle({
        'on': 'LABEL_ACTIVE',
        'off': 'LABEL_INACTIVE',
        'width': '160px',
        'height': '40px'
    });
   

    




    CKEDITOR.replace('description', {
        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();

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


<div class="container">
        <div class="card" id="row-list">
                <div class="card-header">
                <h6 class="card-title">LABEL_VACANCIES_TO_POSITION</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_NAME</th>
                                        <th>LABEL_JOB_DESCRIPTION</th>
                                        <th>LABEL_LAST_DATE</th>
                                <th>LABEL_STATUS</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>
        
        
        <!-- Create/Edit Form -->
        <div class="card" id="row-form" style="display: none;">
                <div class="card-header">
                        <h6 class="card-title">LABEL_EDIT_VACANCY</h6>
                </div>
                <?php 
        $form = $this->form;
        $form->setAttributes([
            'method'    => 'post',
            'name'      => 'form',
            'id'        => 'form'
        ]);
    
        $form->prepare();
        echo $this->form()->openTag($form);
        ?>
                <div class="card-body">

                <?php 
            
            $fields = ['formatted_address',
            'address1',
            'address2',
            'country',
            'state',
            'city1',
            'city2',
            'postal_code',
            'latitude',
            'longitude',
            ];
            
            foreach($fields as $field) 
            {
                $element = $form->get($field);
                echo $this->formHidden($element);
            }
                        
            ?>
                        <div class="row">
                                <div class="col-12 mt-3">
                                <?php 
                    $element = $form->get('name');
                    $element->setAttributes(['class' => 'form-control']);    
                    $element->setOptions(['label' => 'LABEL_NAME']);
                                                            
                    echo $this->formLabel($element);
                    echo $this->formText($element);
                    ?>
                        </div>
                </div>  
                        <div class="row">
                                <div class="col-12 mt-3">
                 <?php 
                 $element = $form->get('job_description_id');
                 $element->setAttributes(['class' => 'form-control']);    
                 $element->setOptions(['label' => 'LABEL_POSITION_EVALUATED']);
                                                                
                 echo $this->formLabel($element);
                 echo $this->formSelect($element);
                ?>
                        </div>
                </div>
                        <div class="row">
                                <div class="col-12 mt-3">
                 <?php 
                 $element = $form->get('job_category_id');
                 $element->setAttributes(['class' => 'form-control']);    
                 $element->setOptions(['label' => 'LABEL_JOB_CATEGORY']);
                                                                
                 echo $this->formLabel($element);
                 echo $this->formSelect($element);
                ?>
                </div>
                </div>
                        <div class="row">
                                <div class="col-12 mt-3">
                 <?php 
                 $element = $form->get('location_search');
                 $element->setAttributes(['class' => 'form-control']);    
                 $element->setOptions(['label' => 'LABEL_LOCATION']);
                                                                
                 echo $this->formLabel($element);
                 echo $this->formText($element);
                ?>
                </div>
                </div>
                        <div class="row">
                                <div class="col-12 mt-3">
                 <?php 
                 $element = $form->get('industry_id');
                 $element->setAttributes(['class' => 'form-control']);    
                 $element->setOptions(['label' => 'LABEL_INDUSTRY']);
                                                                
                 echo $this->formLabel($element);
                 echo $this->formSelect($element);
                ?>
                </div>
                </div>
                        <div class="row">
                                <div class="col-12 mt-3">
                 <?php 
                 $element = $form->get('last_date');
                 $element->setAttributes(['class' => 'form-control']);    
                 $element->setOptions(['label' => 'LABEL_LAST_DATE_OF_APPLICATION']);
                                                                
                 echo $this->formLabel($element);
                 echo $this->formText($element);
                ?>
                </div>
                </div>
                        <div class="row">
                                <div class="col-12 mt-3">
                 <?php 
                 $element = $form->get('description');
                 $element->setAttributes(['class' => 'form-control']);    
                 $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
                                                                
                 echo $this->formLabel($element);
                 echo $this->formTextArea($element);
                ?>
                </div>
                </div>
                        <div class="row">
                                <div class="col-12 mt-3">
                 <?php 
                 $element = $form->get('status');

                 echo $this->formCheckbox($element);
                ?>
                </div>
                </div>
                </div>


        <div class="card-footer text-right">
                <button type="submit" class="btn btn-primary btn-form-save-close">LABEL_SAVE</button>
             <button type="button" class="btn btn-light btn-edit-cancel">LABEL_CANCEL</button>
        </div>
        <?php echo $this->form()->closeTag($form); ?>
        </div>
</div>
Proyectos de Subversion LeadersLinked - Backend

(root)/module/LeadersLinked/view/leaders-linked/recruitment-and-selection-vacancies/index.phtml – Rev 16992
