Rev 16932 | AutorÃa | Comparar con el anterior | Ultima modificación | Ver Log |
<?php
use LeadersLinked\Model\CompanyService;
use LeadersLinked\Model\Company;
$acl = $this->viewModel()->getRoot()->getVariable('acl');
$currentUser = $this->currentUserHelper();
$roleName = $currentUser->getUserTypeId();
$routeDatatable = $this->url('companies');
$routeDashboard = $this->url('dashboard');
$allowEdit = $acl->isAllowed($roleName, 'companies/edit') ? 1 : 0;
$allowServices = $acl->isAllowed($roleName, 'companies/services') ? 1 : 0;
$allowRoles = $acl->isAllowed($roleName, 'companies/roles') ? 1 : 0;
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/ckeditor/ckeditor.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->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
//$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css'));
//$this->inlineScript()->appendFile($this->basePath('assets/vendors/moment/moment-with-locales.js'));
//$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/moment/moment-with-locales.js'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-datepicker/js/bootstrap-datepicker.js'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-datepicker/js/bootstrap-datepicker.es.js'));
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-datepicker/css/bootstrap-datepicker.css'));
$status_active = CompanyService::ACTIVE;
$status_inactive = CompanyService::INACTIVE;
$status_cancelled = CompanyService::CANCELLED;
$status_suspended = CompanyService::SUSPENDED;
$this->inlineScript()->captureStart();
echo <<<JS
jQuery( document ).ready(function( $ ) {
$.validator.setDefaults({
debug: true,
highlight: function(element) {
$(element).addClass('is-invalid');
},
unhighlight: function(element) {
$(element).removeClass('is-invalid');
},
errorElement: 'span',
errorClass: 'error invalid-feedback',
errorPlacement: function(error, element) {
if(element.parent('.toggle').length) {
error.insertAfter(element.parent().parent());
} else {
error.insertAfter(element.parent());
}
}
});
var allowEdit = $allowEdit;
var allowServices = $allowServices;
var allowRoles = $allowRoles;
var gridTable = $('#gridTable').dataTable( {
'processing': true,
'serverSide': true,
'searching': true,
'order': [[ 0, 'asc' ]],
'ordering': true,
'ordenable' : true,
'responsive': true,
'select' : false,
'paging': true,
'pagingType': 'simple_numbers',
'ajax': {
'url' : '$routeDatatable',
'type' : 'get',
'beforeSend': function (request) {
NProgress.start();
},
'data' : function(data) {
data.status = $('#form-filter #status').val();
data.network_id = $('#form-filter #network_id').val();
} ,
'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': 'name' },
{ 'mDataProp': 'details' },
{ 'mDataProp': 'security' },
{ 'mDataProp': 'actions' },
],
'columnDefs': [
{
'targets': 0,
'className' : 'text-vertical-middle',
'orderable': false,
'render' : function ( data, type, row ) {
var s = row['name'] + '<br>' + row['network'];
if(row['link_profile'] ) {
s = s + '<br><button class="btn btn-light btn-profile" data-href="' + row['link_profile']+ '" data-toggle="tooltip" title="LABEL_PROFILE"><i class="fa fa-external-link-alt"></i></button> <br>';
}
return s;
}
},
{
'targets': -3,
'orderable': false,
'render' : function ( data, type, row ) {
var s = 'LABEL_STATUS : ' + data['status'] + '<br>';
s = s + 'LABEL_INTERNAL : ' + data['internal'] + '<br>';
if(allowServices) {
s = s + 'LABEL_SERVICES: <button class="btn btn-light btn-services" data-href="' + row['actions']['link_services']+ '" data-toggle="tooltip" title="LABEL_SERVICES"><i class="fa fa-external-link-alt"></i></button> <br>';
} else {
s = s + 'LABEL_SERVICES: <br>';
}
if(data['services']) {
s = s + '<ul>';
$.each(data['services'], function(index, service) {
s = s + '<li>' + service + '</li>';
});
s = s + '</ul>';
}
if(allowRoles) {
s = s + 'LABEL_ROLES: <button class="btn btn-light btn-roles" data-href="' + row['actions']['link_roles']+ '" data-toggle="tooltip" title="LABEL_ROLES"><i class="fa fa-external-link-alt"></i></button> <br>';
} else {
s = s + 'LABEL_ROLES: <br>';
}
if(data['roles']) {
s = s + '<ul>';
$.each(data['roles'], function(index, role) {
s = s + '<li>' + role + '</li>';
});
s = s + '</ul>';
} else {
s = s + 'LABEL_ROLES: <br>';
}
return s;
}
},
{
'targets': -2,
'orderable': false,
'render' : function ( data, type, row ) {
var s = 'LABEL_CREATED_BY<br>';
s = s + '<ul>';
s = s + '<li> LABEL_FIRST_NAME : ' + data['first_name'] + ' </li>';
s = s + '<li>LABEL_LAST_NAME : ' + data['last_name'] + ' </li>';
s = s + '<li>LABEL_EMAIL : ' + data['email'] + ' </li>';
s = s + '</ul>';
return s;
}
},
{
'targets': -1,
'orderable': false,
'render' : function ( data, type, row ) {
s = '';
if(allowEdit) {
s = s + '<button class="btn btn-sm btn-primary btn-edit" data-href="' + data['link_edit']+ '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pen"></i> LABEL_EDIT </button> ';
}
return s;
}
}
],
});
$('body').on('click', 'button.btn-refresh', function(e) {
e.preventDefault();
gridTable.api().ajax.reload(null, false);
});
$('body').on('click', 'button.btn-profile', function(e) {
e.preventDefault();
var href = $(this).data('href');
window.open(href, '_blank');
});
$('body').on('click', 'button.btn-services', function(e) {
e.preventDefault();
var href = $(this).data('href');
$('#form-services').attr('action', href);
NProgress.start();
$.ajax({
'dataType' : 'json',
'accept' : 'application/json',
'method' : 'get',
'url' : href,
}).done(function(response) {
if(response['success']) {
$('#table-services tbody').empty();
$.each(response['data'], function(index, service) {
var s = '<tr>';
s = s + '<td>' + service['name'] + '</td>';
s = s + '<td><select id="status' + service['id'] + '" name="status' + service['id'] + '" class="form-control">';
selected = service['status'] == '$status_inactive' ? 'selected' : '';
s = s + '<option value="$status_inactive" ' + selected + '>LABEL_INACTIVE</option>';
selected = service['status'] == '$status_active' ? 'selected' : '';
s = s + '<option value="$status_active" ' + selected + '>LABEL_ACTIVE</option>';
selected = service['status'] == '$status_cancelled' ? 'selected' : '';
s = s + '<option value="$status_cancelled" ' + selected + '>LABEL_CANCELLED</option>';
selected = service['status'] == '$status_suspended' ? 'selected' : '';
s = s + '<option value="$status_suspended" ' + selected + '>LABEL_SUSPENDED</option>';
s = s + '</select>';
s = s + '</td>';
s = s + '<td><input type="text" id="paid_from' + service['id'] + '" name="paid_from' + service['id'] + '" class="form-control input-paid-from" value="' + service['paid_from']+ '"></td>';
s = s + '<td><input type="text" id="paid_to' + service['id'] + '" name="paid_to' + service['id'] + '" class="form-control input-paid-to" value="' + service['paid_to']+ '"></td>';
s = s + '</tr>';
$('#table-services tbody').append(s);
});
$('input.input-paid-from').datepicker({
'language' : 'es',
'format' : 'dd/mm/yyyy',
});
$('input.input-paid-to').datepicker({
'language' : 'es',
'format' : 'dd/mm/yyyy',
});
$('#modalServices').modal('show');
} else {
$.fn.showError(response['data']);
}
}).fail(function( jqXHR, textStatus, errorThrown) {
$.fn.showError(textStatus);
}).always(function() {
NProgress.done();
});
});
$('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();
});
}
});
});
$('#form-services').submit(function (e) {
e.preventDefault();
NProgress.start();
$.ajax({
'dataType' : 'json',
'accept' : 'application/json',
'method' : 'post',
'url' : $('#form-services').attr('action'),
'data' : $('#form-services').serialize(),
}).done(function(response) {
if(response['success']) {
$.fn.showSuccess(response['data']);
$('#modalServices').modal('hide');
gridTable.api().ajax.reload(null, false);
} else {
$.fn.showError(response['data']);
}
}).fail(function( jqXHR, textStatus, errorThrown) {
$.fn.showError(textStatus);
}).always(function() {
NProgress.done();
});
return false;
});
$('body').on('click', 'button.btn-roles', function(e) {
e.preventDefault();
var href = $(this).data('href');
$('#form-roles').attr('action', href);
NProgress.start();
$.ajax({
'dataType' : 'json',
'accept' : 'application/json',
'method' : 'get',
'url' : href,
}).done(function(response) {
if(response['success']) {
$('#table-roles tbody').empty();
$.each(response['data'], function(index, role) {
var checked = role['checked'] ? ' checked="checked" ' : '';
var s = '<tr>';
s = s + '<td>' + role['name'] + '</td>';
s = s + '<td><div class="form-check ">' +
'<input type="checkbox" class="form-check-input" id="checked' + role['id'] + '" name="checked' + role['id'] + '" ' + checked + '>' +
'<label class="form-check-label" for="exampleCheck1"> </label>'+
'</div></td>';
s = s + '</tr>';
$('#table-roles tbody').append(s);
});
$('#modalRoles').modal('show');
} else {
$.fn.showError(response['data']);
}
}).fail(function( jqXHR, textStatus, errorThrown) {
$.fn.showError(textStatus);
}).always(function() {
NProgress.done();
});
});
$('#form-roles').submit(function (e) {
e.preventDefault();
NProgress.start();
$.ajax({
'dataType' : 'json',
'accept' : 'application/json',
'method' : 'post',
'url' : $('#form-roles').attr('action'),
'data' : $('#form-roles').serialize(),
}).done(function(response) {
if(response['success']) {
$.fn.showSuccess(response['data']);
$('#modalRoles').modal('hide');
gridTable.api().ajax.reload(null, false);
} else {
$.fn.showError(response['data']);
}
}).fail(function( jqXHR, textStatus, errorThrown) {
$.fn.showError(textStatus);
}).always(function() {
NProgress.done();
});
return false;
});
$('body').on('click', 'button.btn-edit', function(e) {
e.preventDefault();
var href = $(this).data('href');
$('#form-edit').attr('action', href);
NProgress.start();
$.ajax({
'dataType' : 'json',
'accept' : 'application/json',
'method' : 'get',
'url' : href,
}).done(function(response) {
if(response['success']) {
$('#form-edit #status').val(response['data']['status']);
$('#form-edit #user_uuid').empty();
$.each(response['data']['users'], function(index, user) {
var s = '<option value="' + user['uuid'] + '">' + user['name'] + '</option>';
$('#form-edit #user_uuid').append(s);
});
$('#form-edit #user_uuid').val(response['data']['creator']);
$('#modalEdit').modal('show');
} else {
$.fn.showError(response['data']);
}
}).fail(function( jqXHR, textStatus, errorThrown) {
$.fn.showError(textStatus);
}).always(function() {
NProgress.done();
});
});
$('#form-edit').submit(function (e) {
e.preventDefault();
NProgress.start();
$.ajax({
'dataType' : 'json',
'accept' : 'application/json',
'method' : 'post',
'url' : $('#form-edit').attr('action'),
'data' : $('#form-edit').serialize(),
}).done(function(response) {
if(response['success']) {
$.fn.showSuccess(response['data']);
$('#modalEdit').modal('hide');
gridTable.api().ajax.reload(null, false);
} else {
$.fn.showError(response['data']);
}
}).fail(function( jqXHR, textStatus, errorThrown) {
$.fn.showError(textStatus);
}).always(function() {
NProgress.done();
});
return false;
});
$('body').on('click', 'button.btn-cancel', function(e) {
e.preventDefault();
$('#modalServices').modal('hide');
$('#modalRoles').modal('hide');
$('#modalEdit').modal('hide');
});
$('#form-filter #status, #form-filter #network_id').change(function(e) {
e.preventDefault();
gridTable.api().ajax.reload(null, false);
});
});
JS;
$this->inlineScript()->captureEnd();
?>
<div class="container">
<div class="card">
<div class="card-body">
<h6 class="card-title">LABEL_COMPANIES</h6>
<div class="row">
<div class="col-12 mt-3">
<form name="form-filter" id="form-filter">
<table class="table">
<thead>
<tr>
<th>LABEL_STATUS</th>
<th>LABEL_PRIVATE_NETWORKS</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<select id="status" name="status" class="form-control">
<option value="">LABEL_ALL</option>
<option value="<?php echo Company::STATUS_PENDING ?>">LABEL_PENDING</option>
<option value="<?php echo Company::STATUS_ACTIVE ?>">LABEL_ACTIVE</option>
<option value="<?php echo Company::STATUS_INACTIVE ?>">LABEL_INACTIVE</option>
<option value="<?php echo Company::STATUS_DELETED ?>">LABEL_DELETED</option>
<option value="<?php echo Company::STATUS_REJECTED ?>">LABEL_REJECTED</option>
</select>
</td>
<td>
<select id="network_id" name="network_id" class="form-control">
<option value="">LABEL_ALL</option>
<?php foreach ($networks as $value => $label) : ?>
<option value="<?php echo $value ?>"><?php echo $label ?></option>
<?php endforeach; ?>
</select>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div class="row">
<div class="col-12 mt-3">
<table id="gridTable" class="table table-bordered">
<thead>
<tr>
<th style="width: 30%">LABEL_NAME</th>
<th style="width: 30%">LABEL_DETAILS</th>
<th style="width: 30%">LABEL_SECURITY</th>
<th style="width: 10%">LABEL_ACTIONS</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div class="card-footer text-right">
<button type="button" class="btn btn-sm btn-info btn-refresh"><i class="fa fa-sync"></i> LABEL_REFRESH </button>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal" id="modalServices">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h6 class="modal-title">LABEL_SERVICES</h6>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
</div>
<!-- Modal body -->
<form name="form-services" id="form-services">
<div class="modal-body">
<div class="row">
<div class="col-12 mt-3">
<table id="table-services" class="table table-bordered">
<thead>
<tr>
<th>LABEL_NAME</th>
<th>LABEL_STATUS</th>
<th>LABEL_PAID_FROM</th>
<th>LABEL_PAID_TO</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer text-right">
<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
</div>
</form>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal" id="modalRoles">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h6 class="modal-title">LABEL_ROLES</h6>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
</div>
<!-- Modal body -->
<form name="form-roles" id="form-roles">
<div class="modal-body">
<div class="row">
<div class="col-12 mt-3">
<table id="table-roles" class="table table-bordered">
<thead>
<tr>
<th>LABEL_NAME</th>
<th>LABEL_ACTIVE</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer text-right">
<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
</div>
</form>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal" id="modalEdit">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h6 class="modal-title">LABEL_EDIT</h6>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
</div>
<!-- Modal body -->
<form name="form-edit" id="form-edit">
<div class="modal-body">
<div class="row">
<div class="col-12 mt-3">
<label for="status">LABEL_STATUS</label>
<select id="status" name="status" class="form-control">
<option value="<?php echo Company::STATUS_ACTIVE ?>">LABEL_ACTIVE</option>
<option value="<?php echo Company::STATUS_INACTIVE ?>">LABEL_INACTIVE</option>
<option value="<?php echo Company::STATUS_DELETED ?>">LABEL_DELETED</option>
<option value="<?php echo Company::STATUS_PENDING ?>">LABEL_PENDING</option>
<option value="<?php echo Company::STATUS_REJECTED ?>">LABEL_REJECTED</option>
</select>
</div>
</div>
<div class="row">
<div class="col-12 mt-3">
<label for="user_uuid">LABEL_CREATED_BY</label>
<select id="user_uuid" name="user_uuid" class="form-control">
</select>
</div>
</div>
</div>
<div class="card-footer text-right">
<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
</div>
</form>
</div>
</div>
</div>