Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
15260 stevensc 1
<?php
14990 efrain 2
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
3
$currentUser    = $this->currentUserHelper();
4
 
5
$roleName = $currentUser->getUserTypeId();
6
 
7
 
8
$routeAdd       = $this->url('settings/behaviors/add');
9
$routeDatatable = $this->url('settings/behaviors');
10
$routeImport    = $this->url('settings/behaviors/import');
11
 
12
$allowAdd       = $acl->isAllowed($roleName, 'settings/behaviors/add') ? 1 : 0;
13
$allowEdit      = $acl->isAllowed($roleName, 'settings/behaviors/edit') ? 1 : 0;
14
$allowDelete    = $acl->isAllowed($roleName, 'settings/behaviors/delete') ? 1 : 0;
15
$allowImport    = $acl->isAllowed($roleName, 'settings/behaviors/import') ? 1 : 0;
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/jquery-validation/jquery.validate.js'));
22
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
23
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));
24
 
25
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));
26
 
27
$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));
28
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));
29
 
30
 
31
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
32
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
33
 
34
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
35
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-checkbox/awesome-bootstrap-checkbox.css'));
36
 
37
 
38
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-maxlenght/bootstrap-maxlength.min.js'));
39
 
40
$status_active = \LeadersLinked\Model\CompetencyType::STATUS_ACTIVE;
41
 
