Rev 72 | Rev 561 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
<?phpuse LeadersLinked\Model\JobDescription;$acl = $this->viewModel()->getRoot()->getVariable('acl');$currentUser = $this->currentUserHelper();$roleName = $currentUser->getUserTypeId();$routeAdd = $this->url('settings/jobs-description/add');$routeDatatable = $this->url('settings/jobs-description');$routeDashboard = $this->url('dashboard');$allowAdd = $acl->isAllowed($roleName, 'settings/jobs-description/add') ? 1 : 0;$allowEdit = $acl->isAllowed($roleName, 'settings/jobs-description/edit') ? 1 : 0;$allowDelete = $acl->isAllowed($roleName, 'settings/jobs-description/delete') ? 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/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->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'));$status_active = JobDescription::STATUS_ACTIVE;$this->inlineScript()->captureStart();echo <<<JSjQuery( 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('.form-group').length) {error.insertAfter(element);} 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(field.parent('.form-group').length) {error.insertAfter(field);} else if(field.parent('.toggle').length) {error.insertAfter(field.parent().parent());} else {error.insertAfter(field.parent());}}};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();$('button.btn-delete').confirmation({rootSelector: 'button.btn-delete',title : 'LABEL_ARE_YOU_SURE',singleton : true,btnOkLabel: 'LABEL_YES',btnCancelLabel: 'LABEL_NO',onConfirm: function(value) {action = $(this).data('href');NProgress.start();$.ajax({'dataType' : 'json','accept' : 'application/json','method' : 'post','url' : action,}).done(function(response) {if(response['success']) {$.fn.showSuccess(response['data']);gridTable.api().ajax.reload(null, false);} else {$.fn.showError(response['data']);}}).fail(function( jqXHR, textStatus, errorThrown) {$.fn.showError(textStatus);}).always(function() {NProgress.done();});},});},'aoColumns': [{ 'mDataProp': 'name' },{ 'mDataProp': 'status' },{ 'mDataProp': 'actions' },],'columnDefs': [{'targets': 0,'className' : 'text-vertical-middle',},{'targets': -2,'orderable': false,'className' : 'text-center','render' : function ( data, type, row ) {checked = data == 'a' ? ' checked="checked" ' : '';return '<div class="checkbox checkbox-success">' +'<input class="styled" type="checkbox" ' + checked + ' disabled="disabled">' +'<label ></label></div>';}},{'targets': -1,'orderable': false,'render' : function ( data, type, row ) {s = '';if(allowEdit) {s = s + '<button class="btn btn-primary btn-edit" data-href="' + data['link_edit']+ '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pencil"></i> LABEL_EDIT </button> ';}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> ';}return s;}}],});var validator = $('#form').validate({debug: true,onclick: false,onkeyup: false,ignore: [],rules: {'name': {required: true,maxlength: 64,},'functions': {updateCkeditor:function() {CKEDITOR.instances.functions.updateElement();},required: true,},'objectives': {updateCkeditor:function() {CKEDITOR.instances.objectives.updateElement();},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']);$('#modal').modal('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('#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-add', function(e) {e.preventDefault();NProgress.start();$.ajax({'dataType' : 'json','accept' : 'application/json','method' : 'get','url' : '$routeAdd',}).done(function(response) {if(response['success']) {$('span[id="form-title"]').html('LABEL_ADD');$('#form').attr('action', '$routeAdd');$('#form #name').val('');$('#form #status').bootstrapToggle('on');CKEDITOR.instances.functions.setData('');CKEDITOR.instances.objectives.setData('');$('#tableCompetencies tbody').empty();var s = '';var first = true;$.each(response['data']['competency_types'], function(index, rowCompetencyType) {first = true;$.each(response['data']['competencies'], function(index, rowCompetency) {if(rowCompetencyType['competency_type_id'] == rowCompetency['competency_type_id']) {if(first) {first = false;s = '<tr>' +'<td><big><b>' + rowCompetencyType['name'] + '</b></big></td>' +'<td><big><b>LABEL_LEVEL</b></big></td>' +'</tr>';$('#tableCompetencies tbody').append(s)}s = '<tr>' +'<td>' + rowCompetency['name'] + '</td>' +'<td>' +'<select class="form-control" id="competency_level' + rowCompetency['competency_id'] + '" name="competency_level' + rowCompetency['competency_id'] + '">' +'<option value="0">LABEL_NA</option>' +'<option value="1">LABEL_LEVEL_ONE</option>' +'<option value="2">LABEL_LEVEL_TWO</option>' +'<option value="3">LABEL_LEVEL_THREE</option>' +'<option value="4">LABEL_LEVEL_FOUR</option>' +'</td>' +'</tr>';$('#tableCompetencies tbody').append(s)}});});$('#tableSubordinates tbody').empty();$('#job_description_id_boss option:not(:first)').remove();$.each(response['data']['jobs_description'], function(index, rowJobDescription) {$('#job_description_id_boss').append(new Option(rowJobDescription['name'], rowJobDescription['job_description_id']));s = '<tr>' +'<td>' +'<div class="custom-control custom-checkbox">' +'<input class="custom-control-input" type="checkbox" name="job_description_id_subordinate' + rowJobDescription['job_description_id'] + '" id="job_description_id_subordinate' + rowJobDescription['job_description_id'] + '" value="1">' +'<label for="job_description_id_subordinate' + rowJobDescription['job_description_id'] + '" class="custom-control-label">' + rowJobDescription['name'] + '</label>' +'</div>' +'</td>' +'</tr>';$('#tableSubordinates tbody').append(s)});validator.resetForm();$('#custom-tabs #custom-tabs-general-tab').tab('show');$('#modal').modal('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) {e.preventDefault();NProgress.start();var action = $(this).data('href');$.ajax({'dataType' : 'json','accept' : 'application/json','method' : 'get','url' : action,}).done(function(response) {if(response['success']) {$('span[id="form-title"]').html('LABEL_EDIT');$('#form').attr('action', action);$('#form #name').val(response['data']['name']);$('#form #status').bootstrapToggle(response['data']['status'] == '$status_active' ? 'on' : 'off')CKEDITOR.instances.functions.setData(response['data']['functions']);CKEDITOR.instances.objectives.setData(response['data']['objectives']);$('#tableCompetencies tbody').empty();var s = '';var first = true;$.each(response['data']['competency_types'], function(index, rowCompetencyType) {first = true;$.each(response['data']['competencies'], function(index, rowCompetency) {if(rowCompetencyType['competency_type_id'] == rowCompetency['competency_type_id']) {if(first) {first = false;s = '<tr>' +'<td><big><b>' + rowCompetencyType['name'] + '</b></big></td>' +'<td><big><b>LABEL_LEVEL</b></big></td>' +'</tr>';$('#tableCompetencies tbody').append(s)}selected_level0 = rowCompetency['level'] == 0 ? ' selected ' : '';selected_level1 = rowCompetency['level'] == 1 ? ' selected ' : '';selected_level2 = rowCompetency['level'] == 2 ? ' selected ' : '';selected_level3 = rowCompetency['level'] == 3 ? ' selected ' : '';selected_level4 = rowCompetency['level'] == 4 ? ' selected ' : '';s = '<tr>' +'<td>' + rowCompetency['name'] + '</td>' +'<td>' +'<select class="form-control" id="competency_level' + rowCompetency['competency_id'] + '" name="competency_level' + rowCompetency['competency_id'] + '">' +'<option value="0" ' + selected_level0 + '>LABEL_NA</option>' +'<option value="1" ' + selected_level1 + '>LABEL_LEVEL_ONE</option>' +'<option value="2" ' + selected_level2 + '>LABEL_LEVEL_TWO</option>' +'<option value="3" ' + selected_level3 + '>LABEL_LEVEL_THREE</option>' +'<option value="4" ' + selected_level4 + '>LABEL_LEVEL_FOUR</option>' +'</td>' +'</tr>';$('#tableCompetencies tbody').append(s)}});});$('#tableSubordinates tbody').empty();$('#job_description_id_boss option:not(:first)').remove();$.each(response['data']['jobs_description'], function(index, rowJobDescription) {$('#job_description_id_boss').append(new Option(rowJobDescription['name'], rowJobDescription['job_description_id']));checked = '';if($.isArray(response['data']['subordinates'])) {if ($.inArray(rowJobDescription['job_description_id'], response['data']['subordinates']) != -1) {checked = ' checked="checked" ';}}s = '<tr>' +'<td>' +'<div class="custom-control custom-checkbox">' +'<input class="custom-control-input" type="checkbox" ' + checked + ' name="job_description_id_subordinate' + rowJobDescription['job_description_id'] + '" id="job_description_id_subordinate' + rowJobDescription['job_description_id'] + '" value="1">' +'<label for="job_description_id_subordinate' + rowJobDescription['job_description_id'] + '" class="custom-control-label">' + rowJobDescription['name'] + '</label>' +'</div>' +'</td>' +'</tr>';$('#tableSubordinates tbody').append(s)});$('#job_description_id_boss').val(response['data']['job_description_id_boss']);validator.resetForm();$('#custom-tabs #custom-tabs-general-tab').tab('show');$('#modal').modal('show');} else {$.fn.showError(response['data']);}}).fail(function( jqXHR, textStatus, errorThrown) {$.fn.showError(textStatus);}).always(function() {NProgress.done();});});$('body').on('click', 'button.btn-refresh', function(e) {e.preventDefault();gridTable.api().ajax.reload(null, false);});$('body').on('click', 'button.btn-cancel', function(e) {e.preventDefault();$('#modal').modal('hide');$('#div-listing').show();});$('#form #status').bootstrapToggle({'on' : 'LABEL_ACTIVE', 'off' : 'LABEL_INACTIVE', 'width' : '160px', 'height' : '40px'});CKEDITOR.replace('functions');CKEDITOR.replace('objectives');});JS;$this->inlineScript()->captureEnd();?><!-- Content Header (Page header) --><section class="content-header"><div class="container-fluid"><div class="row mb-2"><div class="col-sm-12"><h1>LABEL_JOBS_DESCRIPTION</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-body"><table id="gridTable" class="table table-hover"><thead><tr><th>LABEL_NAME</th><th>LABEL_ACTIVE</th><th>LABEL_ACTIONS</th></tr></thead><tbody></tbody></table></div><div class="card-footer clearfix"><div style="float:right;"><button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></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></div></div></div></section><!-- The Modal --><div class="modal" id="modal"><div class="modal-dialog modal-xl"><div class="modal-content"><!-- Modal Header --><div class="modal-header"><h4 class="modal-title">LABEL_JOB_DESCRIPTION - <span id="form-title"></span></h4><button type="button" class="close" data-dismiss="modal">×</button></div><!-- Modal body --><div class="modal-body"><div class="card card-primary card-outline card-tabs"><div class="card-header p-0 pt-1 border-bottom-0"><ul class="nav nav-tabs" id="custom-tabs" role="tablist"><li class="nav-item"><a class="nav-link active" id="custom-tabs-general-tab" data-toggle="pill" href="#custom-tabs-general" role="tab" aria-controls="custom-tabs-general" aria-selected="true">LABEL_GENERAL</a></li><li class="nav-item"><a class="nav-link" id="custom-tabs-compentencies-tab" data-toggle="pill" href="#custom-tabs-compentencies" role="tab" aria-controls="custom-tabs-compentencies" aria-selected="false">LABEL_COMPETENCIES</a></li><li class="nav-item"><a class="nav-link" id="custom-tabs-subordinates-tab" data-toggle="pill" href="#custom-tabs-subordinates" role="tab" aria-controls="custom-tabs-subordinates" aria-selected="false">LABEL_SUBORDINATES</a></li></ul></div><div class="card-body"><?php$form = $this->form;$form->setAttributes(['method' => 'post','name' => 'form','id' => 'form']);$form->prepare();echo $this->form()->openTag($form);?><div class="tab-content" id="custom-tabs-three-tabContent"><div class="tab-pane fade show active" id="custom-tabs-general" role="tabpanel" aria-labelledby="custom-tabs-general-tab"><div class="row"><div class="col-md col-sm-12 col-12"><div class="form-group m-0"><?php$element = $form->get('name');$element->setOptions(['label' => 'LABEL_NAME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div></div><div class="col-md col-sm-12 col-12"><div class="form-group m-0"><?php$element = $form->get('job_description_id_boss');$element->setOptions(['label' => 'LABEL_BOSS']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formSelect($element);?></div></div><divclass="col-md col-sm-12 col-12 d-flex align-items-center justify-content-center"><div class="form-group m-0"><label>LABEL_STATUS</label><br /><?php$element = $form->get('status');$element->setOptions(['label' => 'LABEL_STATUS']);// echo $this->formLabel($element);echo $this->formCheckbox($element);?></div></div></div><div class="form-group"><?php$element = $form->get('functions');$element->setOptions(['label' => 'LABEL_FUNCTIONS']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formTextArea($element);?></div><div class="form-group"><?php$element = $form->get('objectives');$element->setOptions(['label' => 'LABEL_OBJECTIVES']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formTextArea($element);?></div></div><div class="tab-pane fade" id="custom-tabs-compentencies" role="tabpanel" aria-labelledby="custom-tabs-compentencies-tab"><table class="table table-hover" id="tableCompetencies"><tbody></tbody></table></div><div class="tab-pane fade" id="custom-tabs-subordinates" role="tabpanel" aria-labelledby="custom-tabs-subordinates-tab"><table class="table table-hover" id="tableSubordinates"><thead><tr><th>LABEL_SUBORDINATE</th></tr></thead><tbody></tbody></table></div></div></div><?php echo $this->form()->closeTag($form); ?><!-- /.card --></div></div><!-- Modal footer --><div class="modal-footer"><button type="submit" form="form" class="btn btn-primary">LABEL_SAVE</button><button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button></div></div></div></div>