Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16929 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
15460 efrain 1 
<?php
2 
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
3 
$currentUser    = $this->currentUserHelper();
4 
 
5 
$roleName = $currentUser->getUserTypeId();
6 
 
7 
 
8 
$routeAdd       = $this->url('settings/countries/add');
9 
$routeDatatable = $this->url('settings/countries');
10 
 
11 
 
12 
$allowAdd       = $acl->isAllowed($roleName, 'settings/countries/add') ? 1 : 0;
13 
$allowEdit      = $acl->isAllowed($roleName, 'settings/countries/edit') ? 1 : 0;
14 
$allowDelete    = $acl->isAllowed($roleName, 'settings/countries/delete') ? 1 : 0;
15 
 
16 
 
17 
 
16822 efrain 18 
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
19 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));
15460 efrain 20 
 
21 
 
16929 efrain 22 
 
23 
 
24 
 
16822 efrain 25 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net/jquery.dataTables.js'));
15460 efrain 26 
 
16822 efrain 27 
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.css'));
28 
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.css'));
15460 efrain 29 
 
16822 efrain 30 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net/jquery.dataTables.js'));
31 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.js'));
32 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/dataTables.responsive.min.js'));
33 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.min.js'));
34 
 
35 
 
36 
 
37 
 
15460 efrain 38 
$status_active = \LeadersLinked\Model\CompetencyType::STATUS_ACTIVE;
39 
 
