Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
977 geraldo 1
<?php
2
$acl = $this->viewModel()->getRoot()->getVariable('acl');
3
$currentUser = $this->currentUserHelper();
4
 
5
$roleName = $currentUser->getUserTypeId();
6
 
985 geraldo 7
$routeAdd = $this->url('performance-evaluation/forms/add');
8
$routeDatatable = $this->url('performance-evaluation/forms');
977 geraldo 9
$routeDashboard = $this->url('dashboard');
10
 
985 geraldo 11
$allowAdd = $acl->isAllowed($roleName, 'performance-evaluation/forms/add') ? 1 : 0;
12
$allowEdit = $acl->isAllowed($roleName, 'performance-evaluation/forms/edit') ? 1 : 0;
13
$allowDelete = $acl->isAllowed($roleName, 'performance-evaluation/forms/delete') ? 1 : 0;
977 geraldo 14
 
15
 
16
$this->inlineScript()->appendFile($this->basePath('plugins/ckeditor/ckeditor.js'));
17
 
18
 
19
$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
20
$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
21
 
22
 
23
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
24
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
25
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));
26
 
27
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));
28
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-responsive/css/responsive.bootstrap4.min.css'));
29
 
30
$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));
31
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));
32
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/dataTables.responsive.min.js'));
33
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/responsive.bootstrap4.min.js'));
34
 
35
 
36
$this->headLink()->appendStylesheet($this->basePath('plugins/select2/css/select2.min.css'));
37
$this->headLink()->appendStylesheet($this->basePath('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css'));
38
 
39
$this->inlineScript()->appendFile($this->basePath('plugins/select2/js/select2.full.min.js'));
40
 
41
$this->inlineScript()->appendFile($this->basePath('plugins/moment/moment-with-locales.min.js'));
42
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css'));
43
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js'));
44
 
45
 
46
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
47
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
48
 
49
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
50
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-checkbox/awesome-bootstrap-checkbox.css'));
51
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-input-number/input-number-format.jquery.js'));
52
 
53
// bootbox Alert //
54
$this->inlineScript()->appendFile($this->basePath('plugins/bootbox/bootbox.min.js'));
55
 
56
// JsRender //
57
$this->inlineScript()->appendFile($this->basePath('plugins/jsrender/jsrender.min.js'));
58
 
1050 geraldo 59
 
1088 geraldo 60
// Page Styles
61
$this->headLink()->appendStylesheet($this->basePath('css/pages/self-evaluation.css'));
62
 
63
 
1053 geraldo 64
$status_active = \LeadersLinked\Model\CompanyPerformanceEvaluationForm::STATUS_ACTIVE;
65
$status_inactive = \LeadersLinked\Model\CompanyPerformanceEvaluationForm::STATUS_INACTIVE;
1050 geraldo 66
 
