Proyectos de Subversion LeadersLinked - Backend

Rev

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