Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16906 | Rev 16929 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
15461 efrain 1
<?php
2
 
3
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
4
$currentUser    = $this->currentUserHelper();
5
$roleName       = $currentUser->getUserTypeId();
6
 
7
$routeDatatable = $this->url( 'activities-center/recruitment-and-selection');
8
 
9
 
10
$allowTakeaTest = $acl->isAllowed($roleName, 'activities-center/recruitment-and-selection/take-a-test') ? 1 : 0;
11
$allowReport =  $acl->isAllowed($roleName, 'activities-center/recruitment-and-selection/report') ? 1 : 0;
12
 
16822 efrain 13
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
14
$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));
15461 efrain 15
 
16
 
17
 
18
 
19
 
16842 efrain 20
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-maxlength/bootstrap-maxlength.min.js'));
15461 efrain 21
 
22
 
16822 efrain 23
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/jquery.validate.js'));
24
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/additional-methods.js'));
25
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/localization/messages_es.js'));
15461 efrain 26
 
16822 efrain 27
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.css'));
28
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.css'));
15461 efrain 29
 
16822 efrain 30
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net/jquery.dataTables.js'));
31
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.js'));
32
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/dataTables.responsive.min.js'));
33
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.min.js'));
15461 efrain 34
 
35
 
16822 efrain 36
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/jquery.validate.js'));
37
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/additional-methods.js'));
38
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/localization/messages_es.js'));
15461 efrain 39
 
16822 efrain 40
$this->inlineScript()->appendFile($this->basePath('assets/vendors/moment/moment-with-locales.min.js'));
41
//$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css'));
42
//$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js'));
15461 efrain 43
 
16822 efrain 44
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-datepicker/js/bootstrap-datepicker.js'));
45
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-datepicker/js/bootstrap-datepicker.es.js'));
15461 efrain 46
 
47
 
16822 efrain 48
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-datepicker/css/bootstrap-datepicker.css'));
15461 efrain 49
 
16822 efrain 50
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2/css/select2.min.css'));
16918 efrain 51
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2-bootstrap5-theme/select2-bootstrap-5-theme.css'));
16822 efrain 52
$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/select2.min.js'));
53
 
15461 efrain 54
// JsRender //
16822 efrain 55
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jsrender/jsrender.min.js'));
15461 efrain 56
 
16822 efrain 57
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
58
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
15461 efrain 59
 
60
 
61
 
62
 
16804 efrain 63
 
16822 efrain 64
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-input-number/input-number-format.jquery.js'));
16804 efrain 65
 
16822 efrain 66
 
67
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-wizard/jquery.smartWizard.min.js'));
68
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/jquery-wizard/smart_wizard_all.min.css'));
69
 
16843 efrain 70
//$this->headLink()->appendStylesheet($this->basePath('css/activity-center-accordion.css'));
16804 efrain 71
 
15461 efrain 72
$this->inlineScript()->captureStart();
73
echo <<<JS
74
 
75
 