977 geraldo 67
$this->inlineScript()->captureStart();
68
echo <<<JS
1085 geraldo 69
jQuery(document).ready(function($) {
70
    var allowEdit = $allowEdit;
71
    var allowDelete = $allowDelete;
72
    var sections = [];
73
    /**
74
     * Get rows and set data table
75
     */
76
    var tableForm = $('#gridTable').dataTable({
77
        'processing': true,
78
        'serverSide': true,
79
        'searching': true,
80
        'order': [
81
            [0, 'asc']
82
        ],
83
        'ordering': true,
84
        'ordenable': true,
85
        'responsive': true,
86
        'select': false,
87
        'paging': true,
88
        'pagingType': 'simple_numbers',
89
        'ajax': {
90
            'url': '$routeDatatable',
91
            'type': 'get',
92
            'beforeSend': function(request) {
93
                NProgress.start();
94
            },
95
            'dataFilter': function(response) {
96
                var response = jQuery.parseJSON(response);
97
                var json = {};
98
                json.recordsTotal = 0;
99
                json.recordsFiltered = 0;
100
                json.data = [];
101
                if (response.success) {
102
                    json.recordsTotal = response.data.total;
103
                    json.recordsFiltered = response.data.total;
104
                    json.data = response.data.items;
977 geraldo 105
                } else {
1085 geraldo 106
                    $.fn.showError(response.data)
977 geraldo 107
                }
1085 geraldo 108
                return JSON.stringify(json);
109
            }
110
        },
111
        'language': {
112
            'sProcessing': 'LABEL_DATATABLE_SPROCESSING',
113
            'sLengthMenu': 'LABEL_DATATABLE_SLENGTHMENU',
114
            'sZeroRecords': 'LABEL_DATATABLE_SZERORECORDS',
115
            'sEmptyTable': 'LABEL_DATATABLE_SEMPTYTABLE',
116
            'sInfo': 'LABEL_DATATABLE_SINFO',
117
            'sInfoEmpty': 'LABEL_DATATABLE_SINFOEMPTY',
118
            'sInfoFiltered': 'LABEL_DATATABLE_SINFOFILTERED',
119
            'sInfoPostFix': '',
120
            'sSearch': 'LABEL_DATATABLE_SSEARCH',
121
            'sUrl': '',
122
            'sInfoThousands': ',',
123
            'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
124
            'oPaginate': {
125
                'sFirst': 'LABEL_DATATABLE_SFIRST',
126
                'sLast': 'LABEL_DATATABLE_SLAST',
127
                'sNext': 'LABEL_DATATABLE_SNEXT',
128
                'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
129
            },
130
            'oAria': {
131
                'sSortAscending': ': LABEL_DATATABLE_SSORTASCENDING',
132
                'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
133
            },
134
        },
135
        'drawCallback': function(settings) {
136
            NProgress.done();
137
            $('button.btn-delete').confirmation({
138
                rootSelector: 'button.btn-delete',
139
                title: 'LABEL_ARE_YOU_SURE',
140
                singleton: true,
141
                btnOkLabel: 'LABEL_YES',
142
                btnCancelLabel: 'LABEL_NO',
143
                onConfirm: function(value) {
144
                    action = $(this).data('href');
145
                    NProgress.start();
977 geraldo 146
                    $.ajax({
147
                        'dataType': 'json',
1085 geraldo 148
                        'accept': 'application/json',
977 geraldo 149
                        'method': 'post',
1085 geraldo 150
                        'url': action,
977 geraldo 151
                    }).done(function(response) {
152
                        if (response['success']) {
153
                            $.fn.showSuccess(response['data']);
154
                            tableForm.fnDraw();
155
                        } else {
1085 geraldo 156
                            $.fn.showError(response['data']);
977 geraldo 157
                        }
1085 geraldo 158
                    }).fail(function(jqXHR, textStatus, errorThrown) {
159
                        $.fn.showError(textStatus);
160
                    }).always(function() {
161
                        NProgress.done();
977 geraldo 162
                    });
1085 geraldo 163
                },
164
            });
165
        },
166
        'aoColumns': [{
167
                'mDataProp': 'name'
168
            },
169
            {
170
                'mDataProp': 'job_description'
171
            },
172
            {
173
                'mDataProp': 'status'
174
            },
175
            {
176
                'mDataProp': 'actions'
177
            },
178
        ],
179
        'columnDefs': [{
180
                'targets': 0,
181
                'className': 'text-vertical-middle',
182
            },
183
            {
184
                'targets': 1,
185
                'className': 'text-vertical-middle',
186
            },
187
            {
188
                'targets': -2,
189
                'orderable': false,
190
                'className': 'text-center',
191
                'render': function(data, type, row) {
192
                    checked = data == 'a' ? ' checked="checked" ' : '';
193
                    return '<div class="checkbox checkbox-success">' +
194
                        '<input class="styled" type="checkbox" ' + checked + ' disabled="disabled">' +
195
                        '<label ></label></div>';
1055 geraldo 196
                }
1085 geraldo 197
            },
198
            {
199
                'targets': -1,
200
                'orderable': false,
201
                'render': function(data, type, row) {
202
                    s = '';
203
                    if (allowEdit) {
204
                        s = s + '<button class="btn btn-primary btn-edit-form" data-href="' + data['link_edit'] + '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pencil"></i> LABEL_EDIT </button>&nbsp;';
205
                    }
206
                    if (allowDelete) {
207
                        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;';
208
                    }
209
                    return s;
210
                }
977 geraldo 211
            }
1085 geraldo 212
        ],
213
    });
214
    /**
215
     * Clicked on edit form
216
     */
217
    $('body').on('click', 'button.btn-edit-form', function(e) {
218
        e.preventDefault();
219
        form_id = $(this).data('id')
220
        var action = $(this).data('href');
221
        $.ajax({
222
            'dataType': 'json',
223
            'accept': 'application/json',
224
            'method': 'get',
225
            'url': action,
226
        }).done(function(response) {
227
            if (response['success']) {
228
                $("#rows").html('');
229
                sections = [];
230
                $('#form-main').attr('action', action);
1087 geraldo 231
                $('#form-main #form-name').val(response['data']['name']);
232
                $('#form-main #job_description_id').val(response['data']['job_description_id']);
1085 geraldo 233
                $('#form-main #form-status').val(response['data']['status']);
1089 geraldo 234
                CKEDITOR.instances['form-description'].setData(response['data']['description']);
235
                CKEDITOR.instances['form-text'].setData(response['data']['text']);
1085 geraldo 236
                sections = response['data']['content'] || [];
1054 geraldo 237
                renderData(sections);
1085 geraldo 238
                $('#row-lists').hide();
239
                $('#row-form').show();
240
            } else {
241
                $.fn.showError(response['message'] || 'ERROR_UNKNOWN');
977 geraldo 242
            }
1085 geraldo 243
        }).fail(function(jqXHR, textStatus, errorThrown) {
244
            $.fn.showError(textStatus);
245
        });
246
    });
247
    /**
248
     * Clicked add new section
249
     */
250
    $('#btn-add-section').click(function(e) {
251
        $('#form-section #id-section').val('');
252
        $('#form-section #title-section').val('');
253
        $('#form-section #text-section').val('');
254
        $('#form-section #type-section').val($('#form-section #type-section option:first').val());
255
        $('#modal-section h4[class="modal-title"]').html('LABEL_ADD LABEL_SECTION');
256
        $('#modal-section').modal('show');
257
        return;
258
    });
259
    /**
260
     * Clicked edit section
261
     */
262
    /**
263
     * Clicked save section
264
     */
265
    $('#btn-save-section').click(function(e) {
266
        if ($('#title-section').val() == '') {
267
            $.fn.showError('ERROR_ENTER_TITLE');
268
            return;
269
        } else {
270
            $('#id-section').val() == "" ?
271
                addSection($('#title-section').val(), $('#text-section').val(), $('#type-section').val()) :
1086 geraldo 272
                editSection($('#id-section').val(), $('#title-section').val(), $('#text-section').val(), $('#type-section').val())
1085 geraldo 273
            $('#modal-section').modal('hide');
274
            return;
275
        }
276
    });
277
    /**
278
     * Clicked remove section
279
     */
280
    $('body').on('click', 'button.btn-delete-section', function(e) {
281
        var id_section = $(this).data('section');
282
        bootbox.confirm({
283
            title: "LABEL_DELETE LABEL_SECTION",
284
            message: "LABEL_QUESTION_DELETE",
285
            buttons: {
286
                cancel: {
287
                    label: '<i class="fa fa-times"></i> LABEL_CANCEL'
288
                },
289
                confirm: {
290
                    label: '<i class="fa fa-check"></i> LABEL_ACCEPT'
291
                }
292
            },
293
            callback: function(result) {
294
                if (result) {
295
                    removeSection(id_section);
296
                }
1009 geraldo 297
            }
1085 geraldo 298
        });
299
    });
300
    $('body').on('click', 'button.btn-edit-section', function(e) {
301
        var id = $(this).data('section');
302
        sections.map((item) => {
303
            if (item.id_section == id) {
304
                $('#form-section #id-section').val(item.id_section);
305
                $('#form-section #title-section').val(item.title);
306
                $('#form-section #text-text').val(item.text);
307
                $('#form-section #type-section').val(item.type);
308
                $('#modal-section').modal('show');
309
                return;
977 geraldo 310
            }
1085 geraldo 311
        });
312
    });
313
    /**
314
     * Clicked remove option
315
     */
316
    $('body').on('click', 'button.btn-delete-option', function(e) {
317
        var id_section = $(this).data('section');
318
        var id_option = $(this).data('option');
319
        bootbox.confirm({
320
            title: "LABEL_DELETE LABEL_OPTION",
321
            message: "LABEL_QUESTION_DELETE",
322
            buttons: {
323
                cancel: {
324
                    label: '<i class="fa fa-times"></i> LABEL_CANCEL'
325
                },
326
                confirm: {
327
                    label: '<i class="fa fa-check"></i> LABEL_ACCEPT'
328
                }
329
            },
330
            callback: function(result) {
331
                if (result) {
332
                    removeOption(id_section, id_option);
333
                    return;
334
                }
335
            }
336
        });
337
    });
338
    /**
339
     * Clicked add new Option
340
     */
341
    $('body').on('click', 'button.btn-add-option', function(e) {
342
        var id = $(this).data('section');
343
        $('#section-option').val(id);
344
        $('#text-option').val('');
345
        $('#modal-option h4[class="modal-title"]').html('LABEL_EDIT LABEL_OPTION');
346
        $('#modal-option').modal('show');
347
        return;
348
    });
349
    /**
350
     * Clicked add new Option
351
     */
352
    $('#btn-save-option').click(function(e) {
353
        if ($('#text-option').val() == '') {
354
            $.fn.showError('ERROR_ENTER_TEXT');
355
            return;
356
        } else {
357
            $('#id-option').val() == "" ?
358
                addOption($('#section-option').val(), $('#text-option').val()) :
359
                editOption($('#section-option').val(), $('#id-option').val(), $('#text-option').val())
360
        }
361
        $('#modal-option').modal('hide');
362
        return;
363
    });
364
    /**
365
     * Clicked edit Option
366
     */
367
    $('body').on('click', 'button.btn-edit-option', function(e) {
368
        var id_section = $(this).data('section');
369
        var id_option = $(this).data('option');
370
        sections.map((item) => {
371
            if (item.id_section == id_section) {
372
                item.options.map((opt) => {
373
                    if (opt.id_option == id_option) {
374
                        $('#id-option').val(opt.id_option);
375
                        $('#section-option').val(opt.id_section);
376
                        $("#text-option").val(opt.title);
377
                        $('#modal-option h4[class="modal-title"]').html('LABEL_EDIT LABEL_OPTION');
378
                        $('#modal-option').modal('show');
379
                        return;
1027 geraldo 380
                    }
381
                });
382
            }
1085 geraldo 383
        });
384
    });
385
    /**
386
     * Clicked new Form
387
     */
388
    $('button.btn-add-form').click(function(e) {
389
        $("#rows").html('');
390
        sections = [];
391
        $('#form-main').attr('action', '$routeAdd');
392
        $('#form-main #form-name').val('');
393
        $('#form-main #job_description_id').val('');
394
        $('#form-main #form-status').val('$status_active');
1089 geraldo 395
        CKEDITOR.instances['form-text'].setData('');
396
        CKEDITOR.instances['form-description'].setData('');
1085 geraldo 397
        $('#row-lists').hide();
398
        $('#row-form').show();
399
        $('#form-main #form-name').focus();
400
        return;
401
    });
402
    /**
403
     * Clicked cancel new/edit Form
404
     */
405
    $('button.btn-edit-cancel').click(function(e) {
406
        $('#row-form').hide();
407
        $('#row-lists').show();
408
        return;
409
    });
410
    /**
1092 geraldo 411
     * Clicked save and continue new Form
1085 geraldo 412
     */
1092 geraldo 413
    $('button.btn-form-save-continue').click(function(e) {
1091 geraldo 414
        for (var instanceName in CKEDITOR.instances) {
415
            CKEDITOR.instances[instanceName].updateElement();
416
        }
1085 geraldo 417
        if ($('#form-name').val() == '') {
418
            $.fn.showError('ERROR_ENTER_NAME');
1091 geraldo 419
        } else if ($('#form-description').val() == '') {
420
            $.fn.showError('ERROR_ENTER_DESCRIPTION');
421
        } else if ($('#form-text').val() == '') {
422
            $.fn.showError('ERROR_ENTER_TEXT');
1085 geraldo 423
        } else if ($('#form-status').val() == '') {
424
            $.fn.showError('ERROR_SELECT_STATUS');
425
        } else if ($('#job_description_id').val() == '') {
426
            $.fn.showError('ERROR_SELECT_JOB_DESCRIPTION');
427
        } else if (sections.length == 0) {
428
            $.fn.showError('ERROR_NOT_SECTIONS');
429
        } else {
430
            $.ajax({
431
                'dataType': 'json',
432
                'method': 'post',
433
                'url': $('#form-main').attr('action'),
434
                'data': {
435
                    'name': $('#form-main #form-name').val(),
436
                    'job_description_id': $('#form-main #job_description_id').val(),
437
                    'status': $('#form-main #form-status').val(),
1089 geraldo 438
                    'description': $('#form-main #form-description').val(),
439
                    'text': $('#form-main #form-text').val(),
1085 geraldo 440
                    'content': JSON.stringify(sections)
441
                },
442
            }).done(function(response) {
443
                if (response['success']) {
444
                    $.fn.showSuccess(response['data']);
1092 geraldo 445
                    $('#form-main').attr('action', response['action_edit']);
446
                    $('#form-main #form-id').val(response['id']);
1085 geraldo 447
                    return;
448
                } else {
449
                    $.fn.showError(response['message'] || 'ERROR_UNKNOWN');
450
                    return;
451
                }
452
            });
453
        }
454
    });
1093 geraldo 455
    /**
456
     * Clicked save and close new/edit Form
457
     */
458
    $('button.btn-form-save-close').click(function(e) {
459
        for (var instanceName in CKEDITOR.instances) {
460
            CKEDITOR.instances[instanceName].updateElement();
1092 geraldo 461
        }
1093 geraldo 462
        if ($('#form-name').val() == '') {
463
            $.fn.showError('ERROR_ENTER_NAME');
464
        } else if ($('#form-description').val() == '') {
465
            $.fn.showError('ERROR_ENTER_DESCRIPTION');
466
        } else if ($('#form-text').val() == '') {
467
            $.fn.showError('ERROR_ENTER_TEXT');
468
        } else if ($('#form-status').val() == '') {
469
            $.fn.showError('ERROR_SELECT_STATUS');
470
        } else if ($('#job_description_id').val() == '') {
471
            $.fn.showError('ERROR_SELECT_JOB_DESCRIPTION');
472
        } else if (sections.length == 0) {
473
            $.fn.showError('ERROR_NOT_SECTIONS');
474
        } else {
475
            $.ajax({
476
                'dataType': 'json',
477
                'method': 'post',
478
                'url': $('#form-main').attr('action'),
479
                'data': {
480
                    'name': $('#form-main #form-name').val(),
481
                    'job_description_id': $('#form-main #job_description_id').val(),
482
                    'status': $('#form-main #form-status').val(),
483
                    'description': $('#form-main #form-description').val(),
484
                    'text': $('#form-main #form-text').val(),
485
                    'content': JSON.stringify(sections)
486
                },
487
            }).done(function(response) {
488
                if (response['success']) {
489
                    $.fn.showSuccess(response['data']);
490
                    $('#row-form').hide();
491
                    $('#row-lists').show();
492
                    /*---------- Reset Form -------- */
493
                    $('#form-main')[0].reset();
494
                    /*--------Reset Sections ----------*/
495
                    sections = [];
496
                    tableForm.fnDraw();
497
                    return;
498
                } else {
499
                    $.fn.showError(response['message'] || 'ERROR_UNKNOWN');
500
                    return;
1092 geraldo 501
                }
502
            });
503
        }
504
    });
1093 geraldo 505
    /**
506
     * Remove Html Tags
507
     */
508
    const removeTags = (str) => str.toString().replace(/(<([^>]+)>)/ig, '')
509
    /**
510
     * Render Sections data
511
     */
512
    const renderData = (data) => {
513
        $("#rows").html($("#sectionTemplate").render(data));
514
    }
515
    /**
516
     * Add Section to array
517
     */
518
    const addSection = (title, text, type) => {
519
        sections.push({
520
            'id_section': new Date().getTime(),
521
            'title': title,
522
            'type': type,
523
            'text': text,
524
            'options': []
525
        });
526
        return renderData(sections);
527
    }
528
    /**
529
     * Edit item behavior
530
     */
531
    const editSection = (id, title, text, type) => {
532
        sections.map((item) => {
533
            if (item.id_section == id) {
534
                item.title = title;
535
                item.type = type;
536
                item.text = text;
537
            }
538
        });
539
        return renderData(sections);
540
    }
541
    /**
542
     * Remove behavior
543
     */
544
    const removeSection = (id) => {
545
        sections = sections.filter((item) => item.id_section != id);
546
        return renderData(sections);
547
    }
548
    /**
549
     * Add Option to array
550
     */
551
    const addOption = (id_section, title) => {
552
        sections.map((item) => {
553
            if (item.id_section == id_section) {
554
                item.options.push({
555
                    'id_section': id_section,
556
                    'id_option': new Date().getTime(),
557
                    'title': title,
558
                });
559
            }
560
        });
561
        return renderData(sections);
562
    }
563
    /**
564
     * Edit item Option
565
     */
566
    const editOption = (id_section, id, title) => {
567
        sections.map((item) => {
568
            if (item.id_section == id_section) {
569
                item.options.map((opt) => {
570
                    if (opt.id_option == id) {
571
                        opt.title = title
572
                    }
573
                });
574
            }
575
        });
576
        return renderData(sections);
577
    }
578
    /**
579
     * Remove Option
580
     */
581
    const removeOption = (id_section, id) => {
582
        sections.map((item) => {
583
            if (item.id_section == id_section) {
584
                item.options = item.options.filter((opt) => opt.id_option != id) || []
585
            }
586
        });
587
        return renderData(sections);
588
    }
589
    /**
590
     * Clicked refresh button
591
     */
592
    $('button.btn-refresh').click(function(e) {
593
        tableForm.fnDraw();
594
        return;
1092 geraldo 595
    });
977 geraldo 596
});
597
JS;
1092 geraldo 598
 
