WebSVN – LeadersLinked - Backend – Diff – /module/LeadersLinked/view/leaders-linked/jobs-description/index.phtml

 $allowImport            = $acl->isAllowed($roleName, 'jobs-description/import') ? 1 : 0;
-$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
-$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
+$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
-$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-maxlenght/bootstrap-maxlength.min.js'));
+$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
 $this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-maxlenght/bootstrap-maxlength.min.js'));
 $this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
 $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'));
-$this->headLink()->appendStylesheet($this->basePath('css/jquery-sortable.css'));
-$this->inlineScript()->appendFile($this->basePath('plugins/jquery-sortable/jquery-sortable.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/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->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'));
 $this->headLink()->appendStylesheet($this->basePath('plugins/select2-bootstrap4-theme/select2-bootstrap4.css'));
+// bootbox Alert //
+$this->inlineScript()->appendFile($this->basePath('plugins/bootbox/bootbox.min.js'));
 // JsRender //
-// bootbox Alert //
+$this->inlineScript()->appendFile($this->basePath('plugins/jsrender/jsrender.min.js'));
+$this->inlineScript()->appendFile($this->basePath('plugins/orgchart/js/jquery.orgchart.js'));
+$this->headLink()->appendStylesheet($this->basePath('plugins/orgchart/css/jquery.orgchart.css'));
+$status_active = JobDescription::STATUS_ACTIVE;
+$status_inactive = JobDescription::STATUS_INACTIVE;
+$this->headStyle()->captureStart();
+echo <<<CSS
-$this->inlineScript()->appendFile($this->basePath('plugins/bootbox/bootbox.min.js'));
+div.orgchart
+{
-// JsRender //
+    width: 100%;
     var allowEdit = $allowEdit;
     var allowDelete = $allowDelete;
     var allowReport = $allowReport;
+    var datasource = {};
+    var dataactions = [];
     var oc = null;
     $.fn.renderCompetencies = function() {
                 error.insertAfter(field.parent());
+            }
+        }
     };