76
jQuery( document ).ready(function( $ ) {
77
 
78
    var allowTakeaTest = $allowTakeaTest;
79
    var allowReport = $allowReport
80
 
81
    var competencies_selected = new Array();
82
    var subordinates_selected = new Array();
83
 
84
    var competency_types = new Array();
85
    var competencies = new Array();
86
    var behaviors = new Array();
87
 
88
 
89
    $.fn.renderJobDescription = function(data) {
90
 
91
        $('#div-job-description').html($('#job-description-template').render(data));
92
    }
93
 
94
 
95
    $.fn.renderCompetencies = function() {
96
 
97
        if(competencies_selected.length > 0) {
98
 
16804 efrain 99
             $('#accordion').html($('#competencyTemplate').render(competencies_selected, {
15461 efrain 100
                getCompetencyType: (uuid) => competency_types.filter((item) => item.uuid == uuid ? item : false)[0],
101
                getCompetency: (uuid) => competencies.filter((item) => item.uuid == uuid ? item : false)[0],
102
                getBehavior: (uuid) => behaviors.filter((item) => item.uuid == uuid ? item : false)[0]
103
            }));
104
        } else {
16804 efrain 105
             $('#accordion').empty();
106
        }
15461 efrain 107
 
16804 efrain 108
    	$('.collapse.show').each(function(){
109
    		$(this).siblings('.card-header').find('.btn i').attr('class', 'fa fa-minus');
110
    	});
111
 
112
    	$('.collapse').on('show.bs.collapse', function(){
113
        	$(this).parent().find('.card-header .btn i').attr('class', 'fa fa-minus');
114
    	}).on('hide.bs.collapse', function(){
115
    		$(this).parent().find('.card-header .btn i').attr('class', 'fa fa-plus');
116
    	});
15461 efrain 117
    }
118
 
119
 
120
 
121
    $.validator.setDefaults({
122
        debug: true,
123
        highlight: function(element) {
124
            $(element).addClass('is-invalid');
125
        },
126
        unhighlight: function(element) {
127
            $(element).removeClass('is-invalid');
128
        },
129
        errorElement: 'span',
130
        errorClass: 'error invalid-feedback',
131
        errorPlacement: function(error, element) {
132
            if(element.parent('.form-group').length) {
133
                error.insertAfter(element);
134
            } else if(element.parent('.toggle').length) {
135
                error.insertAfter(element.parent().parent());
136
            } else {
137
                error.insertAfter(element.parent());
138
            }
139
        }
140
    });
141
 
142
 
143
 
144
    $.fn.showFormErrorValidator = function(fieldname, errors) {
145
        var field = $(fieldname);
146
        if(field) {
147
            $(field).addClass('form-group-has-error');
148
 
149
            var error = $('<div id="' + fieldname +'-error" class="form-group-invalid-feedback">' + errors + '</div>');
150
            if(field.parent('.form-group').length) {
151
                error.insertAfter(field.parent());
152
            } else {
153
                error.insertAfter(field);
154
            }
155
        }
156
    };
157
 
158
 
159
 
160
        var gridTable = $('#gridTable').dataTable( {
161
            'processing': true,
162
            'serverSide': true,
163
            'searching': true,
164
            'search' : {
165
                'search' : '$search',
166
            },
167
 
168
            'order': [[ 1, 'asc' ]],
169
            'ordering':  true,
170
            'ordenable' : true,
171
            'responsive': true,
172
            'select' : false,
173
                'paging': true,
174
            'pagingType': 'simple_numbers',
175
            'lengthMenu': [ [10, 25, 50, -1], [10, 25, 50, 'All'] ],
176
 
177
                'ajax': {
178
                        'url' : '$routeDatatable',
179
                        'type' : 'get',
180
                'data': function ( d ) {
181
 
182
 
183
                },
184
                'beforeSend': function (request) {
185
                  NProgress.start();
186
                },
187
                'dataFilter': function(response) {
188
                    var response = jQuery.parseJSON( response );
189
 
190
                    var json                = {};
191
                    json.recordsTotal       = 0;
192
                    json.recordsFiltered    = 0;
193
                    json.data               = [];
194
 
195
                    if(response.success) {
196
                                               json.recordsTotal       = response.data.total;
197
                        json.recordsFiltered    = response.data.total;
198
                        json.data               = response.data.items;
199
                    } else {
200
                        $.fn.showError(response.data)
201
                    }
202
 
203
                    return JSON.stringify( json );
204
                }
205
                },
206
            'language' : {
207
                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',
208
                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',
209
                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',
210
                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',
211
                'sInfo':           'LABEL_DATATABLE_SINFO',
212
                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',
213
                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',
214
                'sInfoPostFix':    '',
215
                'sSearch':         'LABEL_DATATABLE_SSEARCH',
216
                'sUrl':            '',
217
                'sInfoThousands':  ',',
218
                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
219
                'oPaginate': {
220
                    'sFirst':    'LABEL_DATATABLE_SFIRST',
221
                    'sLast':     'LABEL_DATATABLE_SLAST',
222
                    'sNext':     'LABEL_DATATABLE_SNEXT',
223
                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
224
                },
225
                'oAria': {
226
                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',
227
                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
228
                },
229
            },
230
            'drawCallback': function( settings ) {
231
                NProgress.done();
16822 efrain 232
 
15461 efrain 233
 
234
 
235
            },
236
            'aoColumns': [
237
                { 'mDataProp': 'last_date' },
238
                { 'mDataProp': 'type' },
239
                { 'mDataProp': 'vacancy' },
240
                { 'mDataProp': 'candidate' },
241
                { 'mDataProp': 'status' },
242
 
243
            ],
244
            'columnDefs': [
245
                {
246
                    'targets': 1,
247
                    'render' : function ( data, type, row ) {
248
                        var s = row['type'];
249
 
250
                        if (allowTakeaTest && row['actions']['link_take_a_test']) {
251
 
16906 efrain 252
                            s = s + '<br><button class="btn btn-default btn-take-the-test" data-href="' + row['actions']['link_take_a_test'] + '" data-toggle="tooltip" title="LABEL_PERFORMANCE_EVALUATION_TAKE_TEST"><i class="fa fa-pen"></i> LABEL_PERFORMANCE_EVALUATION_TAKE_TEST </button>&nbsp;';
15461 efrain 253
                        }
254
 
255
                        if (allowReport && row['actions']['link_pdf']) {
256
                            s = s + '<br><button class="btn btn-default btn-pdf" data-href="' + row['actions']['link_pdf'] + '" data-toggle="tooltip" title="LABEL_PDF"><i class="fa fa-pdf"></i> LABEL_PDF </button>&nbsp;';
257
                        }
258
 
259
                        return s;
260
 
261
 
262
                     }
263
                },
264
 
265
 
266
              ],
267
        });
268
 
269
 
270
 
271
    $('body').on('click', 'button.btn-save', function(e) {
272
        e.preventDefault();
273
 
274
        var ok = $('#comment').val().trim().length > 0
275
        $.each($('input.input-behavior-comment'), function(index, element) {
276
            ok = ok && $(element).val().trim().length > 0;
277
        });
278
 
279
        if(!ok) {
280
            $.fn.showError('ERROR_PERFORMANCE_SOMEONE_COMMENT_IS_EMPTY');
281
            return false;
282
        }
283
 
16822 efrain 284
          swal.fire({
285
            title: 'LABEL_ARE_YOU_SURE',
15461 efrain 286
            message: 'LABEL_RECRUITMENT_AND_SELECTION_TEST_IS_COMPLETED',
16822 efrain 287
            icon: 'question',
288
            cancelButtonText: 'LABEL_NO',
289
            showCancelButton: true,
290
            confirmButtonText: 'LABEL_YES'
291
          }).then((result) => {
292
            if (result.isConfirmed) {
293
 
294
 
15461 efrain 295
                    var data = new Array()
296
                    data['status'] = $('#status').val();
297
                    data['comment'] = $('#comment').val().trim();
298
                    data['points'] = $('#points').val();
299
                    $.each($('input.input-behavior-comment'), function(index, element) {
300
                        k = $(this).attr('name');
301
                        v = $(this).val().trim();
302
 
303
                        data[k] = v;
304
                    });
305
                    $.each($('input.input-behavior-level'), function(index, element) {
306
                        k = $(this).attr('name');
307
                        v = $(this).val();
308
 
309
                        data[k] = v;
310
                    });
311
 
312
 
313
 
314
                    var action = $('#form').attr('action');
315
                    $.ajax({
316
                        'dataType': 'json',
317
                        'accept': 'application/json',
318
                        'method': 'post',
319
                        'url': action,
320
                        'data' : $('#form').serialize()
321
                    }).done(function(response) {
322
                        if (response['success']) {
323
                            $('#row-test').hide();
324
                            $('#row-header').show();
325
                            $('#row-table').show();
326
 
327
                            gridTable.api().ajax.reload(null, false);
328
                        } else {
329
                            $.fn.showError(response['data']);
330
                        }
331
                    }).fail(function(jqXHR, textStatus, errorThrown) {
332
                        $.fn.showError(textStatus);
333
                    });
16843 efrain 334
 
15461 efrain 335
            }
336
        });
337
 
338
 
339
    });
340
 
341
    $('body').on('click', 'button.btn-refresh', function(e) {
342
        e.preventDefault();
343
        gridTable.api().ajax.reload(null, false);
344
    });
345
 
346
 
347
   $('body').on('click', 'button.btn-pdf', function(e) {
348
        e.preventDefault();
349
        var action   = $(this).data('href');
350
 
351
 
352
        NProgress.start();
353
        $.ajax({
354
            'dataType'  : 'json',
355
            'method'    : 'get',
356
            'url'       :  action,
357
        }).done(function(response) {
358
            if(response['success']) {
359
                var anchor = window.document.createElement("a");
360
                anchor.href = 'data:application/octet-stream;charset=utf-8;base64,' + response['data']['content'] ;
361
                anchor.download = response['data']['basename'];
362
                document.body.appendChild(anchor);
363
                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
364
                document.body.removeChild(anchor);
365
            } else {
366
                $.fn.showError(response['data']);
367
            }
368
        }).fail(function( jqXHR, textStatus, errorThrown) {
369
            $.fn.showError(textStatus);
370
        }).always(function() {
371
            NProgress.done();
372
        });
373
 
374
 
375
 
376
    });
377
 
378
    $('body').on('click', 'button.btn-cancel', function(e) {
379
        e.preventDefault();
380
 
381
        $('#row-test').hide();
382
        $('#row-header').show();
383
        $('#row-table').show();
384
 
385
    });
386
 
387
 
388
    $('body').on('click', 'button.btn-take-the-test', function(e) {
389
        e.preventDefault();
390
 
391
        var action   = $(this).data('href');
392
        $.getJSON(action, function(response) {
393
            if(response['success']) {
394
 
395
                $('#form').attr('action', action);
396
 
397
                behaviors = response['data']['behaviors'];
398
                competency_types = response['data']['competency_types'];
399
                competencies = response['data']['competencies'];
400
                competencies_selected = response['data']['competencies_selected'];
401
                subordinates_selected = response['data']['subordinates_selected'];
402
 
403
                $.fn.renderCompetencies();
404
 
16843 efrain 405
                $('#form-title').html( response['data']['name'])
15461 efrain 406
 
16843 efrain 407
 
15461 efrain 408
                var data = {
409
                    name: response['data']['name'],
410
                    functions : response['data']['functions'],
411
                    objectives : response['data']['objectives'],
412
                    form : response['data']['form'],
413
                    type : response['data']['type'],
414
                    interviewer : response['data']['interviewer'],
415
                    candidate : response['data']['candidate'],
416
                    last_date : response['data']['last_date'],
417
                }
418
                $.fn.renderJobDescription(data);
419
 
420
 
421
 
422
                $('input.input-behavior-level').inputNumberFormat({decimal: 0});
423
                $('input.input-behavior-level').change(function(e) {
424
                    e.preventDefault();
425
 
426
                    var v = parseInt($(this).val());
427
                    if(isNaN(v)) {
428
                        $(this).val('0');
429
                    } else {
430
                        if(v > 100) {
431
                            $(this).val('100');
432
                        }
433
                    }
434
                });
435
 
436
 
437
                $('#comment').val('');
438
                $('#points').val('');
439
                $('#row-header').hide();
440
                $('#row-table').hide();
441
                $('#row-test').show();
442
 
16804 efrain 443
                $('#stepwizard').smartWizard('reset');
444
 
15461 efrain 445
 
446
            } else {
447
                $.fn.showError(response['data'])
448
            }
449
        }).fail(function( jqXHR, textStatus, errorThrown) {
450
                    $.fn.showError(textStatus);
451
                }).always(function() {
452
                    NProgress.done();
453
                });
454
 
455
 
456
    });
457
 
16822 efrain 458
    $('body').on('click', 'button.btn-delete', function(e) {
459
        e.preventDefault();
460
        var action = $(this).data('href');
15461 efrain 461
 
16822 efrain 462
 
463
          swal.fire({
464
            title: 'LABEL_ARE_YOU_SURE',
465
            icon: 'question',
466
            cancelButtonText: 'LABEL_NO',
467
            showCancelButton: true,
468
            confirmButtonText: 'LABEL_YES'
469
          }).then((result) => {
470
            if (result.isConfirmed) {
471
 
472
                    NProgress.start();
473
                    $.ajax({
474
                        'dataType'  : 'json',
475
                        'accept'    : 'application/json',
476
                        'method'    : 'post',
477
                        'url'       :  action,
478
                    }).done(function(response) {
479
                        if(response['success']) {
480
                            $.fn.showSuccess(response['data']);
481
                            gridTable.api().ajax.reload(null, false);
482
                        } else {
483
                            $.fn.showError(response['data']);
484
                        }
485
                    }).fail(function( jqXHR, textStatus, errorThrown) {
486
                        $.fn.showError(textStatus);
487
                    }).always(function() {
488
                        NProgress.done();
489
                    });
490
            }
491
       });
492
 
493
    });
494
 
15461 efrain 495
    $('#form #comment').maxlength({
496
        alwaysShow: true,
497
        validate: true
498
    });
499
 
500
 
501
 
502
    $('#points').inputNumberFormat({decimal: 0});
503
    $('#points').change(function(e) {
504
        e.preventDefault();
505
 
506
        var v = parseInt($(this).val());
507
        if(isNaN(v)) {
508
            $(this).val('0');
509
        } else {
510
            if(v > 100) {
511
                $(this).val('100');
512
            }
513
        }
514
    });
515
 
16804 efrain 516
    $('#stepwizard').smartWizard({
517
        selected: 0,
518
        // autoAdjustHeight: false,
519
        theme: 'arrows', // basic, arrows, square, round, dots
520
        transition: {
521
            animation:'none'
522
        },
523
        lang: {
524
            next: 'LABEL_NEXT',
525
            previous: 'LABEL_PREVIOUS',
526
        },
527
        toolbar: {
528
            showNextButton: true, // show/hide a Next button
529
            showPreviousButton: true, // show/hide a Previous button
530
            position: 'bottom', // none/ top/ both bottom
531
            extraHtml: `<button type="button" class="btn btn-primary btn-save">LABEL_SAVE</button>`
16822 efrain 532
                + `<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>`
16804 efrain 533
        },
534
        anchor: {
535
            enableNavigation: true, // Enable/Disable anchor navigation
536
            enableNavigationAlways: false, // Activates all anchors clickable always
537
            enableDoneState: true, // Add done state on visited steps
538
            markPreviousStepsAsDone: true, // When a step selected by url hash, all previous steps are marked done
539
            unDoneOnBackNavigation: true, // While navigate back, done state will be cleared
540
            enableDoneStateNavigation: true // Enable/Disable the done state navigation
541
        },
542
    });
543
 
544
    $('#stepwizard').smartWizard('reset');
545
 
15461 efrain 546
 
547
});
548
JS;
549
$this->inlineScript()->captureEnd();
550
?>
551
 