977 geraldo 599
$this->inlineScript()->captureEnd();
600
?>
601
<!-- Content Header (Page header) -->
602
<section class="content-header">
1027 geraldo 603
   <div class="container-fluid">
604
      <div class="row mb-2">
605
         <div class="col-sm-12">
606
            <h1>LABEL_PERFORMANCE_EVALUATION</h1>
607
         </div>
608
      </div>
609
   </div>
610
   <!-- /.container-fluid -->
977 geraldo 611
</section>
612
<section class="content">
1056 geraldo 613
   <div class="container-fluid" id="row-lists">
1027 geraldo 614
      <div class="row">
615
         <div class="col-12">
616
            <div class="card">
617
               <div class="card-body">
618
                  <table id="gridTable" class="table   table-hover">
619
                     <thead>
620
                        <tr>
1084 geraldo 621
                           <th style="width:15%">LABEL_NAME</th>
622
                           <th style="width:25%">LABEL_JOB_DESCRIPTION</th>
623
                           <th style="width:15%">LABEL_ACTIVE</th>
624
                           <th style="width:20%">LABEL_ACTIONS</th>
1027 geraldo 625
                        </tr>
626
                     </thead>
627
                     <tbody></tbody>
628
                  </table>
629
               </div>
630
               <div class="card-footer clearfix">