40 
$this->inlineScript()->captureStart();
41 
echo <<<JS
42 
    jQuery( document ).ready(function( $ ) {
43 
 
44 
        $.validator.setDefaults({
45 
            debug: true,
46 
            highlight: function(element) {
47 
                $(element).addClass('is-invalid');
48 
            },
49 
            unhighlight: function(element) {
50 
                $(element).removeClass('is-invalid');
51 
            },
52 
            errorElement: 'span',
53 
            errorClass: 'error invalid-feedback',
54 
            errorPlacement: function(error, element) {
16822 efrain 55 
                error.insertAfter(element.parent());
15460 efrain 56 
            }
57 
        });
58 
 
59 
 
16929 efrain 60 
 
15460 efrain 61 
 
62 
 
63 
 
64 
        var allowEdit   = $allowEdit;
65 
        var allowDelete = $allowDelete;
66 
 
67 
        var gridTable = $('#gridTable').dataTable( {
68 
            'processing': true,
69 
            'serverSide': true,
70 
            'searching': true,
71 
            'order': [[ 0, 'asc' ]],
72 
            'ordering':  true,
73 
            'ordenable' : true,
74 
            'responsive': true,
75 
            'select' : false,
76 
        	'paging': true,
77 
            'pagingType': 'simple_numbers',
78 
    		'ajax': {
79 
    			'url' : '$routeDatatable',
80 
    			'type' : 'get',
81 
                'beforeSend': function (request) {
82 
                  NProgress.start();
83 
                },
84 
                'dataFilter': function(response) {
85 
                    var response = jQuery.parseJSON( response );
86 
 
87 
                    var json                = {};
88 
                    json.recordsTotal       = 0;
89 
                    json.recordsFiltered    = 0;
90 
                    json.data               = [];
91 
 
92 
 
93 
                    if(response.success) {
94 
                        json.recordsTotal       = response.data.total;
95 
                        json.recordsFiltered    = response.data.total;
96 
                        json.data               = response.data.items;
97 
                    } else {
98 
                        $.fn.showError(response.data)
99 
                    }
100 
 
101 
                    return JSON.stringify( json );
102 
                }
103 
    		},
104 
            'language' : {
105 
                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',
106 
                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',
107 
                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',
108 
                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',
109 
                'sInfo':           'LABEL_DATATABLE_SINFO',
110 
                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',
111 
                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',
112 
                'sInfoPostFix':    '',
113 
                'sSearch':         'LABEL_DATATABLE_SSEARCH',
114 
                'sUrl':            '',
115 
                'sInfoThousands':  ',',
116 
                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
117 
                'oPaginate': {
118 
                    'sFirst':    'LABEL_DATATABLE_SFIRST',
119 
                    'sLast':     'LABEL_DATATABLE_SLAST',
120 
                    'sNext':     'LABEL_DATATABLE_SNEXT',
121 
                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
122 
                },
123 
                'oAria': {
124 
                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',
125 
                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
126 
                },
127 
            },
128 
            'drawCallback': function( settings ) {
129 
                NProgress.done();
16822 efrain 130 
 
15460 efrain 131 
            },
132 
            'aoColumns': [
133 
                { 'mDataProp': 'code' },
134 
                { 'mDataProp': 'country' },
135 
                { 'mDataProp': 'actions' },
136 
    	    ],
137 
            'columnDefs': [
138 
                {
139 
                    'targets': 0,
140 
                    'className' : 'text-vertical-middle',
141 
                },               {
142 
                    'targets': 1,
143 
                    'className' : 'text-vertical-middle',
144 
                },
145 
 
146 
                {
147 
                    'targets': -1,
148 
                    'orderable': false,
149 
                    'render' : function ( data, type, row ) {
150 
                        s = '';
151 
 
152 
                        if(allowEdit && data['link_edit']) {
16906 efrain 153 
                            s = s + '<button class="btn btn-primary btn-edit" data-href="' + data['link_edit']+ '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pen"></i> LABEL_EDIT </button>&nbsp;';
15460 efrain 154 
                        }
155 
                        if(allowDelete && data['link_delete']) {
156 
                            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;';
157 
                        }
158 
                        return s;
159 
                    }
160 
                }
161 
              ],
162 
        });
163 
 
164 
 
165 
        var validator = $('#form').validate({
166 
            debug: true,
167 
            onclick: false,
168 
            onkeyup: false,
169 
            ignore: [],
170 
            rules: {
171 
                'code': {
172 
                    required: true,
173 
                    minlength: 2,
174 
                    maxlength: 2,
175 
                },
176 
                'country': {
177 
                    required: true,
178 
                    maxlength: 128,
179 
                },
180 
            },
181 
            submitHandler: function(form)
182 
            {
183 
                $('#modal .btn-primary').attr('disabled', true)
184 
                $.ajax({
185 
                    'dataType'  : 'json',
186 
                    'accept'    : 'application/json',
187 
                    'method'    : 'post',
188 
                    'url'       :  $('#form').attr('action'),
189 
                    'data'      :  $('#form').serialize()
190 
                }).done(function(response) {
191 
                    NProgress.start();
192 
                    if(response['success']) {
193 
                        $.fn.showSuccess(response['data']);
194 
 
195 
                        $('#modal').modal('hide');
196 
 
197 
 
198 
                        gridTable.api().ajax.reload(null, false);
199 
                    } else {
200 
                        validator.resetForm();
201 
                        if(jQuery.type(response['data']) == 'string') {
202 
                            $.fn.showError(response['data']);
203 
                        } else  {
204 
                            $.each(response['data'], function( fieldname, errors ) {
205 
                                $.fn.showFormErrorValidator('#form #' + fieldname, errors);
206 
                            });
207 
                        }
208 
                    }
209 
                }).fail(function( jqXHR, textStatus, errorThrown) {
210 
                    $.fn.showError(textStatus);
211 
                }).always(function() {
212 
                    NProgress.done();
213 
                    $('#modal .btn-primary').removeAttr('disabled')
214 
                });
215 
                return false;
216 
            },
217 
            invalidHandler: function(form, validator) {
218 
 
219 
            }
220 
        });
221 
 
222 
        $('body').on('click', 'button.btn-add', function(e) {
223 
            e.preventDefault();
224 
 
16840 efrain 225 
 
15460 efrain 226 
            $('#form').attr('action', '$routeAdd');
227 
            $('#form #code').val('');
228 
            $('#form #code').removeAttr('readonly');
229 
            $('#form #country').val('');
230 
 
231 
            validator.resetForm();
232 
            $('#modal').modal('show');
233 
        });
234 
 
235 
        $('body').on('click', 'button.btn-edit', function(e) {
236 
            e.preventDefault();
237 
            NProgress.start();
238 
            var action = $(this).data('href');
239 
 
240 
            $.ajax({
241 
                'dataType'  : 'json',
242 
                'method'    : 'get',
243 
                'url'       :  action,
244 
            }).done(function(response) {
245 
                if(response['success']) {
246 
 
16840 efrain 247 
 
15460 efrain 248 
                    $('#form').attr('action', action);
249 
                    $('#form #code').val(response['data']['code']);
250 
                     $('#form #code').attr('readonly', 'readonly');
251 
                    $('#form #country').val(response['data']['country']);
252 
 
253 
                    validator.resetForm();
254 
 
255 
                    $('#modal').modal('show');
256 
                } else {
257 
                    $.fn.showError(response['data']);
258 
                }
259 
            }).fail(function( jqXHR, textStatus, errorThrown) {
260 
                $.fn.showError(textStatus);
261 
            }).always(function() {
262 
                NProgress.done();
263 
            });
264 
        });
265 
 
266 
        $('body').on('click', 'button.btn-refresh', function(e) {
267 
            e.preventDefault();
268 
            gridTable.api().ajax.reload(null, false);
269 
        });
270 
 
271 
 
272 
        $('body').on('click', 'button.btn-cancel', function(e) {
273 
            e.preventDefault();
274 
            $('#modal').modal('hide');
275 
        });
276 
 
16822 efrain 277 
    $('body').on('click', 'button.btn-delete', function(e) {
278 
        e.preventDefault();
279 
        var action = $(this).data('href');
280 
 
281 
 
282 
          swal.fire({
283 
            title: 'LABEL_ARE_YOU_SURE',
284 
            icon: 'question',
285 
            cancelButtonText: 'LABEL_NO',
286 
            showCancelButton: true,
287 
            confirmButtonText: 'LABEL_YES'
288 
          }).then((result) => {
289 
            if (result.isConfirmed) {
290 
 
291 
                    NProgress.start();
292 
                    $.ajax({
293 
                        'dataType'  : 'json',
294 
                        'accept'    : 'application/json',
295 
                        'method'    : 'post',
296 
                        'url'       :  action,
297 
                    }).done(function(response) {
298 
                        if(response['success']) {
299 
                            $.fn.showSuccess(response['data']);
300 
                            gridTable.api().ajax.reload(null, false);
301 
                        } else {
302 
                            $.fn.showError(response['data']);
303 
                        }
304 
                    }).fail(function( jqXHR, textStatus, errorThrown) {
305 
                        $.fn.showError(textStatus);
306 
                    }).always(function() {
307 
                        NProgress.done();
308 
                    });
309 
                }
310 
           });
311 
        });
15460 efrain 312 
    });