16843 efrain 552
 <div class="container">
553
	<div class="card" id="row-table">
554
		<div class="card-header">
555
			LABEL_RECRUITMENT_AND_SELECTION
556
		</div>
557
  		<div class="card-body">
558
         	<div class="row">
559
         		<div class="col-12 mt-3">
16845 efrain 560
         		   <table id="gridTable" class="table   table-bordered">
15461 efrain 561
                            <thead>
562
                                <tr>
16843 efrain 563
									<th style="width:15%">LABEL_LAST_DATE</th>
15461 efrain 564
                                    <th style="width:35%">LABEL_TYPE</th>
565
                                    <th style="width:35%">LABEL_VACANCY</th>
566
                                    <th style="width:35%">LABEL_CANDIDATE</th>
567
 
568
                                    <th style="width:15%">LABEL_STATUS</th>
569
 
570
                                </tr>
571
                            </thead>
572
                            <tbody></tbody>
16843 efrain 573
           			</table>
574
         		</div>
575
         	</div>
576
 		</div>
577
 		<div class="card-footer text-right">
578
			<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
579
   		</div>
580
	</div>
16804 efrain 581
   				<?php
582
                $form->setAttributes([
583
                    'method' => 'post',
584
                    'name' => 'form',
585
                    'id' => 'form',
586
                ]);