631
                  <div style="float:right;">
632
                     <button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
633
                     <?php if ($allowAdd) : ?>
634
                     <button type="button" class="btn btn-primary btn-add-form"><i class="fa fa-plus"></i> LABEL_ADD </button>
635
                     <?php endif; ?>
636
                  </div>
637
               </div>
977 geraldo 638
            </div>
1027 geraldo 639
         </div>
640
      </div>
641
   </div>
642
   <!-- Create/Edit Form -->
1051 geraldo 643
   <div class="row" id="row-form" style="display: none; padding: 16px;">
1027 geraldo 644
      <div class="col-xs-12 col-md-12">
645
         <form action="#" name="form-main" id="form-main">
646
            <div class="form-group">
647
               <label for="form-name">LABEL_FIRST_NAME</label>
648
               <input type="text" name="form-name" id="form-name" class="form-control" maxlength="50" />
1012 geraldo 649
            </div>
1050 geraldo 650
            <div class="form-group">
651
                    <label for="job_description_id">LABEL_JOB_DESCRIPTION</label>
652
                    <select name="job_description_id" id="job_description_id" class="form-control">
1051 geraldo 653
                        <option value="">LABEL_SELECT</option>
654
                        <?php foreach ($jobsDescription as $rs): ?>
1061 geraldo 655
                            <option value="<?php echo $rs->uuid;?>"><?php echo $rs->name;?></option>
