Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
3896 stevensc 1
<?php
1 www 2
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
3
$currentUser    = $this->currentUserHelper();
4
 
5
$roleName = $currentUser->getUserTypeId();
6
 
7
 
8
$routeAdd       = $this->url('settings/competencies/add');
9
$routeDatatable = $this->url('settings/competencies');
28 efrain 10
$routeImport    = $this->url('settings/competencies/import');
1107 geraldo 11
 
28 efrain 12
$allowAdd       = $acl->isAllowed($roleName, 'settings/competencies/add') ? 1 : 0;
13
$allowEdit      = $acl->isAllowed($roleName, 'settings/competencies/edit') ? 1 : 0;
14
$allowDelete    = $acl->isAllowed($roleName, 'settings/competencies/delete') ? 1 : 0;
15
$allowImport    = $acl->isAllowed($roleName, 'settings/competencies/import') ? 1 : 0;
1 www 16
 
17
 
18
$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
19
$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
20
 
21
$this->inlineScript()->appendFile($this->basePath('plugins/ckeditor/ckeditor.js'));
22
 
23
 
24
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
25
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
26
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));
27
 
28
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));
29
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-responsive/css/responsive.bootstrap4.min.css'));
30
 
31
$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));
32
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));
33
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/dataTables.responsive.min.js'));
34
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/responsive.bootstrap4.min.js'));
35
 
36
 
37
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
38
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
39
 
40
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
41
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-checkbox/awesome-bootstrap-checkbox.css'));
42
 
43
$this->inlineScript()->appendFile($this->basePath('plugins/select2/js/select2.js'));
44
$this->inlineScript()->appendFile($this->basePath('plugins/select2/js/i18n/es.js'));
45
$this->headLink()->appendStylesheet($this->basePath('plugins/select2/css/select2.css'));
46
 
47
$this->headLink()->appendStylesheet($this->basePath('plugins/select2-bootstrap4-theme/select2-bootstrap4.css'));
48
 
874 geraldo 49
// JsRender //
50
$this->inlineScript()->appendFile($this->basePath('plugins/jsrender/jsrender.min.js'));
1 www 51
 
883 geraldo 52
// bootbox Alert //
53
$this->inlineScript()->appendFile($this->basePath('plugins/bootbox/bootbox.min.js'));
1 www 54
 
883 geraldo 55
 
1 www 56
$status_active = \LeadersLinked\Model\Competency::STATUS_ACTIVE;
57
 