587
                $form->prepare();
588
                echo $this->form()->openTag($form);
589
                ?>
16843 efrain 590
 
591
 
592
	<div class="row" id="row-test" style="display: none;">
593
		<div class="col-12 mt-3">
594
 
16845 efrain 595
				<h6 class="text-center" id="form-title"></h6>
16843 efrain 596
 
16804 efrain 597
 
598
        		<div id="stepwizard" class="border border-gray p-4 mt-2">
599
            		<ul class="nav">
600
                    	<li class="nav-item">
601
                        	<a class="nav-link" href="#step-1">
602
                            	<div class="num">1</div>
603
                              	LABEL_GENERAL
604
                         	</a>
605
                    	</li>
606
                        <li class="nav-item">
607
                        	<a class="nav-link" href="#step-2">
608
                            	<div class="num">2</div>
609
                               	LABEL_COMPETENCIES
610
                            </a>
611
                    	</li>
612
                        <li class="nav-item">
613
                        	<a class="nav-link" href="#step-3">
614
                            	<span class="num">3</span>
615
                              	LABEL_CONCLUTION
616
                            </a>
617
                     	</li>
618
  					</ul>
619
                    <div class="tab-content">
620
    					<div id="step-1" class="tab-pane" role="tabpanel" aria-labelledby="step-1">