1051 geraldo 656
                        <?php endforeach; ?>
1050 geraldo 657
                    </select>
658
                </div>
1089 geraldo 659
                <div class="form-group">
660
                    <label for="form-description">LABEL_DESCRIPTION</label>
661
                    <!--  ckeditor -->
662
                    <textarea  name="form-description" id="form-description" rows="5" class="ckeditor form-control"></textarea>
663
                </div>
664
                <div class="form-group">
665
                    <label for="form-text">LABEL_TEXT</label>
666
                    <!--  ckeditor -->
667
                    <textarea  name="form-text" id="form-text" rows="5" class="ckeditor form-control"></textarea>
668
                </div>
1050 geraldo 669
            <div class="form-group">
670
                    <label for="form-status">LABEL_STATUS</label>
671
                    <select name="form-status" id="form-status" class="form-control">
672
                        <option value="<?php echo $status_inactive; ?>">LABEL_INACTIVE</option>
673
                        <option value="<?php echo $status_active; ?>">LABEL_ACTIVE</option>
674
                    </select>
675
                </div>
1027 geraldo 676
            <div class="row">
677
               <div class="col-xs-12 col-md-12 text-right">
678
                  <button type="button" class="btn btn-primary" id="btn-add-section" data-toggle="tooltip" title="LABEL_ADD LABEL_SECTION"><i class="fa fa-plus" aria-hidden="true"></i> LABEL_ADD LABEL_SECTION</button>
