Proyectos de Subversion LeadersLinked - Backend

<?php

$acl            = $this->viewModel()->getRoot()->getVariable('acl');

$currentUser    = $this->currentUserHelper();

$roleName = $currentUser->getUserTypeId();

$routeDatatable = $this->url('followers');

$allowDelete    = $acl->isAllowed($roleName, 'followers/delete') ? 1 : 0;

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.css'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.css'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net/jquery.dataTables.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/dataTables.responsive.min.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.min.js'));

$this->inlineScript()->captureStart();

echo <<<JS

    jQuery( document ).ready(function( $ ) {

        var allowDelete = $allowDelete;

        var gridTable = $('#gridTable').dataTable( {

            'processing': true,

            'serverSide': true,

            'searching': true,

            'order': [[ 1, 'asc' ]],

            'ordering':  true,

            'ordenable' : true,

            'responsive': true,

            'select' : false,

        	'paging': true,

            'pagingType': 'simple_numbers',

    		'ajax': {

    			'url' : '$routeDatatable',

    			'type' : 'get',

                'beforeSend': function (request) {

                  NProgress.start();

                },

                'dataFilter': function(response) {

                    var response = jQuery.parseJSON( response );

                    var json                = {};

                    json.recordsTotal       = 0;

                    json.recordsFiltered    = 0;

                    json.data               = [];

                    if(response.success) {

                        json.recordsTotal       = response.data.total;

                        json.recordsFiltered    = response.data.total;

                        json.data               = response.data.items;

                    } else {

                        $.fn.showError(response.data)

                    }

                    return JSON.stringify( json );

                }

    		},

            'language' : {

                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',

                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',

                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',

                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',

                'sInfo':           'LABEL_DATATABLE_SINFO',

                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',

                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',

                'sInfoPostFix':    '',

                'sSearch':         'LABEL_DATATABLE_SSEARCH',

                'sUrl':            '',

                'sInfoThousands':  ',',

                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',

                'oPaginate': {

                    'sFirst':    'LABEL_DATATABLE_SFIRST',

                    'sLast':     'LABEL_DATATABLE_SLAST',

                    'sNext':     'LABEL_DATATABLE_SNEXT',

                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'

                },

                'oAria': {

                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',

                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'

                },

            },

            'drawCallback': function( settings ) {

                NProgress.done();

            },

            'aoColumns': [

                { 'mDataProp': 'first_name' },

                { 'mDataProp': 'last_name' },

                { 'mDataProp': 'email' },

                { 'mDataProp': 'actions' },

    	    ],

            'columnDefs': [

                {

                    'targets': 0,

                    'className' : 'text-vertical-middle',

                },

                {

                    'targets': 1,

                    'className' : 'text-vertical-middle',

                },

                {

                    'targets': 2,

                    'className' : 'text-vertical-middle',

                },

                {

                    'targets': -1,

                    'orderable': false,

                    'render' : function ( data, type, row ) {

                        s = ' ';

                        if(allowDelete && data['link_delete']) {

                            s = s + '<button class="btn btn-danger btn-delete" data-href="' + data['link_delete']+ '" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-times"></i> LABEL_DELETE </button>&nbsp;';

                        }

                        return s;

                    }

                }

            ],

        });

        $('body').on('click', 'button.btn-refresh', function(e) {

            e.preventDefault();

            gridTable.api().ajax.reload(null, false);

        });

    $('body').on('click', 'button.btn-delete', function(e) {

        e.preventDefault();

        var action = $(this).data('href');

          swal.fire({

            title: 'LABEL_ARE_YOU_SURE',

            icon: 'question',

            cancelButtonText: 'LABEL_NO',

            showCancelButton: true,

            confirmButtonText: 'LABEL_YES'

          }).then((result) => {

            if (result.isConfirmed) {

                    NProgress.start();

                    $.ajax({

                        'dataType'  : 'json',

                        'accept'    : 'application/json',

                        'method'    : 'post',

                        'url'       :  action,

                    }).done(function(response) {

                        if(response['success']) {

                            $.fn.showSuccess(response['data']);

                            gridTable.api().ajax.reload(null, false);

                        } else {

                            $.fn.showError(response['data']);

                        }

                    }).fail(function( jqXHR, textStatus, errorThrown) {

                        $.fn.showError(textStatus);

                    }).always(function() {

                        NProgress.done();

                    });

                }

          });

        });

    });

JS;

$this->inlineScript()->captureEnd();

?>

<div class="container">

    	<div class="row">

        	<div class="col-12 mt-3">

				<div class="card">

					<div class="card-header">

						<h6 class="card-title">LABEL_FOLLOWERS</h6>

					</div>

					<div class="card-body">

        	    		<table id="gridTable" class="table   table-bordered">

                      		<thead>

        						<tr>

                                	<th>LABEL_FIRST_NAME</th>

                                	<th>LABEL_LAST_NAME</th>

                                	<th>LABEL_EMAIL</th>

                                  	<th>LABEL_ACTIONS</th>

                                </tr>

                       		</thead>

                         	<tbody>

                         	</tbody>

                    	</table>

                   	</div>

                   	<div class="card-footer clearfix">

                   		<div style="float:right;">

							<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-sync"></i> LABEL_REFRESH  </button>

						</div>

                 	</div>

          		</div>

           	</div>

        </div>

</div>