16843 efrain 621
                           	<div class="row">
622
                             	<div class="col-mt-3">
623
    								<h5 id="interview"></h5>
624
                                	<div id="div-job-description"></div>
16804 efrain 625
    							</div>
626
    						</div>
627
            			</div>
628
            		    <div id="step-2" class="tab-pane" role="tabpanel" aria-labelledby="step-2">
16843 efrain 629
                           	<div class="row">
630
                             	<div class="col-mt-3">
631
                         		 	<div class="accordion" id="accordion" style="height: 500px; overflow-y: auto;"></div>
16804 efrain 632
                            	</div>
633
                          	</div>
634
    					</div>
635
						<div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3">
16843 efrain 636
							<div class="row">
637
                                	<div class="col-mt-3">
638
                                	<?php
639
                                    $element = $form->get('comment');
640
                                    $element->setOptions(['label' => 'LABEL_COMMENT']);
641
                                    $element->setAttributes(['class' => 'form-control']);
642
                                    echo $this->formLabel($element);
643
                                    echo $this->formTextArea($element);
644
                                    ?>
645
                         		</div>
646
                         	</div>
647
                  			<div class="row">
648
                                	<div class="col-mt-3">
649
                              		<?php
650
                                    $element = $form->get('points');
651
                                    $element->setAttributes(['class' => 'form-control']);