679
               </div>
680
            </div>
681
            <br />
682
            <div class="row">
683
               <div class="col-xs-12 col-md-12">
684
                  <div class="panel-group" id="rows"></div>
685
               </div>
686
            </div>
687
            <div class="form-group">
1094 geraldo 688
            <button type="button" form="form-main" class="btn btn-info btn-form-save-continue">LABEL_SAVE & LABEL_CONTINUE</button>
1027 geraldo 689
               <button type="button" class="btn btn-primary btn-form-save-close">LABEL_SAVE & LABEL_CLOSE</button>
690
               <button type="button" class="btn btn-secondary btn-edit-cancel">LABEL_CANCEL</button>
691
            </div>
692
         </form>
693
      </div>
694
   </div>
695
   <!-- Create/Edit Form-->
696
   <!-- section Modal -->
697
   <div  id="modal-section" class="modal" tabindex="-1" role="dialog">
698
      <div class="modal-dialog modal-lg" role="document">
699
         <form action="#" name="form-section" id="form-section">
700
            <input type="hidden" name="id-section" id="id-section" />
701
            <div class="modal-content">
702
               <div class="modal-header">
703
                  <h4 class="modal-title">LABEL_ADD LABEL_SECTION</h4>
704
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
705
                  <span aria-hidden="true">&times;</span>
