Proyectos de Subversion LeadersLinked - Backend

<?php

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

$currentUser    = $this->currentUserHelper();

$roleName = $currentUser->getUserTypeId();

//$routeAdd       = $this->url('users/add');

$routeDatatable = $this->url('users/request-access');

$routeDashboard = $this->url('dashboard');

$allowApprove   = $acl->isAllowed($roleName, 'users/request-access/approve') ? 1 : 0;

$allowReject    = $acl->isAllowed($roleName, 'users/request-access/reject') ? 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 allowApprove = $allowApprove;

        var allowReject = $allowReject;

        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(allowApprove && data['link_approve']) {

                            s = s + '<button class="btn btn-primary btn-approve" data-href="' + data['link_approve']+ '" data-toggle="tooltip" title="LABEL_APPROVE"><i class="fa fa-check"></i> LABEL_APPROVE </button>&nbsp;';

                        }

                        if(allowReject && data['link_reject']) {

                            s = s + '<button class="btn btn-info btn-reject" data-href="' + data['link_reject']+ '" data-toggle="tooltip" title="LABEL_REJECT"><i class="fa fa-ban"></i> LABEL_REJECT </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-approve', 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();

                    });

            }

       });

    });

 $('body').on('click', 'button.btn-reject', 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();

$this->headLink()->appendStylesheet('/css/style.css');

?>

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

<section class="content-header">

	<div class="container-fluid">

    	<div class="row mb-2">

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

            	<h1>LABEL_USERS</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-bordered" style="width: 100%">

                      		<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>