652
                                    $element->setOptions(['label' => 'LABEL_EVALUATION']);
653
                                    echo $this->formLabel($element);
654
                                    echo $this->formNumber($element);
655
                                    ?>
656
                            	</div>
16804 efrain 657
                   			</div>
16843 efrain 658
                  			<div class="row">
659
                                	<div class="col-mt-3">
660
                        			<?php
661
                                    $element = $form->get('status');
662
                                    $element->setOptions(['label' => 'LABEL_STATUS']);
663
                                    $element->setAttributes(['class' => 'form-control']);
664
                                    echo $this->formLabel($element);
665
                                    echo $this->formSelect($element);
666
                                    ?>
667
                            	</div>
16804 efrain 668
                   			</div>
669
						</div>
670
					</div>
671
            	</div>
672
        	</div>
673
			<?php echo $this->form()->closeTag($form); ?>
674
		</div>
16822 efrain 675
 
676
</div>
677
 
678
 
15461 efrain 679
 
680
<script id="job-description-template" type="text/x-jsrender">
681
    <div class="card">
682
        <div class="card-body">
683
            <table class="table table-bordered">
684
                <tr>
685
                    <th>LABEL_LAST_DATE</th>
686
                    <th>LABEL_TYPE</th>
687
                </tr>
688
                <tr>