706
                  </button>
707
               </div>
708
               <div class="modal-body">
709
                  <div class="form-group">
710
                     <label for="title-section">LABEL_FIRST_NAME</label>
711
                     <input type="text" name="title-section" id="title-section" class="form-control" maxlength="50" value="" />
712
                  </div>
713
                  <div class="form-group">
714
                     <label for="text-section">LABEL_TEXT</label>
715
                     <textarea  name="text-section" id="text-section" rows="5" class="form-control"></textarea>
716
                  </div>
717
                  <div class="form-group">
718
                     <label for="type-section">LABEL_TYPE</label>
719
                     <select name="type-section" id="type-section" class="form-control">
720
                        <option value="simple">Simple</option>
721
                        <option value="multiple">Multiple</option>
722
                     </select>
723
                  </div>
724
               </div>
725
               <div class="modal-footer">
726
                  <button type="button" id="btn-save-section" class="btn btn-primary">LABEL_SAVE</button>
727
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">LABEL_CLOSE</button>
728
               </div>
729
            </div>
730
         </form>
731
      </div>
732
   </div>
733
   <!-- End Modal section -->
734
   <!-- Modal Options -->
735
   <div  id="modal-option" class="modal" tabindex="-1" role="dialog">
736
      <div class="modal-dialog modal-lg" role="document">
737
         <form action="#" name="form-option" id="form-option">
738
            <input type="hidden" name="section-option" id="section-option" value="" />
739
            <input type="hidden" name="id-option" id="id-option" value="" />
740
            <div class="modal-content">
741
               <div class="modal-header">
742
                  <h4 class="modal-title">LABEL_OPTION</h4>
743
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
744
                  <span aria-hidden="true">&times;</span>
745
                  </button>
746
               </div>
747
               <div class="modal-body">
748
                  <div class="form-group">
1047 geraldo 749
                     <label for="text-option">LABEL_TEXT</label>
1027 geraldo 750
                     <!--  ckeditor -->
1047 geraldo 751
                     <textarea  name="text-option" id="text-option" rows="5" class="form-control"></textarea>
1027 geraldo 752
                  </div>