42
$this->inlineScript()->captureStart();
43
echo <<<JS
44
    jQuery( document ).ready(function( $ ) {
45
 
46
        $.validator.setDefaults({
47
            debug: true,
48
            highlight: function(element) {
49
                $(element).addClass('is-invalid');
50
            },
51
            unhighlight: function(element) {
52
                $(element).removeClass('is-invalid');
53
            },
54
            errorElement: 'span',
55
            errorClass: 'error invalid-feedback',
56
            errorPlacement: function(error, element) {
57
                if(element.parent('.form-group').length) {
58
                    error.insertAfter(element);
59
                } else if(element.parent('.toggle').length) {
60
                    error.insertAfter(element.parent().parent());
61
                } else {
62
                    error.insertAfter(element.parent());
63
                }
64
            }
65
        });
66
 
67
 
68
        $.fn.showFormErrorValidator = function(fieldname, errors) {
69
            var field = $(fieldname);
70
            if(field) {
71
                $(field).addClass('is-invalid');
72
 
73
 
74
                var error = $('<span id="' + fieldname +'-error" class="error invalid-feedback">' + errors + '</div>');
75
                if(field.parent('.form-group').length) {
76
                    error.insertAfter(field);
77
                } else  if(field.parent('.toggle').length) {
78
                    error.insertAfter(field.parent().parent());
79
                } else {
80
                    error.insertAfter(field.parent());
81
                }
82
            }
83
        };
84
 
85
 
86
 
87
 
88
        var allowEdit   = $allowEdit;
89
        var allowDelete = $allowDelete;
90
 
91
        var gridTable = $('#gridTable').dataTable( {
92
            'processing': true,
93
            'serverSide': true,
94
            'searching': true,
95
            'order': [[ 0, 'asc' ]],
96
            'ordering':  true,
97
            'ordenable' : true,
98
            'responsive': true,
99
            'select' : false,
100
        	'paging': true,
101
            'pagingType': 'simple_numbers',
102
    		'ajax': {
103
    			'url' : '$routeDatatable',
104
    			'type' : 'get',
105
                'beforeSend': function (request) {
106
                  NProgress.start();
107
                },
108
                'dataFilter': function(response) {
109
                    var response = jQuery.parseJSON( response );
110
 
111
                    var json                = {};
112
                    json.recordsTotal       = 0;
113
                    json.recordsFiltered    = 0;
114
                    json.data               = [];
115
 
116
 
117
                    if(response.success) {
118
                        json.recordsTotal       = response.data.total;
119
                        json.recordsFiltered    = response.data.total;
120
                        json.data               = response.data.items;
121
                    } else {
122
                        $.fn.showError(response.data)
123
                    }
124
 
125
                    return JSON.stringify( json );
126
                }
127
    		},
128
            'language' : {
129
                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',
130
                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',
131
                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',
132
                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',
133
                'sInfo':           'LABEL_DATATABLE_SINFO',
134
                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',
135
                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',
136
                'sInfoPostFix':    '',
137
                'sSearch':         'LABEL_DATATABLE_SSEARCH',
138
                'sUrl':            '',
139
                'sInfoThousands':  ',',
140
                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
141
                'oPaginate': {
142
                    'sFirst':    'LABEL_DATATABLE_SFIRST',
143
                    'sLast':     'LABEL_DATATABLE_SLAST',
144
                    'sNext':     'LABEL_DATATABLE_SNEXT',
145
                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
146
                },
147
                'oAria': {
148
                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',
149
                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
150
                },
151
            },
152
            'drawCallback': function( settings ) {
153
                NProgress.done();
154
                $('button.btn-delete').confirmation({
155
                    rootSelector: 'button.btn-delete',
156
                    title : 'LABEL_ARE_YOU_SURE',
157
                    singleton : true,
158
                    btnOkLabel: 'LABEL_YES',
159
                    btnCancelLabel: 'LABEL_NO',
160
                    onConfirm: function(value) {
161
                        action = $(this).data('href');
162
                        NProgress.start();
163
                        $.ajax({
164
                            'dataType'  : 'json',
165
                            'accept'    : 'application/json',
166
                            'method'    : 'post',
167
                            'url'       :  action,
168
                        }).done(function(response) {
169
                            if(response['success']) {
170
                                $.fn.showSuccess(response['data']);
171
                                gridTable.api().ajax.reload(null, false);
172
                            } else {
173
                                $.fn.showError(response['data']);
174
                            }
175
                        }).fail(function( jqXHR, textStatus, errorThrown) {
176
                            $.fn.showError(textStatus);
177
                        }).always(function() {
178
                            NProgress.done();
179
                        });
180
                    },
181
                });
182
            },
183
            'aoColumns': [
184
                { 'mDataProp': 'description' },
185
                { 'mDataProp': 'status' },
186
                { 'mDataProp': 'actions' },
187
    	    ],
188
            'columnDefs': [
189
                {
190
                    'targets': 0,
191
                    'className' : 'text-vertical-middle',
192
                },
193
                {
194
                    'targets': -2,
195
                    'orderable': false,
196
                    'className' : 'text-center',
197
                      'render' : function ( data, type, row ) {
198
 
199
                        checked = data == 'a' ? ' checked="checked" ' : '';
200
                        return '<div class="checkbox checkbox-success">' +
201
                            '<input class="styled" type="checkbox" ' + checked + ' disabled="disabled">' +
202
                            '<label ></label></div>';
203
                    }
204
                },
205
                {
206
                    'targets': -1,
207
                    'orderable': false,
208
                    'render' : function ( data, type, row ) {
209
                        s = '';
210
 
15350 efrain 211
                        if(allowEdit && data['link_edit']) {
14990 efrain 212
                            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;';
213
                        }
15350 efrain 214
                        if(allowDelete && data['link_delete']) {
14990 efrain 215
                            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;';
216
                        }
217
                        return s;
218
                    }
219
                }
220
              ],
221
        });
222
 
223
 
224
        var validator = $('#form').validate({
225
            debug: true,
226
            onclick: false,
227
            onkeyup: false,
228
            ignore: [],
229
            rules: {
230
                'description': {
231
                    required: true,
232
                    maxlength: 128,
233
                },
234
                'status': {
235
                    required: false,
236
 
237
                },
238
            },
239
            submitHandler: function(form)
240
            {
15259 stevensc 241
                $('#modal .btn-primary').attr('disabled', true)
14990 efrain 242
                $.ajax({
243
                    'dataType'  : 'json',
244
                    'accept'    : 'application/json',
245
                    'method'    : 'post',
246
                    'url'       :  $('#form').attr('action'),
247
                    'data'      :  $('#form').serialize()
248
                }).done(function(response) {
249
                    NProgress.start();
15259 stevensc 250
                    if(response['success']) {
251
                        $.fn.showSuccess(response['data']);
252
 
253
                        $('#modal').modal('hide');
254
 
255
 
15260 stevensc 256
                        gridTable.api().ajax.reload(null, false);
15259 stevensc 257
                    } else {
14990 efrain 258
                        validator.resetForm();
259
                        if(jQuery.type(response['data']) == 'string') {
260
                            $.fn.showError(response['data']);
15259 stevensc 261
                        } else  {
262
                            $.each(response['data'], function( fieldname, errors ) {
263
                                $.fn.showFormErrorValidator('#form #' + fieldname, errors);
264
                            });
14990 efrain 265
                        }
15259 stevensc 266
                    }
14990 efrain 267
                }).fail(function( jqXHR, textStatus, errorThrown) {
15260 stevensc 268
                    $.fn.showError(textStatus);
14990 efrain 269
                }).always(function() {
270
                    NProgress.done();
15260 stevensc 271
                    $('#modal .btn-primary').removeAttr('disabled')
14990 efrain 272
                });
273
                return false;
274
            },
275
            invalidHandler: function(form, validator) {
15260 stevensc 276
 
14990 efrain 277
            }
278
        });
279
 
280
        $('body').on('click', 'button.btn-add', function(e) {
281
            e.preventDefault();
282
 
283
            $('span[id="form-title"]').html('LABEL_ADD');
284
            $('#form').attr('action', '$routeAdd');
285
            $('#form #description').val('');
286
            $('#form #status').bootstrapToggle('on');
287
 
288
            validator.resetForm();
289
            $('#modal').modal('show');
290
        });
291
 
292
        $('body').on('click', 'button.btn-edit', function(e) {
293
            e.preventDefault();
294
            NProgress.start();
295
            var action = $(this).data('href');
296
 
297
            $.ajax({
298
                'dataType'  : 'json',
299
                'method'    : 'get',
300
                'url'       :  action,
301
            }).done(function(response) {
302
                if(response['success']) {
303
 
304
                    $('span[id="form-title"]').html('LABEL_EDIT');
305
                    $('#form').attr('action', action);
306
                    $('#form #description').val(response['data']['description']);
307
                    $('#form #status').bootstrapToggle(response['data']['status'] == '$status_active' ? 'on' : 'off')
308
 
309
                    validator.resetForm();
310
 
311
                    $('#modal').modal('show');
312
                } else {
313
                    $.fn.showError(response['data']);
314
                }
315
            }).fail(function( jqXHR, textStatus, errorThrown) {
316
                $.fn.showError(textStatus);
317
            }).always(function() {
318
                NProgress.done();
319
            });
320
        });
321
 
322
        $('body').on('click', 'button.btn-refresh', function(e) {
323
            e.preventDefault();
324
            gridTable.api().ajax.reload(null, false);
325
        });
326
 
327
 
328
        $('body').on('click', 'button.btn-cancel', function(e) {
329
            e.preventDefault();
330
            $('#modal').modal('hide');
331
        });
332
 
333
 
334
        $('#form #status').bootstrapToggle({'on' : 'LABEL_ACTIVE',  'off' : 'LABEL_INACTIVE', 'width' : '160px', 'height' : '40px'});
335
 
336
 
337
 
338
        $('#form #description').maxlength({
339
             alwaysShow: true,
340
 
341
             validate: true
342
        });
343
 
344
        $('body').on('click', 'button.btn-import', function(e) {
345
            e.preventDefault();
346
            NProgress.start();
347
            $.ajax({
348
                'dataType': 'json',
349
                'method': 'post',
350
                'url': '$routeImport',
351
            }).done(function(response) {
352
                if (response['success']) {
353
                    $.fn.showSuccess(response['data']);
354
                    gridTable.api().ajax.reload(null, false);
355
                } else {
356
                    $.fn.showError(response['data']);
357
                }
358
            }).fail(function(jqXHR, textStatus, errorThrown) {
359
                $.fn.showError(textStatus);
360
            }).always(function() {
361
                NProgress.done();
362
            });
363
            return false;
364
        });
365
 
366
 
15437 stevensc 367
        CKEDITOR.replace('description', {
368
            toolbar: [
369
                    { name: 'editing', items: ['Scayt'] },
370
                    { name: 'links', items: ['Link', 'Unlink'] },
371
                    { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'] },
372
                    { name: 'basicstyles', items: ['Bold', 'Italic', 'Strike', 'RemoveFormat'] },
373
                    '/',
374
                    { name: 'insert', items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar'] },
375
                    { name: 'styles', items: ['Styles', 'Format'] },
376
                    { name: 'tools', items: ['Maximize'] }
377
                ],
378
                removePlugins: 'elementspath,Anchor',
379
                heigth: 100
380
        });
14990 efrain 381
    });
382
JS;
383
$this->inlineScript()->captureEnd();
384
?>
385
 
15260 stevensc 386
 
387
 
14990 efrain 388
<!-- Content Header (Page header) -->
389
<section class="content-header">
15260 stevensc 390
    <div class="container-fluid">
391
        <div class="row mb-2">
392
            <div class="col-sm-12">
393
                <h1>LABEL_BEHAVIORS</h1>
394
            </div>
395
        </div>
396
    </div><!-- /.container-fluid -->
14990 efrain 397
</section>
398
 
399
<section class="content">
15260 stevensc 400
    <div class="container-fluid">
401
        <div class="row">
402
            <div class="col-12">
403
                <div class="card">
404
                    <div class="card-body">
405
                        <table id="gridTable" class="table table-striped table-hover">
406
                            <thead>
407
                                <tr>
408
                                    <th>LABEL_DESCRIPTION</th>
409
                                    <th>LABEL_ACTIVE</th>
410
                                    <th>LABEL_ACTIONS</th>
14990 efrain 411
                                </tr>
15260 stevensc 412
                            </thead>
413
                            <tbody>
414
                            </tbody>
415
                        </table>
416
                    </div>
417
                    <div class="card-footer clearfix">
418
                        <div style="float:right;">
419
                            <button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
420
                            <?php if ($allowAdd) : ?>
421
                                <button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
422
                            <?php endif; ?>
423
                            <?php if ($allowImport) : ?>
424
                                <button type="button" class="btn btn-primary btn-import"><i class="fa fa-plus"></i> LABEL_IMPORT </button>
425
                            <?php endif; ?>
426
                        </div>
427
                    </div>
428
                </div>
429
            </div>
430
        </div>
431
    </div>
432
</section>
14990 efrain 433
 
434
<!-- The Modal -->
435
<div class="modal" id="modal">
15260 stevensc 436
    <div class="modal-dialog  modal-xl">
437
        <div class="modal-content">
14990 efrain 438
 
439
            <!-- Modal Header -->
15260 stevensc 440
            <div class="modal-header">
441
                <h4 class="modal-title">LABEL_BEHAVIOR - <span id="form-title"></span></h4>
442
                <button type="button" class="close" data-dismiss="modal">&times;</button>
443
            </div>
14990 efrain 444
 
445
            <!-- Modal body -->
15260 stevensc 446
            <div class="modal-body">
447
                <?php
448
                $form = $this->form;
449
                $form->setAttributes([
450
                    'method'    => 'post',
451
                    'name'      => 'form',
452
                    'id'        => 'form'
453
                ]);
14990 efrain 454
 
15260 stevensc 455
                $form->prepare();
456
                echo $this->form()->openTag($form);
457
                ?>
458
                <div class="form-group">
459
                    <?php
460
                    $element = $form->get('description');
461
                    $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
462
                    $element->setAttributes(['class' => 'form-control']);
14990 efrain 463
 
15260 stevensc 464
                    echo $this->formLabel($element);
465
                    echo $this->formTextArea($element);
466
                    ?>
467
                </div>
468
                <div class="form-group">
469
                    <?php
470
                    $element = $form->get('status');
471
                    echo $this->formCheckbox($element);
472
                    ?>
473
                </div>
14990 efrain 474
 
15260 stevensc 475
                <div class="text-right">
476
                    <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
477
                    <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
478
                </div>
479
                <?php echo $this->form()->closeTag($form); ?>
480
            </div>
14990 efrain 481
 
15260 stevensc 482
 
483
        </div>
484
    </div>
485
</div>