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('plugins/nprogress/nprogress.css'));

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

$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));

$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-responsive/css/responsive.bootstrap4.min.css'));

$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));

$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));

$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/dataTables.responsive.min.js'));

$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/responsive.bootstrap4.min.js'));

$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));

$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-checkbox/awesome-bootstrap-checkbox.css'));

$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();

                $('button.btn-delete').confirmation({

                    rootSelector: 'button.btn-delete',

                    title : 'LABEL_ARE_YOU_SURE',

                    singleton : true,

                    btnOkLabel: 'LABEL_YES',

                    btnCancelLabel: 'LABEL_NO',

                    onConfirm: function(value) {

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

                        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();

                        });

                    },

                });

            },

            '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);

        });

    });

JS;

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

$js = <<<JS

const backendVar={

    table_link: "$routeDatatable",

    allowDelete: "$allowDelete"

}

JS;

$this->inlineScript()->appendScript($js);

$this->headLink()->appendStylesheet('/react-bundles/followers/main.css');

$this->inlineScript()->appendFile('/react-bundles/followers/followersBundle.js');

?>

<div id="company-followers">

</div>

<!-- Content Header (Page header) -->

<section class="content-header">

	<div class="container-fluid">

    	<div class="row mb-2">

        	<div class="col-sm-12">

            	<h1>LABEL_FOLLOWERS</h1>

			</div>

		</div>

	</div><!-- /.container-fluid -->

</section>

<section class="content">

	<div class="container-fluid">

    	<div class="row">

        	<div class="col-12">

				<div class="card">

					<div class="card-body">

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

                      		<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-refresh"></i> LABEL_REFRESH  </button>

						</div>

                 	</div>

          		</div>

           	</div>

        </div>

 	</div>

</section>