753
               </div>
754
               <div class="modal-footer">
755
                  <button type="button" class="btn btn-primary" id="btn-save-option">LABEL_SAVE</button>
756
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">LABEL_CLOSE</button>
757
               </div>
758
            </div>
759
         </form>
760
      </div>
761
   </div>
1050 geraldo 762
 
1027 geraldo 763
   <!-- End Modal Options -->
764
   <!---Template Sections --->
765
   <script id="sectionTemplate" type="text/x-jsrender">
1045 geraldo 766
   <div class="panel panel-default" id="panel-{{:id_section}}">
767
   <div class="panel-heading">
768
      <h4 class="panel-title">
769
         <a class="accordion-toggle" data-toggle="collapse" aria-expanded="true" data-parent="#panel-{{:id_section}}" href="#collapse-{{:id_section}}">
770
         <span class="section-name{{:id_section}}">
1088 geraldo 771
         {{:title}}
1045 geraldo 772
         </span>
773
         </a>
774
      </h4>
775
   </div>
776
   <div id="collapse-{{:id_section}}" class="panel-collapse in collapse show">
777
      <div class="panel-body">
778
         <div class="table-responsive">
779
            <table class="table table-bordered">
780
               <thead>
781
                  <tr>
782
                     <th style="width: 10%;">LABEL_ELEMENT</th>
783
                     <th style="width: 30%;">LABEL_TEXT</th>
784
                     <th style="width: 10%;">LABEL_TYPE</th>
785
                     <th style="width: 50%;">LABEL_ACTIONS</th>
786
                  </tr>
787
               </thead>
788
               <tbody>
789
                  <tr class="tr-section">
790
                     <td class="text-left">LABEL_SECTION</td>
791
                     <td class="text-left">{{:title}}</td>
792
                     <td>
793
                        {{if type == 'simple'}} Simple {{/if}}
794
                        {{if type == 'multiple'}} Multiple {{/if}}
795
                     </td>
796
                     <td>
1085 geraldo 797
                        <button  type="button" class="btn btn-default btn-edit-section" data-section="{{:id_section}}" data-toggle="tooltip"  data-original-title="LABEL_EDIT LABEL_SECTION"><i class="fa fa-edit" aria-hidden="true"></i> LABEL_EDIT LABEL_SECTION </button>
798
                        <button  type="button" class="btn btn-default btn-delete-section" data-section="{{:id_section}}" data-toggle="tooltip"  data-original-title="LABEL_DELETE LABEL_SECTION"><i class="fa fa-ban" aria-hidden="true"></i> LABEL_DELETE LABEL_SECTION </button>
1045 geraldo 799
                        {{if type == 'multiple'}}
800
                        <button type="button" class="btn btn-default btn-add-option" data-section="{{:id_section}}" data-toggle="tooltip"  data-original-title="LABEL_ADD  LABEL_OPTION"><i class="fa fa-plus" aria-hidden="true"></i> LABEL_ADD  LABEL_OPTION </button>
801
                        {{/if}}
802
                     </td>
803
                  </tr>
804
                  {{for options}}
805
                  <tr >
806
                     <td class="text-left">--LABEL_OPTION</td>
807
                     <td class="text-left">
808
                        {{:title}}
809
                     </td>
810
                     <td></td>
811
                     <td>
1085 geraldo 812
                        <button type="button"  class="btn btn-default btn-edit-option" data-section="{{:id_section}}" data-option="{{:id_option}}" data-toggle="tooltip"  data-original-title="LABEL_EDIT LABEL_OPTION"><i class="fa fa-edit" aria-hidden="true"></i> LABEL_EDIT LABEL_OPTION</button>
813
                        <button type="button" class="btn btn-default btn-delete-option" data-section="{{:id_section}}" data-option="{{:id_option}}" data-toggle="tooltip"  data-original-title="LABEL_DELETE LABEL_OPTION"><i class="fa fa-ban" aria-hidden="true"></i> LABEL_DELETE LABEL_OPTION</button>
1045 geraldo 814
                     </td>
815
                  </tr>
816
                  {{/for}}
817
               </tbody>
818
            </table>
819
         </div>
1027 geraldo 820
      </div>
1045 geraldo 821
   </div>
822
</div>
1027 geraldo 823
   </script>
824
   <!-- End Template Sections-->
977 geraldo 825
</section>