Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16822 | Rev 16843 | 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'));
51
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2-bootstrap4-theme/select2-bootstrap4.min.css'));
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
 
16804 efrain 70
$this->headLink()->appendStylesheet($this->basePath('css/activity-center-accordion.css'));
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
 
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-pencil"></i> LABEL_PERFORMANCE_EVALUATION_TAKE_TEST </button>&nbsp;';
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
                    });
334
                }
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
 
16804 efrain 405
                $('#form-title').html( response['data']['form'])
15461 efrain 406
 
407
                var data = {
408
                    name: response['data']['name'],
409
                    functions : response['data']['functions'],
410
                    objectives : response['data']['objectives'],
411
                    form : response['data']['form'],
412
                    type : response['data']['type'],
413
                    interviewer : response['data']['interviewer'],
414
                    candidate : response['data']['candidate'],
415
                    last_date : response['data']['last_date'],
416
                }
417
                $.fn.renderJobDescription(data);
418
 
419
 
420
 
421
                $('input.input-behavior-level').inputNumberFormat({decimal: 0});
422
                $('input.input-behavior-level').change(function(e) {
423
                    e.preventDefault();
424
 
425
                    var v = parseInt($(this).val());
426
                    if(isNaN(v)) {
427
                        $(this).val('0');
428
                    } else {
429
                        if(v > 100) {
430
                            $(this).val('100');
431
                        }
432
                    }
433
                });
434
 
435
 
436
                $('#comment').val('');
437
                $('#points').val('');
438
                $('#row-header').hide();
439
                $('#row-table').hide();
440
                $('#row-test').show();
441
 
16804 efrain 442
                $('#stepwizard').smartWizard('reset');
443
 
15461 efrain 444
 
445
            } else {
446
                $.fn.showError(response['data'])
447
            }
448
        }).fail(function( jqXHR, textStatus, errorThrown) {
449
                    $.fn.showError(textStatus);
450
                }).always(function() {
451
                    NProgress.done();
452
                });
453
 
454
 
455
    });
456
 
16822 efrain 457
    $('body').on('click', 'button.btn-delete', function(e) {
458
        e.preventDefault();
459
        var action = $(this).data('href');
15461 efrain 460
 
16822 efrain 461
 
462
          swal.fire({
463
            title: 'LABEL_ARE_YOU_SURE',
464
            icon: 'question',
465
            cancelButtonText: 'LABEL_NO',
466
            showCancelButton: true,
467
            confirmButtonText: 'LABEL_YES'
468
          }).then((result) => {
469
            if (result.isConfirmed) {
470
 
471
                    NProgress.start();
472
                    $.ajax({
473
                        'dataType'  : 'json',
474
                        'accept'    : 'application/json',
475
                        'method'    : 'post',
476
                        'url'       :  action,
477
                    }).done(function(response) {
478
                        if(response['success']) {
479
                            $.fn.showSuccess(response['data']);
480
                            gridTable.api().ajax.reload(null, false);
481
                        } else {
482
                            $.fn.showError(response['data']);
483
                        }
484
                    }).fail(function( jqXHR, textStatus, errorThrown) {
485
                        $.fn.showError(textStatus);
486
                    }).always(function() {
487
                        NProgress.done();
488
                    });
489
            }
490
       });
491
 
492
    });
493
 
15461 efrain 494
    $('#form #comment').maxlength({
495
        alwaysShow: true,
496
        validate: true
497
    });
498
 
499
 
500
 
501
    $('#points').inputNumberFormat({decimal: 0});
502
    $('#points').change(function(e) {
503
        e.preventDefault();
504
 
505
        var v = parseInt($(this).val());
506
        if(isNaN(v)) {
507
            $(this).val('0');
508
        } else {
509
            if(v > 100) {
510
                $(this).val('100');
511
            }
512
        }
513
    });
514
 
