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

 $currentUser    = $this->currentUserHelper();
 $roleName = $currentUser->getUserTypeId();
-$routeAdd       = $this->url('settings/jobs-description/add');
+$routeAdd       = $this->url('jobs-description/add');
-$routeDatatable = $this->url('settings/jobs-description');
+$routeDatatable = $this->url('jobs-description');
-$routeImport    = $this->url('settings/jobs-description/import');
+$routeImport    = $this->url('jobs-description/import');
 $routeDashboard = $this->url('dashboard');
-$allowAdd               = $acl->isAllowed($roleName, 'settings/jobs-description/add') ? 1 : 0;
+$allowAdd               = $acl->isAllowed($roleName, 'jobs-description/add') ? 1 : 0;
-$allowEdit              = $acl->isAllowed($roleName, 'settings/jobs-description/edit') ? 1 : 0;
+$allowEdit              = $acl->isAllowed($roleName, 'jobs-description/edit') ? 1 : 0;
-$allowDelete            = $acl->isAllowed($roleName, 'settings/jobs-description/delete') ? 1 : 0;
+$allowDelete            = $acl->isAllowed($roleName, 'jobs-description/delete') ? 1 : 0;
-$allowReport            = $acl->isAllowed($roleName, 'settings/jobs-description/report') ? 1 : 0;
+$allowReport            = $acl->isAllowed($roleName, 'jobs-description/report') ? 1 : 0;
-$allowImport            = $acl->isAllowed($roleName, 'settings/jobs-description/import') ? 1 : 0;
+$allowImport            = $acl->isAllowed($roleName, 'jobs-description/import') ? 1 : 0;
-// Page Styles
-//$this->headLink()->appendStylesheet($this->basePath('css/pages/self-evaluation.css'));
-$vars  = " var competencies_selected = new Array(); \r\n";
-$vars .= " var subordinates_selected = new Array(); \r\n";
-$vars .= " var behaviors = new Array(); \r\n";
-$vars .= " var subordinates = new Array(); \r\n";
-$i = 0;
-foreach ($behaviors as $record) {
-    $vars .= "  behaviors[$i] =  { uuid : '{$record['uuid']}', description :'{$record['description']}' }; \r\n ";
-    $i++;
-}
-$vars .= " var competency_types = new Array(); \r\n";
-$i = 0;
-foreach ($competency_types as $record) {
-    $vars .= "  competency_types[$i] = { uuid : '{$record['uuid']}' , name : '{$record['name']}' } ; \r\n ";
-    $i++;
-}
-$vars .= " var competencies = new Array(); \r\n";
-$i = 0;
-foreach ($competencies as $record) {
-    $vars .= "  competencies[$i] = new Object(); \r\n ";
-    $vars .= "  competencies[$i].competency_type_uuid = '{$record['competency_type_uuid']}' \r\n ";
-    $vars .= "  competencies[$i].uuid = '{$record['uuid']}' \r\n ";
-    $vars .= "  competencies[$i].name = '{$record['name']}' \r\n ";
-    $vars .= "  competencies[$i].behaviors = new Array(); \r\n";
-    $j = 0;
-    foreach ($record['behaviors_by_competency'] as $behavior_uuid) {
-        $vars .= "  competencies[$i].behaviors[$j] = '$behavior_uuid'; \r\n";
-        $j++;
-    }
-    $i++;
-}
 // Page Styles
 echo <<<JS