313 
JS;
314 
$this->inlineScript()->captureEnd();
315 
?>
316 
 
317 
 
16822 efrain 318 
<div class="container">
15460 efrain 319 
        <div class="row">
16891 efrain 320 
            <div class="col-12 mt-3">
15460 efrain 321 
                <div class="card">
16822 efrain 322 
 
15460 efrain 323 
                    <div class="card-body">
16822 efrain 324 
                   	 	<h6 class="card-title">LABEL_COUNTRIES</h6>
325 
						<div class="row">
16841 efrain 326 
							<div class="col-12  mt-3">
16912 efrain 327 
                                <table id="gridTable" class="table  table-bordered">
16822 efrain 328 
                                    <thead>
329 
                                        <tr>
330 
                                            <th>LABEL_CODE</th>
331 
                                            <th>LABEL_COUNTRY</th>
332 
                                            <th>LABEL_ACTIONS</th>
333 
                                        </tr>
334 
                                    </thead>
335 
                                    <tbody>
336 
                                    </tbody>
337 
                                </table>
338 
                           </div>
339 
                       </div>
15460 efrain 340 
                    </div>
16822 efrain 341 
                    <div class="card-footer text-right">
342 
 
16992 efrain 343 
                            <button type="button" class="btn btn-info btn-refresh"><i class="fa fa-sync"></i> LABEL_REFRESH </button>
15460 efrain 344 
                            <?php if ($allowAdd) : ?>
345 
                                <button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
346 
                            <?php endif; ?>
16822 efrain 347 
 
15460 efrain 348 
                    </div>
349 
                </div>
350 
            </div>
351 
        </div>
352 
    </div>
353 
 
16822 efrain 354 
 
15460 efrain 355 
<!-- The Modal -->
356 
<div class="modal" id="modal">
357 
    <div class="modal-dialog  modal-xl">
358 
        <div class="modal-content">
359 
 
360 
            <!-- Modal Header -->
361 
            <div class="modal-header">
16845 efrain 362 
                <h6 class="modal-title">LABEL_COUNTRY</h6>
16822 efrain 363 
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
15460 efrain 364 
            </div>
365 
 
366 
                <?php
367 
                $form = $this->form;
368 
                $form->setAttributes([
369 
                    'method'    => 'post',
370 
                    'name'      => 'form',
371 
                    'id'        => 'form'
372 
                ]);
373 
 
374 
                $form->prepare();
375 
                echo $this->form()->openTag($form);
376 
                ?>
16822 efrain 377 
 
378 
            <!-- Modal body -->
379 
            <div class="modal-body">
380 
 
381 
                <div class="row">
16841 efrain 382 
                	<div class="col-12  mt-3">
15460 efrain 383 
                    <?php
384 
                    $element = $form->get('code');
385 
                    $element->setOptions(['label' => 'LABEL_CODE']);
386 
                    $element->setAttributes(['class' => 'form-control']);
387 
 
388 
                    echo $this->formLabel($element);
389 
                    echo $this->formText($element);
390 
                    ?>
16822 efrain 391 
                    </div>
15460 efrain 392 
                </div>
16822 efrain 393 
                <div class="row">
16841 efrain 394 
                	<div class="col-12  mt-3">
15460 efrain 395 
                    <?php
396 
                    $element = $form->get('country');
397 
                    $element->setOptions(['label' => 'LABEL_COUNTRY']);
398 
                    $element->setAttributes(['class' => 'form-control']);
399 
 
400 
                    echo $this->formLabel($element);
401 
                    echo $this->formText($element);
402 
                    ?>
16822 efrain 403 
                    </div>
15460 efrain 404 
                </div>
405 
 
16822 efrain 406 
 
407 
 
15460 efrain 408 
            </div>
16822 efrain 409 
 
410 
            <div class="modal-footer text-right">
411 
            	<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
412 
               	<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
413 
            </div>
414 
            <?php echo $this->form()->closeTag($form); ?>
15460 efrain 415 
 
416 
 
417 
        </div>
418 
    </div>
419 
</div>