16804 efrain 515
    $('#stepwizard').smartWizard({
516
        selected: 0,
517
        // autoAdjustHeight: false,
518
        theme: 'arrows', // basic, arrows, square, round, dots
519
        transition: {
520
            animation:'none'
521
        },
522
        lang: {
523
            next: 'LABEL_NEXT',
524
            previous: 'LABEL_PREVIOUS',
525
        },
526
        toolbar: {
527
            showNextButton: true, // show/hide a Next button
528
            showPreviousButton: true, // show/hide a Previous button
529
            position: 'bottom', // none/ top/ both bottom
530
            extraHtml: `<button type="button" class="btn btn-primary btn-save">LABEL_SAVE</button>`
16822 efrain 531
                + `<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>`
16804 efrain 532
        },
533
        anchor: {
534
            enableNavigation: true, // Enable/Disable anchor navigation
535
            enableNavigationAlways: false, // Activates all anchors clickable always
536
            enableDoneState: true, // Add done state on visited steps
537
            markPreviousStepsAsDone: true, // When a step selected by url hash, all previous steps are marked done
538
            unDoneOnBackNavigation: true, // While navigate back, done state will be cleared
539
            enableDoneStateNavigation: true // Enable/Disable the done state navigation
540
        },
541
    });
542
 
543
    $('#stepwizard').smartWizard('reset');
544
 
15461 efrain 545
 
546
});
547
JS;
548
$this->inlineScript()->captureEnd();
549
?>
550
 
16822 efrain 551
 
552
<div class="container" id="row-lists">
553
 
554
 
555
		<div class="row" id="row-table">
15461 efrain 556
            <div class="col-12">
557
                <div class="card">
16822 efrain 558
                	<h6 class="card-title">LABEL_RECRUITMENT_AND_SELECTION</h6>
15461 efrain 559
                    <div class="card-body">
560
                        <table id="gridTable" class="table   table-hover">
561
                            <thead>
562
                                <tr>
563
                                    <th style="width:15%">LABEL_LAST_DATE</th>
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>
573
                        </table>
574
                    </div>
575
                    <div class="card-footer clearfix">
576
                        <div style="float:right;">
577
                            <button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
578
                        </div>
579
                    </div>
580
                </div>
581
            </div>
582
        </div>
583
 
584
 
16822 efrain 585
        <div class="row p-2" id="row-test">
586
			<div class="col-12" >
16804 efrain 587
				<h4 class="text-center" id="form-title"></h4>
588
   				<?php
589
                $form->setAttributes([
590
                    'method' => 'post',
591
                    'name' => 'form',
592
                    'id' => 'form',
593
                ]);
594
                $form->prepare();
595
                echo $this->form()->openTag($form);
596
                ?>
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">
621
                        	<div class="w-100">
622
                            	<div class="mf-field w-100 d-flex justify-content-between p-3 align-items-center">
623
                            		<div class="form-group w-100">
624
    									<h5 id="interview"></h5>
625
                                      	<div id="div-job-description"></div>
626
                                  	</div>
627
    							</div>
628
    						</div>
629
            			</div>
630
            		    <div id="step-2" class="tab-pane" role="tabpanel" aria-labelledby="step-2">
631
                            <div class="w-100">
632
                         		 <div class="accordion mt-5 w-100" id="accordion" style="height: 500px; overflow-y: auto;">
633
                            	</div>
634
                          	</div>
635
    					</div>
636
						<div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3">
637
							<div class="form-group w-100">
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 class="form-group w-100">
647
                          		<?php
648
                                $element = $form->get('points');
649
                                $element->setAttributes(['class' => 'form-control']);
650
                                $element->setOptions(['label' => 'LABEL_EVALUATION']);
651
                                echo $this->formLabel($element);
652
                                echo $this->formNumber($element);
653
                                ?>
654
                   			</div>
655
                  			<div class="form-group w-100">
656
                    			<?php
657
                                $element = $form->get('status');
658
                                $element->setOptions(['label' => 'LABEL_STATUS']);
659
                                $element->setAttributes(['class' => 'form-control']);
660
                                echo $this->formLabel($element);
661
                                echo $this->formSelect($element);
662
                                ?>
