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

 $this->inlineScript()->captureStart();
 echo <<<JS
 var competencies = [];
 var competencies_type = [];
-var dependents = [];
+var subordinates = [];
 var competencies_selected = [];
-var dependents_selected = [];
+var subordinates_selected = [];
 jQuery(document).ready(function($) {
     $.validator.setDefaults({
             },
         },
         submitHandler: function(form) {
             $("#competencies_selected").val(JSON.stringify(competencies_selected));
-            $("#dependents_selected").val(JSON.stringify(dependents_selected));
+            $("#subordinates_selected").val(JSON.stringify(subordinates_selected));
             $.ajax({
                 'dataType': 'json',
                 $('#form').attr('action', '$routeAdd');
                 $('#form #name').val('');
                 $('#form #status').bootstrapToggle('on');
                 CKEDITOR.instances.functions.setData('');
                 CKEDITOR.instances.objectives.setData('');
-                dependents_selected = [];
+                subordinates_selected = [];
                 competencies_selected = [];
                 competencies = response['data']['competencies'];
                 competencies_type = response['data']['competency_types'];
-                dependents = response['data']['jobs_description'];
+                subordinates = response['data']['jobs_description'];
                 renderData([]);
-                renderDependentData([]);
+                renderSubordinateData([]);
                 setCompetencySelect();
-                setDependentSelect();
+                setSubordinateSelect();
                 validator.resetForm();
                 $('#custom-tabs #custom-tabs-general-tab').tab('show');
                 $('#modal').modal('show');
             } else {
                 $.fn.showError(response['data']);
                 CKEDITOR.instances.objectives.setData(response['data']['objectives']);
                 $('#tableCompetencies tbody').empty();
                 competencies = response['data']['competencies'];
                 competencies_type = response['data']['competency_types'];
                 competencies_selected = response['data']['competencies_selected'];
-                dependents_selected = response['data']['dependents_selected'];
+                subordinates_selected = response['data']['subordinates_selected'];
-                dependents = response['data']['jobs_description'];
+                subordinates = response['data']['jobs_description'];
                 renderData(competencies_selected);
-                renderDependentData(dependents_selected);
+                renderSubordinateData(subordinates_selected);
                 setCompetencySelect();
-                setDependentSelect();
+                setSubordinateSelect();
                 $('#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 {
         console.log('ee')
         if ($("#select-competency").val() == "") {
             $.fn.showError('LABEL_ERROR_SELECT_COMPETENCY');
         } else {
             competencies_selected.push(competencies.filter((item) => item.competency_id == $("#select-competency").val() ? item : false)[0]);
-            $("#select-dependent").val('');
+            $("#select-subordinate").val('');
             renderData(competencies_selected);
             setCompetencySelect();
+        }
     });
     /**
-     * Clicked select dependent
+     * Clicked select subordinate
      */
-    $('body').on('click', 'button[id="btn-select-dependent"]', function(e) {
+    $('body').on('click', 'button[id="btn-select-subordinate"]', function(e) {
         console.log('ee')
-        if ($("#select-dependent").val() == "") {
+        if ($("#select-subordinate").val() == "") {
             $.fn.showError('LABEL_ERROR_SELECT_DEPENDENT');
         } else {
-            dependents_selected.push(dependents.filter((item) => item.job_description_id == $("#select-dependent").val() ? item : false)[0]);
+            subordinates_selected.push(subordinates.filter((item) => item.job_description_id == $("#select-subordinate").val() ? item : false)[0]);
-            renderDependentData(dependents_selected);
+            renderSubordinateData(subordinates_selected);
-            setDependentSelect();
+            setSubordinateSelect();
+        }
     });
     /**
-     * Clicked remove dependent
+     * Clicked remove subordinate
      */
-    $('body').on('click', 'button.btn-delete-dependent', function(e) {
+    $('body').on('click', 'button.btn-delete-subordinate', function(e) {
-        var job_description_id = $(this).data('dependent');
+        var job_description_id = $(this).data('subordinate');
         bootbox.confirm({
             title: "LABEL_DELETE LABEL_DEPENDENT",
             message: "LABEL_QUESTION_DELETE",
                     label: '<i class="fa fa-check"></i> LABEL_ACCEPT'
+                }
             },
             callback: function(result) {
                 if (result) {
-                     dependents_selected = dependents_selected.filter((item) => item.job_description_id != job_description_id);
+                     subordinates_selected = subordinates_selected.filter((item) => item.job_description_id != job_description_id);
-                     renderDependentData(dependents_selected);
+                     renderSubordinateData(subordinates_selected);
-            return setDependentSelect();
+            return setSubordinateSelect();
+                }
+            }
         });
     });
                 }));
+            }
         });
+    }
-    const setDependentSelect = () => {
+    const setSubordinateSelect = () => {
-        $('#select-dependent').children().remove();
+        $('#select-subordinate').children().remove();
-        $('#select-dependent').append($('<option>', {
+        $('#select-subordinate').append($('<option>', {
             value: '',
             text: 'LABEL_SELECT'
         }));
-        $.each(dependents, function(i, item) {
+        $.each(subordinates, function(i, item) {
             if (!filterDependedItemById(item.job_description_id)) {
-                $('#select-dependent').append($('<option>', {
+                $('#select-subordinate').append($('<option>', {
                     value: item.job_description_id,
                     text: item.name
                 }));
+            }
+    }
     /**
      * Render Competencies data
      */
-    const renderDependentData = (data) => {
+    const renderSubordinateData = (data) => {
-        $("#dependent").html($("#sectionJob").render(data));
+        $("#subordinate").html($("#sectionJob").render(data));
+    }
     /**
      * Filter competencies selected
      */
     const filterItemById = (id) => competencies_selected.filter((item) => item.competency_id == id ? item : false)[0];
      /**
      * Filter depended selected
      */
-    const filterDependedItemById = (id) => dependents_selected.filter((item) => item.job_description_id == id ? item : false)[0];
+    const filterDependedItemById = (id) => subordinates_selected.filter((item) => item.job_description_id == id ? item : false)[0];
     /**
                   </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-dependent-tab" data-toggle="pill" href="#custom-tabs-dependent" role="tab" aria-controls="custom-tabs-dependent" aria-selected="false">LABEL_SUBORDINATES</a>
+                     <a class="nav-link" id="custom-tabs-subordinate-tab" data-toggle="pill" href="#custom-tabs-subordinate" role="tab" aria-controls="custom-tabs-subordinate" aria-selected="false">LABEL_SUBORDINATES</a>
                   </li>
                </ul>
             </div>
             <div class="card-body">
                <?php
                   ]);
                   $form->prepare();
                   echo $this->form()->openTag($form);
                   ?>
-               <input type="hidden" id="dependents_selected" name="dependents_selected" value="">
+               <input type="hidden" id="subordinates_selected" name="subordinates_selected" value="">
                <input type="hidden" id="competencies_selected" name="competencies_selected" value="">
                <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">
                         <br>
                         <div class="col-md-12 col-sm-12 col-xs-12" id="competencies-job" style="margin-top: 10px;">
                         </div>
                      </div>
                   </div>
-                  <div class="tab-pane fade" id="custom-tabs-dependent" role="tabpanel" aria-labelledby="custom-tabs-dependent-tab">
+                  <div class="tab-pane fade" id="custom-tabs-subordinate" role="tabpanel" aria-labelledby="custom-tabs-subordinate-tab">
                      <div class="row">
                         <div class="col-md-8 col-sm-8 col-xs-12">
-                           <select id="select-dependent" class="form-control"></select>
+                           <select id="select-subordinate" class="form-control"></select>
                         </div>
                         <div class="col-md-4 col-sm-4 col-xs-12">
-                           <button type="button" class="btn btn-primary" id="btn-select-dependent" data-toggle="tooltip" title="LABEL_ADD ">LABEL_ADD </button>
+                           <button type="button" class="btn btn-primary" id="btn-select-subordinate" data-toggle="tooltip" title="LABEL_ADD ">LABEL_ADD </button>
                         </div>
                      </div>
                      <div class="row" >
                         <div class="col-md-12 col-sm-12 col-xs-12"  style="margin-top: 10px;">
                            <table class="table table-bordered">
                                  <tr>
                                     <th style="width: 60%;">LABEL_NAME</th>
                                     <th style="width: 20%;">LABEL_ACTIONS</th>
                                  </tr>
                               </thead>
-                              <tbody id="dependent"></tbody>
+                              <tbody id="subordinate"></tbody>
                            </table>
                         </div>
                      </div>
                   </div>
                </div>
    <script id="sectionJob" type="text/x-jsrender">
    <tr>
        <td class="text-left">{{:name}}</td>
        <td>
-           <button class="btn btn-default btn-delete-dependent" data-dependent="{{:job_description_id}}" data-toggle="tooltip"  data-original-title="LABEL_DELETE"><i class="fa fa-ban" aria-hidden="true"></i> LABEL_DELETE</button>
+           <button class="btn btn-default btn-delete-subordinate" data-subordinate="{{:job_description_id}}" data-toggle="tooltip"  data-original-title="LABEL_DELETE"><i class="fa fa-ban" aria-hidden="true"></i> LABEL_DELETE</button>
        </td>
    </tr>
     </script>

Proyectos de Subversion LeadersLinked - Backend

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