58
$this->inlineScript()->captureStart();
59
echo <<<JS
877 geraldo 60
jQuery(document).ready(function($) {
14989 efrain 61
    var allowEdit = $allowEdit;
62
    var allowDelete = $allowDelete;
63
 
863 geraldo 64
    $.validator.setDefaults({
65
        debug: true,
66
        highlight: function(element) {
67
            $(element).addClass('is-invalid');
68
        },
69
        unhighlight: function(element) {
70
            $(element).removeClass('is-invalid');
71
        },
72
        errorElement: 'span',
73
        errorClass: 'error invalid-feedback',
14989 efrain 74
            errorPlacement: function(error, element) {
75
                if(element.parent('.form-group').length) {
76
                    error.insertAfter(element);
77
                } else if(element.parent('.toggle').length) {
78
                    error.insertAfter(element.parent().parent());
79
                } else {
80
                    error.insertAfter(element.parent());
81
                }
863 geraldo 82
            }
83
    });
14989 efrain 84
 
863 geraldo 85
    $.fn.showFormErrorValidator = function(fieldname, errors) {
86
        var field = $(fieldname);
87
        if (field) {
88
            $(field).addClass('is-invalid');
89
            var error = $('<span id="' + fieldname + '-error" class="error invalid-feedback">' + errors + '</div>');
14989 efrain 90
                if(field.parent('.form-group').length) {
91
                    error.insertAfter(field);
92
                } else  if(field.parent('.toggle').length) {
93
                    error.insertAfter(field.parent().parent());
94
                } else {
95
                    error.insertAfter(field.parent());
96
                }
863 geraldo 97
        }
98
    };
14989 efrain 99
 
863 geraldo 100
    var gridTable = $('#gridTable').dataTable({
101
        'processing': true,
102
        'serverSide': true,
103
        'searching': true,
104
        'order': [
105
            [0, 'asc']
106
        ],
107
        'ordering': true,
108
        'ordenable': true,
109
        'responsive': true,
110
        'select': false,
111
        'paging': true,
112
        'pagingType': 'simple_numbers',
113
        'ajax': {
114
            'url': '$routeDatatable',
115
            'type': 'get',
116
            'beforeSend': function(request) {
117
                NProgress.start();
1 www 118
            },
863 geraldo 119
            'dataFilter': function(response) {
120
                var response = jQuery.parseJSON(response);
121
                var json = {};
122
                json.recordsTotal = 0;
123
                json.recordsFiltered = 0;
124
                json.data = [];
125
                if (response.success) {
126
                    json.recordsTotal = response.data.total;
127
                    json.recordsFiltered = response.data.total;
128
                    json.data = response.data.items;
1 www 129
                } else {
863 geraldo 130
                    $.fn.showError(response.data)
1 www 131
                }
863 geraldo 132
                return JSON.stringify(json);
1 www 133
            }
863 geraldo 134
        },
135
        'language': {
136
            'sProcessing': 'LABEL_DATATABLE_SPROCESSING',
137
            'sLengthMenu': 'LABEL_DATATABLE_SLENGTHMENU',
138
            'sZeroRecords': 'LABEL_DATATABLE_SZERORECORDS',
139
            'sEmptyTable': 'LABEL_DATATABLE_SEMPTYTABLE',
140
            'sInfo': 'LABEL_DATATABLE_SINFO',
141
            'sInfoEmpty': 'LABEL_DATATABLE_SINFOEMPTY',
142
            'sInfoFiltered': 'LABEL_DATATABLE_SINFOFILTERED',
143
            'sInfoPostFix': '',
144
            'sSearch': 'LABEL_DATATABLE_SSEARCH',
145
            'sUrl': '',
146
            'sInfoThousands': ',',
147
            'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
148
            'oPaginate': {
149
                'sFirst': 'LABEL_DATATABLE_SFIRST',
150
                'sLast': 'LABEL_DATATABLE_SLAST',
151
                'sNext': 'LABEL_DATATABLE_SNEXT',
152
                'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
153
            },
154
            'oAria': {
155
                'sSortAscending': ': LABEL_DATATABLE_SSORTASCENDING',
156
                'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
157
            },
158
        },
4116 stevensc 159
        'drawCallback': function(settings) {
160
            NProgress.done();
161
            $('button.btn-delete').confirmation({
162
                rootSelector: 'button.btn-delete',
163
                title: 'LABEL_ARE_YOU_SURE',
164
                singleton: true,
165
                btnOkLabel: 'LABEL_YES',
166
                btnCancelLabel: 'LABEL_NO',
167
                onConfirm: function(value) {
168
                    action = $(this).data('href');
169
                    NProgress.start();
170
                    $.ajax({
171
                        'dataType': 'json',
172
                        'accept': 'application/json',
173
                        'method': 'post',
174
                        'url': action,
175
                    }).done(function(response) {
176
                        if (response['success']) {
177
                            $.fn.showSuccess(response['data']);
178
                            gridTable.api().ajax.reload(null, false);
179
                        } else {
180
                            $.fn.showError(response['data']);
181
                        }
182
                    }).fail(function(jqXHR, textStatus, errorThrown) {
183
                        $.fn.showError(textStatus);
184
                    }).always(function() {
185
                        NProgress.done();
186
                    });
187
                }
188
            });
189
        },
863 geraldo 190
        'aoColumns': [{
191
                'mDataProp': 'type'
192
            },
193
            {
194
                'mDataProp': 'name'
195
            },
196
            {
197
                'mDataProp': 'status'
198
            },
199
            {
200
                'mDataProp': 'actions'
201
            },
202
        ],
203
        'columnDefs': [{
204
                'targets': 0,
205
                'className': 'text-vertical-middle',
206
            },
207
            {
208
                'targets': 1,
209
                'className': 'text-vertical-middle',
210
            },
211
            {
212
                'targets': -2,
213
                'orderable': false,
214
                'className': 'text-center',
215
                'render': function(data, type, row) {
216
                    checked = data == 'a' ? ' checked="checked" ' : '';
217
                    return '<div class="checkbox checkbox-success">' +
218
                        '<input class="styled" type="checkbox" ' + checked + ' disabled="disabled">' +
219
                        '<label ></label></div>';
1 www 220
                }
221
            },
863 geraldo 222
            {
223
                'targets': -1,
224
                'orderable': false,
225
                'render': function(data, type, row) {
226
                    s = '';
227
                    if (allowEdit) {
228
                        s = s + '<button class="btn btn-primary btn-edit" data-href="' + data['link_edit'] + '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pencil"></i> LABEL_EDIT </button>&nbsp;';
1 www 229
                    }
863 geraldo 230
                    if (allowDelete) {
4132 stevensc 231
                        s = s + '<button class="btn btn-danger btn-delete" data-href="' + data['link_delete'] + '" data-toggle="delete-confirmation" data-popout="true" title="LABEL_DELETE"><i class="fa fa-trash"></i> LABEL_DELETE </button>&nbsp;';
1 www 232
                    }
863 geraldo 233
                    return s;
1 www 234
                }
863 geraldo 235
            }
236
        ],
237
    });
14989 efrain 238
 
863 geraldo 239
    var validator = $('#form').validate({
240
        debug: true,
241
        onclick: false,
242
        onkeyup: false,
243
        ignore: [],
244
        rules: {
245
            'competency_type_id': {
246
                required: true,
247
            },
248
            'name': {
249
                required: true,
250
                maxlength: 128,
251
            },
252
            'description': {
253
                updateCkeditor: function() {
254
                    CKEDITOR.instances.description.updateElement();
1 www 255
                },
863 geraldo 256
                required: true,
1 www 257
            },
863 geraldo 258
            'status': {
259
                required: false,
1 www 260
            },
14989 efrain 261
 
863 geraldo 262
        },
263
        submitHandler: function(form) {
14989 efrain 264
            if ($('input[type="hidden"].behavior_id').length == 0) {
265
                $.fn.showError('ERROR_NOT_OBSERVABLE_BEHAVIOR');
15394 efrain 266
                return false;
267
            }
891 geraldo 268
                $.ajax({
893 geraldo 269
                    'dataType': 'json',
270
                    'accept': 'application/json',
271
                    'method': 'post',
272
                    'url': $('#form').attr('action'),
14989 efrain 273
                    'data': $('#form').serialize(),
893 geraldo 274
                }).done(function(response) {
275
                    NProgress.start();
276
                    if (response['success']) {
277
                        $.fn.showSuccess(response['data']);
278
                        $('#row-form').hide();
279
                        $('#row-list').show();
280
                        gridTable.api().ajax.reload(null, false);
863 geraldo 281
                    } else {
893 geraldo 282
                        validator.resetForm();
283
                        if (jQuery.type(response['data']) == 'string') {
284
                            $.fn.showError(response['data']);
285
                        } else {
286
                            $.each(response['data'], function(fieldname, errors) {
287
                                $.fn.showFormErrorValidator('#form #' + fieldname, errors);
288
                            });
289
                        }
863 geraldo 290
                    }
893 geraldo 291
                }).fail(function(jqXHR, textStatus, errorThrown) {
292
                    $.fn.showError(textStatus);
293
                }).always(function() {
294
                    NProgress.done();
295
                });
15394 efrain 296
 
297
 
863 geraldo 298
        },
299
        invalidHandler: function(form, validator) {}
300
    });
14989 efrain 301
 
863 geraldo 302
    $('body').on('click', 'button.btn-add', function(e) {
303
        e.preventDefault();
14989 efrain 304
        NProgress.start();
305
 
306
 
307
        $.ajax({
308
            'dataType': 'json',
309
            'method': 'get',
310
            'url': '$routeAdd',
311
        }).done(function(response) {
312
            if (response['success']) {
313
 
314
                $('#table-behaviors tbody').empty();
315
 
316
                $('#select-behavior').children().not(':first').remove();
317
                $.each(response['data']['behaviors'], function(index, element) {
318
                    $('#select-behavior').append($('<option>', {
319
                        value: element.id,
320
                        text: element.description
321
                    }));
322
                });
323
 
324
 
325
                $('span[id="form-title"]').html('LABEL_ADD');
326
                $('#form').attr('action', '$routeAdd');
327
                $('#form #name').val('');
328
                $('#form #competency_type_id').val('').trigger('change');
329
                $('#form #status').bootstrapToggle('on');
330
                CKEDITOR.instances.description.setData('');
331
 
332
                validator.resetForm();
333
 
334
                $('#row-form').show();
335
                $('#row-list').hide();
336
            } else {
337
                $.fn.showError(response['data']);
338
            }
339
        }).fail(function(jqXHR, textStatus, errorThrown) {
340
            $.fn.showError(textStatus);
341
        }).always(function() {
342
            NProgress.done();
343
        });
344
 
345
 
346
 
347
 
863 geraldo 348
        return false;
349
    });
14989 efrain 350
 
863 geraldo 351
    $('body').on('click', 'button.btn-edit', function(e) {
352
        e.preventDefault();
4134 stevensc 353
        $("button.btn-delete").confirmation('hide');
863 geraldo 354
        NProgress.start();
355
        var action = $(this).data('href');
356
        $.ajax({
357
            'dataType': 'json',
358
            'method': 'get',
359
            'url': action,
360
        }).done(function(response) {
14289 kerby 361
            console.log(response)
863 geraldo 362
            if (response['success']) {
363
                $('span[id="form-title"]').html('LABEL_EDIT');
364
                $('#form').attr('action', action);
365
                $('#form #name').val(response['data']['name']);
366
                $('#form #competency_type_id').val(response['data']['competency_type_id']).trigger('change');
367
                $('#form #status').bootstrapToggle(response['data']['status'] == '$status_active' ? 'on' : 'off')
368
                CKEDITOR.instances.description.setData(response['data']['description']);
14989 efrain 369
 
370
 
371
                $('input[type="hidden"].behavior').remove();
372
                $('#select-behavior').children().not(':first').remove();
373
 
374
 
375
                $('#table-behaviors tbody').empty();
376
 
377
                $.each(response['data']['behaviors'], function(index, element) {
378
                    $('#select-behavior').append($('<option>', {
379
                        value: element.id,
380
                        text: element.description
381
                    }));
382
 
383
                    if(element.checked ) {
384
                        let data = {
385
                            id : element.id,
386
                            description : element.description,
387
                        };
388
 
389
                        $('#table-behaviors tbody').append(
390
                            $('#trBehaviorTemplate').render( data )
391
                        );
392
 
393
 
394
                    }
395
                 });
396
 
397
 
398
 
399
 
863 geraldo 400
                validator.resetForm();
866 geraldo 401
                $('#row-form').show();
873 geraldo 402
                $('#row-list').hide();
863 geraldo 403
            } else {
404
                $.fn.showError(response['data']);
405
            }
406
        }).fail(function(jqXHR, textStatus, errorThrown) {
407
            $.fn.showError(textStatus);
408
        }).always(function() {
409
            NProgress.done();
28 efrain 410
        });
863 geraldo 411
        return false;
412
    });
14989 efrain 413
 
863 geraldo 414
    $('body').on('click', 'button.btn-refresh', function(e) {
415
        e.preventDefault();
416
        gridTable.api().ajax.reload(null, false);
417
        return false;
418
    });
14989 efrain 419
 
863 geraldo 420
    $('body').on('click', 'button.btn-import', function(e) {
421
        e.preventDefault();
422
        NProgress.start();
423
        $.ajax({
424
            'dataType': 'json',
425
            'method': 'post',
426
            'url': '$routeImport',
427
        }).done(function(response) {
428
            if (response['success']) {
429
                $.fn.showSuccess(response['data']);
430
                gridTable.api().ajax.reload(null, false);
431
            } else {
432
                $.fn.showError(response['data']);
433
            }
434
        }).fail(function(jqXHR, textStatus, errorThrown) {
435
            $.fn.showError(textStatus);
436
        }).always(function() {
437
            NProgress.done();
1 www 438
        });
863 geraldo 439
        return false;
440
    });
14989 efrain 441
 
863 geraldo 442
    $('body').on('click', 'button.btn-cancel', function(e) {
443
        e.preventDefault();
14989 efrain 444
        $('#row-form').hide();
445
        $('#row-list').show();
863 geraldo 446
    });
14989 efrain 447
 
863 geraldo 448
    $('#form #competency_type_id').select2({
449
        theme: 'bootstrap4',
450
        width: '100%',
451
    });
1226 geraldo 452
 
14989 efrain 453
    $('#select-behavior').select2({
1226 geraldo 454
        theme: 'bootstrap4',
455
        width: '100%',
456
    });
457
 
863 geraldo 458
    $('#form #status').bootstrapToggle({
459
        'on': 'LABEL_ACTIVE',
460
        'off': 'LABEL_INACTIVE',
461
        'width': '160px',
462
        'height': '40px'
463
    });
3842 stevensc 464
    CKEDITOR.replace('description', {
465
        toolbar: [
466
            { name: 'editing', items: [ 'Scayt' ] },
467
            { name: 'links', items: [ 'Link', 'Unlink'] },
468
            { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote' ] },
469
            { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Strike', 'RemoveFormat' ] },
470
            '/',
471
            { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] },
472
            { name: 'styles', items: [ 'Styles', 'Format' ] },
473
            { name: 'tools', items: [ 'Maximize' ] }
474
        ],
3926 stevensc 475
        removePlugins: 'elementspath,Anchor',
3842 stevensc 476
        heigth: 100
477
    });
14989 efrain 478
 
479
 
480
    $('body').on('click', 'button.btn-remove-behavior', function(e) {
862 geraldo 481
        e.preventDefault();
14989 efrain 482
 
483
        var key = '#tr_behavior_id_' + $(this).data('id');
484
        var element = $(key);
485
        if(element) {
486
            $(element).remove();
487
        }
488
 
489
        return false;
490
 
491
 
492
 
493
 
494
 
495
        /*
862 geraldo 496
        bootbox.confirm({
497
            title: "LABEL_DELETE LABEL_CONDUCT",
498
            message: "LABEL_QUESTION_DELETE",
499
            buttons: {
500
                cancel: {
501
                    label: '<i class="fa fa-times"></i> LABEL_CANCEL'
502
                },
503
                confirm: {
504
                    label: '<i class="fa fa-check"></i> LABEL_ACCEPT'
505
                }
506
            },
507
            callback: function(result) {
886 geraldo 508
                if (result) {
888 geraldo 509
                    removeBehavior(id);
886 geraldo 510
                }
862 geraldo 511
            }
14989 efrain 512
        });*/
862 geraldo 513
    });
14989 efrain 514
 
515
    $('#btn-select-behavior').click(function(e) {
516
        e.preventDefault();
517
 
518
        var id  = $('#select-behavior option:selected').val();
15036 stevensc 519
 
14989 efrain 520
        if(!id) {
521
            return false;
863 geraldo 522
        }
14989 efrain 523
 
524
        var description = $('#select-behavior option:selected').text();
525
        var key         = '#tr_behavior_id_' + id ;
526
 
527
        console.log("key = "  + key);
528
        var element     = $(key);
529
 
530
 
531
        console.log(element);
532
        if(element.length > 0) {
533
 
534
            $.fn.showError( 'ERROR_BEHAVIOR_WAS_PREVIOUSLY_ADDED');
535
            return false;
536
        }
537
 
538
        let data = {
539
            id : id,
540
            description : description,
541
        };
542
 
543
        $('#table-behaviors tbody').append(
544
            $('#trBehaviorTemplate').render( data )
545
        );
546
 
547
        return false;
548
 
549
 
550
 
862 geraldo 551
    });
14989 efrain 552
 
553
 
554
 
873 geraldo 555
    $('button.btn-edit-cancel').click(function(e) {
556
        e.preventDefault();
557
        $('#row-form').hide();
558
        $('#row-list').show();
559
    });
14989 efrain 560
 
561
 
562
 
563
 
863 geraldo 564
});
1115 geraldo 565
 
1 www 566
JS;
567
$this->inlineScript()->captureEnd();
568
?>
3896 stevensc 569
 
1 www 570
<!-- Content Header (Page header) -->
571
<section class="content-header">
3896 stevensc 572
    <div class="container-fluid">
573
        <div class="row mb-2">
574
            <div class="col-sm-12">
575
                <h1>LABEL_COMPETENCIES</h1>
576
            </div>
577
        </div>
578
    </div>
579
    <!-- /.container-fluid -->
1 www 580
</section>
873 geraldo 581
<section class="content" id="row-list">
3896 stevensc 582
    <div class="container-fluid">
583
        <div class="row">
584
            <div class="col-12">
585
                <div class="card">
586
                    <div class="card-body">
587
                        <table id="gridTable" class="table   table-hover">
588
                            <thead>
589
                                <tr>
590
                                    <th>LABEL_TYPE</th>
591
                                    <th>LABEL_NAME</th>
592
                                    <th>LABEL_ACTIVE</th>
593
                                    <th>LABEL_ACTIONS</th>
594
                                </tr>
595
                            </thead>
596
                            <tbody>
597
                            </tbody>
598
                        </table>
599
                    </div>
600
                    <div class="card-footer clearfix">
601
                        <div style="float:right;">
602
                            <button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
603
                            <?php if ($allowImport) : ?>
604
                                <button type="button" class="btn btn-primary btn-import"><i class="fa fa-upload"></i> LABEL_IMPORT </button>
605
                            <?php endif; ?>
606
                            <?php if ($allowAdd) : ?>
607
                                <button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
608
                            <?php endif; ?>
609
                        </div>
610
                    </div>
611
                </div>
890 geraldo 612
            </div>
3896 stevensc 613
        </div>
614
    </div>
890 geraldo 615
</section>
14989 efrain 616
 
865 geraldo 617
<!-- The Form creation -->
618
<section class="content" id="row-form" style="display: none">
3896 stevensc 619
    <div class="container-fluid">
620
        <div class="row">
621
            <div class="col-md-12 col-sm-12 col-12">
622
                <div class="panel">
623
                    <div class="panel-body">
1110 geraldo 624
                        <?php
3896 stevensc 625
                        $form = $this->form;
626
                        $form->setAttributes([
627
                            'method'    => 'post',
628
                            'name'      => 'form',
629
                            'id'        => 'form'
630
                        ]);
631
 
632
                        $form->prepare();
633
                        echo $this->form()->openTag($form);
634
                        ?>
1111 geraldo 635
                        <div class="row">
3896 stevensc 636
                            <div class="col-md-4 col-sm-12 col-12">
637
                                <div class="from-group">
638
                                    <?php
639
                                    $element = $form->get('competency_type_id');
640
                                    $element->setOptions(['label' => 'LABEL_TYPE']);
641
 
642
                                    echo $this->formLabel($element);
643
                                    echo $this->formSelect($element);
644
                                    ?>
645
                                </div>
646
                            </div>
647
                            <div class="col-md-4 col-sm-12 col-12">
648
                                <div class="from-group">
649
                                    <?php
650
                                    $element = $form->get('name');
651
                                    $element->setOptions(['label' => 'LABEL_NAME']);
652
                                    $element->setAttributes(['class' => 'form-control']);
653
 
654
                                    echo $this->formLabel($element);
655
                                    echo $this->formText($element);
656
                                    ?>
657
                                </div>
658
                            </div>
659
                            <div class="col-md-4 col-sm-12 col-12">
660
                                <div class="from-group">
661
                                    <label>LABEL_STATUS</label>
662
                                    <br />
663
                                    <?php
664
                                    $element = $form->get('status');
665
                                    $element->setOptions(['label' => 'LABEL_STATUS']);
666
                                    // echo $this->formLabel($element);
667
                                    echo $this->formCheckbox($element);
668
                                    ?>
669
                                </div>
670
                            </div>
671
                            <div class="col-md-12 col-sm-12 col-12">
672
                                <div class="form-group">
673
                                    <?php
674
                                    $element = $form->get('description');
675
                                    $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
676
                                    $element->setAttributes(['class' => 'form-control']);
677
 
678
                                    echo $this->formLabel($element);
679
                                    echo $this->formTextArea($element);
680
                                    ?>
681
                                </div>
682
                            </div>
14989 efrain 683
 
3896 stevensc 684
                            <div class="col-md-12 col-sm-12 col-12">
685
                                <div class="form-group">
686
                                    <div class="row">
14989 efrain 687
                                        <div class="col-md-8 col-sm-8 col-xs-12">
688
                                            <select name="select-behavior" id="select-behavior" >
15036 stevensc 689
                                           		<option value="">LABEL_SELECT</option>
3896 stevensc 690
                                            </select>
691
                                        </div>
692
                                        <div class="col-md-4 col-sm-4 col-xs-12">
14989 efrain 693
                                            <button type="button" class="btn btn-primary" id="btn-select-behavior" data-toggle="tooltip" title="LABEL_ADD LABEL_BEHAVIOR">LABEL_ADD LABEL_BEHAVIOR</button>
3896 stevensc 694
                                        </div>
695
                                    </div>
696
                                </div>
697
                            </div>
1111 geraldo 698
                        </div>
3896 stevensc 699
                        <div class="col-xs-12 col-md-12">
700
                            <br />
701
                            <div class="table-responsive">
14989 efrain 702
                                <table id="table-behaviors" class="table table-bordered">
3896 stevensc 703
                                    <thead>
704
                                        <tr>
705
                                            <th style="width: 60%;">LABEL_DESCRIPTION</th>
706
                                            <th style="width: 20%;">LABEL_ACTIONS</th>
707
                                        </tr>
708
                                    </thead>
14989 efrain 709
                                    <tbody >
710
                                    </tbody>
3896 stevensc 711
                                </table>
712
                            </div>
14989 efrain 713
                            <div class="col-xs-12 col-md-12 text-right">
714
 
3896 stevensc 715
                                    <button type="submit" form="form" class="btn btn-primary">LABEL_SAVE</button>
716
                                    <button type="button" class="btn btn-secondary btn-edit-cancel">LABEL_CANCEL</button>
14989 efrain 717
 
3896 stevensc 718
                            </div>
719
                        </div>
14989 efrain 720
                         <?php echo $this->form()->closeTag($form); ?>
3896 stevensc 721
                    </div>
722
                </div>
865 geraldo 723
            </div>
3896 stevensc 724
        </div>
865 geraldo 725
</section>
14989 efrain 726
 
727
<script id="trBehaviorTemplate" type="text/x-jsrender">
728
    <tr id="tr_behavior_id_{{:id}}">
729
 
730
       <td class="text-left">
731
         <input type="hidden" class="behavior_id" name="behavior_id[]" value="{{:id}}" />
732
         {{:description}}
733
       </td>
890 geraldo 734
       <td>
14989 efrain 735
           <button class="btn btn-default btn-remove-behavior" data-id="{{:id}}" data-toggle="tooltip"  data-original-title="LABEL_DELETE"><i class="fa fa-ban" aria-hidden="true"></i> LABEL_DELETE</button>
890 geraldo 736
       </td>
737
   </tr>
738
</script>