689
                    <td>{{:last_date}}</td>
690
                    <td>{{:type}}</td>
691
                </tr>
692
 
693
                <tr>
694
                    <th>LABEL_INTERVIEWED_BY</th>
695
                    <th>LABEL_CANDIDATE</th>
696
                </tr>
697
                <tr>
698
                    <td>{{:interviewer}}</td>
699
                    <td>{{:candidate}}</td>
700
                </tr>
701
            </table>
702
            <br/>
703
 
704
            <p class="card-text"><b>LABEL_OBJECTIVES</b></p>
705
            <p class="card-text">{{:objectives}}</p>
706
            <p class="card-text"><b>LABEL_FUNCTIONS</b></p>
707
            <p class="card-text">{{:functions}}</p>
708
 
709
        </div>
710
    </div>
711
</script>
712
 
713
 
714
<script id="competencyTemplate" type="text/x-jsrender">
16843 efrain 715
  <div class="accordion-item">
716
    <h2 class="accordion-header" id="heading-{{:uuid}}">
717
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{:uuid}}" aria-expanded="true" aria-controls="collapseOne">
718
        {{:~getCompetencyType(competency_type_uuid).name}} - {{:~getCompetency(uuid).name}}
719
      </button>
720
    </h2>
721
    <div id="collapse-{{:uuid}}" class="accordion-collapse collapse " aria-labelledby="headingOne" data-bs-parent="#accordion">
722
      <div class="accordion-body">
723
 
16804 efrain 724
        <div class="card-body">
725
            <div class="table-responsive">
726
                <table class="table table-bordered">
727
                    <thead>
728
                        <tr>
729
                            <th style="width: 30%;">LABEL_ELEMENT</th>
730
                            <th style="width: 50%;">LABEL_TITLE</th>
731
                            <th style="width: 10%;">LABEL_LEVEL</th>
732
                            <th style="width: 10%;">LABEL_POINTS</th>
733
                         </tr>
734
                    </thead>
735
                    <tbody>
736
                        <tr>
737
                            <td class="text-left">LABEL_COMPETENCY</td>
738
                            <td class="text-left">{{:name}}</td>
739
                            <td>&nbsp;</td>
740
                            <td>&nbsp;</td>
741
                        </tr>
742
                        {{for behaviors}}
743
                        <tr >
744
                            <td class="text-left">--LABEL_BEHAVIOR</td>
745
                            <td class="text-left">
746
                                {{:~getBehavior(uuid).description}}
747
                            </td>
748
                            <td class="text-right">
749
                                {{:level}}
750
                            </td>
751
                            <td class="text-right">
752
                                <input type="number" class="form-control input-behavior-level " value="0" step="1" min="0" max="100" name="{{:competency_uuid}}-{{:uuid}}-points" id="{{:competency_uuid}}-{{:uuid}}-points" ></input>
753
                            </td>
754
                        </tr>
755
                        <tr >
756
                            <td colspan="4">
757
                            LABEL_COMMENT
758
                            <input type="text" class="form-control input-behavior-comment" value="" maxlength="128" name="{{:competency_uuid}}-{{:uuid}}-comment" id="{{:competency_uuid}}-{{:uuid}}-comment" ></input>
759
                            </td>
760
                        </tr >
15461 efrain 761
 
16804 efrain 762
                        {{/for}}
763
                    </tbody>
764
                </table>
765
            </div>
16843 efrain 766
 
767
 
768
      </div>
16804 efrain 769
    </div>
16843 efrain 770
  </div>
15461 efrain 771
 
16843 efrain 772
 
773
 
774
 
16804 efrain 775
</script>
15461 efrain 776
 
16804 efrain 777