+jQuery(document).ready(function($) {
-jQuery(document).ready(function($) {
-    $vars
+    var competencies_selected = new Array();
+    var subordinates_selected = new Array();
+    var behaviors = new Array();
     var subordinates = new Array();
     var competency_types = new Array();
     var competencies = new Array();
+            {
                 'targets': -1,
                 'orderable': false,
                 'render': function(data, type, row) {
                     s = '';
-                    if (allowEdit) {
+                    if (allowEdit && data['link_edit']) {
                         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>&nbsp;';
+                    }
-                    if (allowDelete) {
+                    if (allowDelete && data['link_delete']) {
                         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;';
+                    }
-                    if (allowReport) {
+                    if (allowReport && data['link_report']) {
                         s = s + '<button class="btn btn-primary btn-pdf"  data-href="' + data['link_report'] + '"  data-toggle="tooltip" title="LABEL_PDF"><i class="fa fa-file-o"></i> LABEL_PDF </button>&nbsp;';
+                    }
                     return s;
+                }
+            }
             'name': {
                 required: true,
                 maxlength: 64,
             },
             'functions': {
-                updateCkeditor: function() {
-                    CKEDITOR.instances.functions.updateElement();
-                },
                 required: true,
+                maxlength: 1024,
             },
             'objectives': {
-                updateCkeditor: function() {
-                    CKEDITOR.instances.objectives.updateElement();
-                },
+               required: true,
-                required: true,
+                maxlength: 1024,
             },
             'status': {
                 required: false,
             },
             'job_description_id_boss': {
             'url': '$routeAdd',
         }).done(function(response) {
+            if (response['success']) {
+                behaviors = response['data']['behaviors'];
+                competency_types = response['data']['competency_types'];
+                competencies = response['data']['competencies'];
             if (response['success']) {
                 competencies_selected = [];
                 subordinates = [];
                 $('span[id="form-title"]').html('LABEL_ADD');
                 $('#form').attr('action', '$routeAdd');
                 $('#form #name').val('');
                 $('#form #status').bootstrapToggle('on');
-                CKEDITOR.instances.functions.setData('');
+                $('#form #functions').val('');
-                CKEDITOR.instances.objectives.setData('');
+                $('#form #objectives').val('');
                 $('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']);
+                $('#form #functions').val(response['data']['functions']);
+                $('#form #objectives').val(response['data']['objectives']);
+                behaviors = response['data']['behaviors'];
+                competency_types = response['data']['competency_types'];
-                CKEDITOR.instances.objectives.setData(response['data']['objectives']);
+                competencies = response['data']['competencies'];
                 subordinates = [];
     $('body').on('click', 'button.btn-pdf', function(e) {
         e.preventDefault();
+        var action   = $(this).data('href');
         var action   = $(this).data('href');
         NProgress.start();
         $.ajax({
             'dataType'  : 'json',
                 document.body.removeChild(anchor);
             } else {
                 $.fn.showError(response['data']);
+            }
         }).fail(function( jqXHR, textStatus, errorThrown) {
-            showError(textStatus);
+            $.fn.showError(textStatus);
         }).always(function() {
             NProgress.done();
         });
         'off': 'LABEL_INACTIVE',
         'width': '160px',
         'height': '40px'
     });
+    $('#form #functions').maxlength({
+        alwaysShow: true,
+         validate: true
+    });
+    $('#form #objectives').maxlength({
+        alwaysShow: true,
+        validate: true
+    });
     $('#form #job_description_id_boss').select2({
         theme: 'bootstrap4',
         width: '100%',
     $('#select-competency').select2({
         theme: 'bootstrap4',
         width: '100%',
     });
-    CKEDITOR.replace('functions');
     CKEDITOR.replace('objectives');
 });
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
             </div>
             <div class="modal-body">
-                <div class="form-group">
+               <div class="form-group">
-                    <label for="behavior-value">LABEL_LEVEL</label>
+                  <label for="behavior-value">LABEL_LEVEL</label>
-                    <select class="form-control" id="level" name="level">
+                  <input type="number" step="1" min="0" max="100" id="level" name="level">
-                        <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>
-                    </select>
-                </div>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-primary btn-behavior-submit">LABEL_SAVE</button>
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">LABEL_CLOSE</button>
             </div>
     </div>
     </form>
 </div>
 </div>
-<script>
-    CKEDITOR.replace('objectives', {
-        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
-    });
-    CKEDITOR.replace('functions', {
-        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
-    });
-</script>
 <!---end modal behavior --->
 <!---Template Competencies --->
 <script id="competencyTemplate" type="text/x-jsrender">
     <div class="panel panel-default panel-competency" id="panel-{{:uuid}}" data-competency="{{:uuid}}">
    <div class="panel-heading">
       <h4 class="panel-title" style="    font-size: 18px;">
          <a class="accordion-toggle" data-toggle="collapse" aria-expanded="true" data-parent="#panel-{{:uuid}}" href="#collapse-{{:uuid}}">
+         <span class="section-name{{:uuid}}">
+            {{:~getCompetencyType(competency_type_uuid).name}} - {{:~getCompetency(uuid).name}}
+         </span>
+         </a>
+      </h4>
+   </div>
+   <div id="collapse-{{:uuid}}" class="panel-collapse in collapse show">
+      <div class="panel-body">
+         <div class="table-responsive">
+            <table class="table table-bordered">
+               <thead>
+                  <tr>
+                     <th style="width: 20%;">LABEL_ELEMENT</th>
+                     <th style="width: 50%;">LABEL_TITLE</th>
+                     <th style="width: 10%;">LABEL_LEVEL</th>
+                     <th style="width: 20%;">LABEL_ACTIONS</th>
+                  </tr>
+               </thead>
+               <tbody>
+                  <tr>
+                     <td class="text-left">LABEL_COMPETENCY</td>
+                     <td class="text-left">{{:name}}</td>
+                     <td>
+                     </td>
+                     <td>
+                        <button  type="button" class="btn btn-default btn-delete-competency" data-competency="{{:uuid}}" data-toggle="tooltip"  data-original-title="LABEL_DELETE LABEL_COMPETENCY"><i class="fa fa-ban" aria-hidden="true"></i> LABEL_DELETE LABEL_COMPETENCY </button>
+                     </td>
+                  </tr>
+                  {{for behaviors}}
+                  <tr >
+                     <td class="text-left">--LABEL_BEHAVIOR</td>
+                     <td class="text-left">
+                       {{:~getBehavior(uuid).description}}
+                     </td>
+                     <td class="text-right">
+                        {{:level}}
+                     </td>
+                     <td>
+                        <button type="button"  class="btn btn-default btn-edit-behavior" data-behavior="{{:uuid}}" data-toggle="tooltip"  data-original-title="LABEL_EDIT LABEL_LEVEL"><i class="fa fa-edit" aria-hidden="true"></i> LABEL_EDIT LABEL_LEVEL</button>
+                     </td>
+                  </tr>
+                  {{/for}}
+               </tbody>
+            </table>
+         </div>
+      </div>
+   </div>
+</div>
+</script>
+<script id="competencyTemplateWithLevel" type="text/x-jsrender">
+ <div class="panel panel-default panel-competency" id="panel-{{:uuid}}" data-competency="{{:uuid}}">
+   <div class="panel-heading">
+      <h4 class="panel-title" style="    font-size: 18px;">
+         <a class="accordion-toggle" data-toggle="collapse" aria-expanded="true" data-parent="#panel-{{:uuid}}" href="#collapse-{{:uuid}}">
          <span class="section-name{{:uuid}}">
             {{:~getCompetencyType(competency_type_uuid).name}} - {{:~getCompetency(uuid).name}}
          </span>
          </a>
       </h4>

Proyectos de Subversion LeadersLinked - Backend

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