663
                   			</div>
664
						</div>
665
					</div>
666
            	</div>
667
        	</div>
668
			<?php echo $this->form()->closeTag($form); ?>
669
		</div>
16822 efrain 670
 
671
</div>
672
 
673
 
15461 efrain 674
 
675
<script id="job-description-template" type="text/x-jsrender">
676
    <div class="card">
677
        <div class="card-body">
678
            <table class="table table-bordered">
679
                <tr>
680
                    <th>LABEL_LAST_DATE</th>
681
                    <th>LABEL_TYPE</th>
682
                </tr>
683
                <tr>
684
                    <td>{{:last_date}}</td>
685
                    <td>{{:type}}</td>
686
                </tr>
687
 
688
                <tr>
689
                    <th>LABEL_INTERVIEWED_BY</th>
690
                    <th>LABEL_CANDIDATE</th>
691
                </tr>
692
                <tr>
693
                    <td>{{:interviewer}}</td>
694
                    <td>{{:candidate}}</td>
695
                </tr>
696
            </table>
697
            <br/>
698
 
699
            <p class="card-text"><b>LABEL_OBJECTIVES</b></p>
700
            <p class="card-text">{{:objectives}}</p>
701
            <p class="card-text"><b>LABEL_FUNCTIONS</b></p>
702
            <p class="card-text">{{:functions}}</p>
703
 
704
        </div>
705
    </div>
706
</script>
707
 
708
 
709
<script id="competencyTemplate" type="text/x-jsrender">
16804 efrain 710
<div class="card">
711
    <div class="card-header" id="heading-{{:uuid}}">
712
        <h2 class="clearfix mb-0">
713
            <a class="btn btn-link" data-toggle="collapse" data-target="#collapse-{{:uuid}}" aria-expanded="true" aria-controls="collapse-{{:uuid}}">
714
                <i class="fa fa-plus"></i> {{:~getCompetencyType(competency_type_uuid).name}} - {{:~getCompetency(uuid).name}}
715
            </a>
716
        </h2>
717
    </div>
718
    <div id="collapse-{{:uuid}}" class="collapse" aria-labelledby="heading-{{:uuid}}" data-parent="#accordion">
719
        <div class="card-body">
720
            <div class="table-responsive">
721
                <table class="table table-bordered">
722
                    <thead>
723
                        <tr>
724
                            <th style="width: 30%;">LABEL_ELEMENT</th>
725
                            <th style="width: 50%;">LABEL_TITLE</th>
726
                            <th style="width: 10%;">LABEL_LEVEL</th>
727
                            <th style="width: 10%;">LABEL_POINTS</th>
728
                         </tr>
729
                    </thead>
730
                    <tbody>
731
                        <tr>
732
                            <td class="text-left">LABEL_COMPETENCY</td>
733
                            <td class="text-left">{{:name}}</td>
734
                            <td>&nbsp;</td>
735
                            <td>&nbsp;</td>
736
                        </tr>
737
                        {{for behaviors}}
738
                        <tr >
739
                            <td class="text-left">--LABEL_BEHAVIOR</td>
740
                            <td class="text-left">
741
                                {{:~getBehavior(uuid).description}}
742
                            </td>
743
                            <td class="text-right">
744
                                {{:level}}
745
                            </td>
746
                            <td class="text-right">
747
                                <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>
748
                            </td>
749
                        </tr>
750
                        <tr >
751
                            <td colspan="4">
752
                            LABEL_COMMENT
753
                            <input type="text" class="form-control input-behavior-comment" value="" maxlength="128" name="{{:competency_uuid}}-{{:uuid}}-comment" id="{{:competency_uuid}}-{{:uuid}}-comment" ></input>
754
                            </td>
755
                        </tr >
15461 efrain 756
 
16804 efrain 757
                        {{/for}}
758
                    </tbody>
759
                </table>
760
            </div>
761
        </div>
762
    </div>
15461 efrain 763
</div>
764
 
16804 efrain 765
</script>
15461 efrain 766
 
16804 efrain 767