File: /var/www/vhost/disk-apps/demo.sports-crowd.com/resources/views/academy/coaches/list.blade.php
@extends('modules.head') @section('contenido')
<style>
/* Ensure that the demo table scrolls */
/* th, */
td {
white-space: nowrap;
}
div.dataTables_wrapper {
height: fit-content;
margin: 0px 10px 0px 10px;
}
.dataTables_scrollBody {
max-height: none !important;
}
</style>
<div class="box-header">
<a class="btn btn-app btnReportProducts" onclick="clickExportAll()">
<i class="fa fa-file-excel-o"></i> {{ Lang::get('messages.academy_coaches.title_export_all') }}
</a>
<a class="auxiliar-black" href="{{ url('/academy_coaches/add') }}">
<button class="btn btnAdd pull-right">
<i style="margin-right:5px;" class="fa fa-plus"></i>{{ Lang::get('messages.academy_coaches.title_create') }}
</button>
</a>
</div>
<!-- List Data -->
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">{{ Lang::get('messages.academy_coaches.title_list') }}</h3>
</div>
<!-- /.box-header -->
<div class="box-body table-responsive ">
<table id="academy_coaches" class="stripe row-border order-column" style="width:100%" role="grid" aria-describedby="academy_coaches_info">
<thead>
<tr role="row">
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag1') }} </th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag2') }} </th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag3') }} </th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag4') }} </th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag5') }} </th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.screen_other_users_tag9')}}</th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag6-1') }} </th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag6-2') }} </th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag6-3') }} </th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag9') }} </th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag0') }} </th>
<th class="sorting" tabindex="0" aria-controls="academy_coaches" rowspan="1" colspan="1" aria-label="Engine version: activate to sort column ascending"> {{ Lang::get('messages.academy_coaches.tag00') }} </th>
</tr>
</thead>
</table>
</div>
<!-- /.box-body -->
</div>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/crud.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/academy_coaches.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
var sort_col = $('#academy_coaches').find("th:contains(" + Lang.get('messages.academy_categories_labels.created_at') + ")")[0].cellIndex;
let fixedColumns = false;
let isMobileDevice = /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
if (!isMobileDevice) {
fixedColumns = {
left: 2,
right: 2
};
}
_table = $('#academy_coaches').DataTable({
stateSave: true,
stateSaveCallback: function(settings, data) {
localStorage.setItem('DataTables_' + settings.sInstance, JSON.stringify(data))
},
stateLoadCallback: function(settings) {
return JSON.parse(localStorage.getItem('DataTables_' + settings.sInstance))
},
responsive: true,
processing: true,
serverSide: true,
order: [
[sort_col, 'desc']
],
language: {
url: window.DATATABLES_LANGUAGE_URL,
},
scrollX: true,
scrollCollapse: true,
paging: true,
fixedColumns: fixedColumns,
ajax: {
url: "{{ route('academy_coaches.table') }}",
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
type: "POST"
},
columns: [{
data: 'first_name',
name: 'first_name'
},
{
data: 'last_name',
name: 'last_name'
},
{
data: 'email',
name: 'email'
},
{
data: 'phone',
name: 'phone'
},
{
data: 'document',
name: 'document'
},
{
data: 'segmentation',
name: 'tags.name',
},
{
data: 'schedules',
name: 'academy_schedules.name'
},
{
data: 'categories',
name: 'academy_categories.name'
},
{
data: 'locations',
name: 'academy_locations.name'
},
{
data: 'created_at',
name: 'created_at'
},
{
data: 'active',
name: 'active'
},
{
data: 'actions',
name: 'actions'
}
]
});
var info = '<i class="fa fa-info-circle" id="btn-info-busqueda"></i><div class="dropdown-menu" id="menuBusqueda" style="left: 50%; padding: 5px; background-color: #f9fb8f;"><p data-toggle="modal">Busqueda por Nombre, Orden y Link</p></div>';
$('#academy_coaches_filter').append(info);
$('#btn-info-busqueda').on('click', function() {
$('#menuBusqueda').toggle();
});
});
function clickExportAll() {
$('#loading').show();
_table = $("#academy_coaches").DataTable();
let query = _table.ajax.json().queries[1].query;
let bindings = _table.ajax.json().queries[1].bindings;
query = query.split(' limit ')[0];
var validateDownloadUrl = document.location.origin + "/academy_coaches/validateExport";
var downloadUrl = document.location.origin + "/academy_coaches/export/";
var formData = new FormData();
formData.append("query", query);
formData.append("bindings", bindings);
$.ajax({
type: "POST",
dataType: "json",
processData: false,
contentType: false,
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
data: formData,
url: validateDownloadUrl,
success: function(response) {
$('#loading').hide();
if (response.success) {
window.location.assign(downloadUrl + response.data);
} else {
swal("Error", response.message, "error");
}
},
error: function(response) {
$('#loading').hide();
swal("Error", response.responseJSON ? response.responseJSON.message :
'Hubo un error en el servidor, espere unos segundos e intente de nuevo', "error");
}
});
}
</script>
@endsection