+    $.fn.recursiveTree = function(parent_branch, parent_item) {
+        $.each(parent_item, function(i, item) {
+            dataactions.push({
+                'uuid' : item['uuid'],
-    $.groupSortable = null;
-    $.fn.setGroupSortable = function(html) {
-        $('#ol-jobs-descriptions').html(html);
-        $.groupSortable =  $('#ol-jobs-descriptions').sortable({
-            onDragStart: function(\$item, container, _super) {
-                //\$item.find('ol.dropdown-menu').sortable('disable');
-                _super(\$item, container);
-            },
-            onDrop: function(\$item, container, _super) {
+                'link_report' : item['link_report'],
+                'link_edit' : item['link_edit'],
-                var data = $.groupSortable.sortable('serialize').get();
-                var jsonString = JSON.stringify(data, null, ' ');
+                'link_delete' : item['link_delete'],
-                $.ajax({
+            })
-                    'dataType': 'json',
-                    'accept': 'application/json',
-                    'method': 'post',
+            var branch  = {
-                    'url': '$routeDatatable',
+                'uuid' : item['uuid'],
-                    'data': {
-                        data: jsonString
-                    }
-                }).done(function(response) {
+                'name' : item['name'],
+                'children' : [
-                    if (!response['success']) {
+                ]
-                        $.fn.showError(response['data']);
-                    }
-                }).fail(function(jqXHR, textStatus, errorThrown) {
-                    $.fn.showError(textStatus);
+            }
-                })
-                //\$item.find('ol.dropdown-menu').sortable('enable');
-                _super(\$item, container);
-                //console.log($(\$item).data('id'));
-                // console.log(\$item);
-        });
+            if(item.children.length > 0) {
                 $.fn.recursiveTree(branch, item.children);
     },
-    $.fn.recursiveTree = function(items) {
+            parent_branch.children.push(branch)
         var s  = '';
-        $.each(items, function(i, item) {
+        });
             s = s + $('#listJobDescriptionTemplate').render(item);
+    }
         });
         return s;
     };
+    $.fn.refreshTree = function() {
+        NProgress.start();
+        $.ajax({
+            'dataType': 'json',
+            'accept': 'application/json',
+            'method': 'get',
+            'url': '$routeDatatable',
+        }).done(function(response) {
+            if (response['success']) {
+                if(response['data']['items'].length == 0) {
+                    $('#divNoRecordsAvailable').show();
+                } else {
+                    $('#divNoRecordsAvailable').hide();
+                }
-    $.fn.refreshTree = function() {
+                dataactions = [];
-        NProgress.start();
+                datasource = {
+                    'uuid' : 'n-a',
-        $.ajax({
+                    'name' : '$company_name',
-            'dataType': 'json',
+                    'children' : [
-            'accept': 'application/json',
+                    ]
+                }
+                $.fn.recursiveTree(datasource, response['data']['items']);
+                oc.init({ 'data': datasource });
+                oc.\$chart.find('.node').on('mouseover', function(e) {
+                    e.preventDefault();
+                    $('.horizontalEdge').hide();
+                    $('.verticalEdge').hide();
+                });
+                oc.\$chart.find('.node').on('click', function() {
+                    var message = $(this).children('.title').text();
+                    if(!allowEdit && !allowDelete && !allowReport) {
+                        return;
+                    }
-            'method': 'get',
+                    var uuid = $(this).attr('id');
+                    var link_report = '';
+                    var link_edit = '';
+                    var link_delete = '';
+                    $.each(dataactions, function(i, item) {
+                        if(uuid == item.uuid) {
+                            link_report = item.link_report;
+                            link_edit = item.link_edit;
+                            link_delete = item.link_delete;
+                        }
+                    });
+                    var buttons =  {}
+                    buttons.cancel = {
+                        label: 'LABEL_CANCEL',
+                        className: 'btn-default',
+                        callback: function(){
+                            console.log('CANCEL clicked');
+                        }
+                    };
+                    if(allowEdit && link_edit) {
+                        buttons.edit = {
+                            label: 'LABEL_EDIT',
+                            className: 'btn-edit',
+                            callback: function(){
+                                setTimeout(() => {
+                                    $.fn.editJobDescription(link_edit);
+                                },  250);
+                            }
+                        };
+                    }
+                    if(allowDelete && link_delete) {
+                        buttons.delete = {
+                            label: 'LABEL_DELETE',
+                            className: 'btn-delete',
+                            callback: function(){
+                                setTimeout(() => {
+                                    $.fn.deleteJobDescription(link_delete);
+                                },  250);
+                            }
+                        };
+                    }
+                    if(allowReport && link_report) {
+                        buttons.report = {
+                            label: 'LABEL_REPORT',
+                            className: 'btn-default',
+                            callback: function() {
+                                setTimeout(() => {
+                                    $.fn.reportJobDescription(link_report);
-            'url': '$routeDatatable',
+                                },  250);
         }).done(function(response) {
-            if (response['success']) {
+                        };
                 if(response['data'].items.length == 0) {
                     $('#divNoRecordsAvailable').show();
                 maxlength: 1024,
             },
             'status': {
                 required: false,
             },
+            'job_description_id_boss' : {
+                required: false,
+            },
         },
         submitHandler: function(form) {
             var data = {
                 name : $('#form #name').val(),
+                functions : $('#form #functions').val(),
-                functions : $('#form #functions').val(),
+                objectives : $('#form #objectives').val(),
-                objectives : $('#form #objectives').val(),
+                status :  $('#form #status').prop('checked') ?  '$status_active' : '$status_inactive',
-                status :  $('#form #status').prop('checked') ?  '$status_active' : '$status_inactive',
+                job_description_id_boss: $('#form #job_description_id_boss').val(),
     });
     $('body').on('click', 'button.btn-add-job-description', function(e) {
         e.preventDefault();
-        var link = $(this).data('link');
-        $.fn.defaultValuesAdd(link);
-        return false
-    });
-    $('body').on('click', 'i.btn-add-job-description', function(e) {
-        e.preventDefault();
-        var link = $(this).data('link');
-        $.fn.defaultValuesAdd(link);
-        return false
-    });
-    $.fn.defaultValuesAdd = function(action) {
+        var action = $(this).data('link');
-        setTimeout(() => {
-            NProgress.start();
+        NProgress.start();
-            $.ajax({
+        $.ajax({
-                'dataType': 'json',
+            'dataType': 'json',
-                'accept': 'application/json',
+            'accept': 'application/json',
-                'method': 'get',
-                'url' : action,
-            }).done(function(response) {
-                if (response['success']) {
-                    behaviors = response['data']['behaviors'];
+            'method': 'get',
+            'url' : '$routeAdd',
+        }).done(function(response) {
-                    competency_types = response['data']['competency_types'];
+            if (response['success']) {
-                    competencies = response['data']['competencies'];
+                behaviors = response['data']['behaviors'];
+                competency_types = response['data']['competency_types'];
+                competencies = response['data']['competencies'];
-                    competencies_selected = [];
+                competencies_selected = [];
-                    $.each(competencies, function(i, competency) {
+                $.each(competencies, function(i, competency) {
-                        $.each(competency.behaviors, function(j, behavior) {
+                    $.each(competency.behaviors, function(j, behavior) {
-                            competencies[i].behaviors[j].level = 0;
+                        competencies[i].behaviors[j].level = 0;
-                        });
+                    });
-                    });
+                });
-                    $.fn.renderCompetencies();
+                $.fn.renderCompetencies();
+                $.fn.comboCompetencies();
+                $('span[id="form-title"]').html('LABEL_ADD');
+                $('#form').attr('action', action);
+                $('#form #name').val('');
+                $('#form #status').bootstrapToggle('on');
+                $('#form #functions').val('');
+                $('#form #objectives').val('');
-                    $.fn.comboCompetencies();
+                $('#job_description_id_boss').empty();
-                    $('span[id="form-title"]').html('LABEL_ADD');
+                $.each(response['data']['jobs_description'], function(id, text) {
-                    $('#form').attr('action', action);
-                    $('#form #name').val('');
+                    var option = new Option(text, id, false, false);
-                    $('#form #status').bootstrapToggle('on');
+                    $('#job_description_id_boss').append(option).trigger('change');
+                });
-                    $('#form #functions').val('');
+                $('#job_description_id_boss').trigger('change');
-                    $('#form #objectives').val('');
+                $('#job_description_id_boss').val('').trigger('change');
-                    validator.resetForm();
+                validator.resetForm();
+                $('#custom-tabs #custom-tabs-general-tab').tab('show');
+                $('#row-lists').hide();
+                $('#row-form').show();
+            } else   {
+                $.fn.showError(response['data']);
+            }
+        }).fail(function(jqXHR, textStatus, errorThrown) {
+            $.fn.showError(textStatus);
+        }).always(function() {
+            NProgress.done();
+        });
+    });
+    $.fn.deleteJobDescription = function(action)
+    {
+        bootbox.confirm({
+            message: 'LABEL_ARE_YOU_SURE',
+            buttons: {
+                confirm: {
+                    label: 'LABEL_YES',
+                    className: 'btn-success'
+                },
+                cancel: {
+                    label: 'LABEL_NO',
+                    className: 'btn-danger'
+                }
+            },
+            callback: function (result) {
+                if(result) {
+                    NProgress.start();
+                    $.ajax({
+                        'dataType'  : 'json',
+                        'accept'    : 'application/json',
+                        'method'    : 'post',
+                        'url'       :  action,
-                    $('#custom-tabs #custom-tabs-general-tab').tab('show');
+                    }).done(function(response) {
-                    $('#row-lists').hide();
-                    $('#row-form').show();
+                        if(response['success']) {
-               } else   {
+                            $.fn.showSuccess(response['data']);
-                    $.fn.showError(response['data']);
+                            $.fn.refreshTree();
-                }
+                        } else {
                             $.fn.showError(response['data']);
             }).fail(function(jqXHR, textStatus, errorThrown) {
-                $.fn.showError(textStatus);
+                    }).fail(function( jqXHR, textStatus, errorThrown) {
-            }).always(function() {
+                        $.fn.showError(textStatus);
-                NProgress.done();
+                    }).always(function() {
-            });
+                        NProgress.done();
-        }, 100);
+                    });
+                }
+            }
+        });
+    }
     $.fn.editJobDescription = function(action)
     $('body').on('click', 'i.btn-edit-job-description', function(e) {
                 behaviors = response['data']['behaviors'];
                 competency_types = response['data']['competency_types'];
                 competencies = response['data']['competencies'];
+                competencies_selected = response['data']['competencies_selected'];
+                $('#job_description_id_boss').empty();
+                $.each(response['data']['jobs_description'], function(id, text) {
+                    var option = new Option(text, id, false, false);
+                    $('#job_description_id_boss').append(option).trigger('change');
+                });
+                $('#job_description_id_boss').trigger('change');
+                $('#job_description_id_boss').val(response['data']['job_description_id_boss']).trigger('change');
                 competencies_selected = response['data']['competencies_selected'];
         }).fail(function(jqXHR, textStatus, errorThrown) {
             $.fn.showError(textStatus);
         }).always(function() {
             NProgress.done();
         });
-    });
+    }
-    $('body').on('click', 'i.btn-pdf-job-description', function(e) {
-        e.preventDefault();
-        var action   = $(this).data('link');
+    $.fn.reportJobDescription = function(action)
+    {
-        window.open(action, '_blank');
-        /*
-        NProgress.start();
-        $.ajax({
-            'dataType'  : 'json',
-            'method'    : 'get',
-            'url'       :  action,
-        }).done(function(response) {
-            if(response['success']) {
-                var anchor = window.document.createElement("a");
-                anchor.href = 'data:application/octet-stream;charset=utf-8;base64,' + response['data']['content'] ;
-                anchor.download = response['data']['basename'];
-                document.body.appendChild(anchor);
-                anchor.click();  // IE: "Access is denied"; see: https://connect.microsoft.com/IE/feedback/details/797361/ie-10-treats-blob-url-as-cross-origin-and-denies-access
-                document.body.removeChild(anchor);
-            } else {
-                $.fn.showError(response['data']);
-            }
-        }).fail(function( jqXHR, textStatus, errorThrown) {
-            $.fn.showError(textStatus);
-        }).always(function() {
-            NProgress.done();
+        window.open(action, '_blank');
         });*/
     });
     $('#select-competency').select2({
         theme: 'bootstrap4',
         width: '100%',
     });
+    $('#boss_id').select2({
+        theme: 'bootstrap4',
+        width: '100%',
+    });
+    oc = $('#chart-container').orgchart({
+        'data' : datasource,
+        'nodeId': 'uuid' ,
+    });
     $.fn.refreshTree();
     $.fn.refreshTree();
         <div class="row">
             <div class="col-12">
                 <div class="card">
                     <div class="card-body">
                    	  <div id="divNoRecordsAvailable" class="text-center" style="display: none"><h3>LABEL_NO_RECORDS_AVAILABLE</h3></div>
+                   	<!--
-                   	 <div id="ol-jobs-descriptions-container" style="background-color: rgba(0, 0, 0, .03); width: 100%; height: 600px; scroll: auto; overflow: auto;">
+                   	; scroll: auto; overflow: auto;
+                   	 -->
-     					 <ol id="ol-jobs-descriptions" class="default vertical" style="padding-left: 0px;">
+                   	 <div id="chart-container" style="width: 100%; height: 600px">
             			</ol>
-                    $element = $form->get('competencies');
-                    echo $this->formHidden($element);
+                    $element = $form->get('competencies');
                     echo $this->formHidden($element);
                     ?>
                                 echo $this->formLabel($element);
                                 echo $this->formTextArea($element);
                                 ?>
+                            </div>
+                     		<div class="form-group">
+                                <?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>
                         <div class="tab-pane fade" id="custom-tabs-compentencies" role="tabpanel" aria-labelledby="custom-tabs-compentencies-tab">
                             <div class="row">
                                 <div class="col-md-8 col-sm-8 col-xs-12">

Proyectos de Subversion LeadersLinked - Backend

(root)/module/LeadersLinked/view/leaders-linked/jobs-description/index.phtml – Rev 16785 → 16787