File: /var/www/vhost/disk-apps/alq-cali.bikenow.co/resources/views/matchevents/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">
@if (!in_array(Auth::user()->rol->id, [7, 15]))
<a class="auxiliar-black" href="{{ route('season.event.create', ['season_id' => $season_id]) }}">
<button class="btn btnAdd pull-right">
<i style="margin-right:5px;" class="fa fa-plus"></i>{{ __('messages.events.title_12') }}
</button>
</a>
@endif
</div>
<!-- List events-->
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">{{ __('messages.events.title_13') }}</h3>
</div>
<!-- /.box-header -->
<div class="box-body table-responsive ">
<table id="example2" class="stripe row-border order-column" style="width:100%" role="grid"
aria-describedby="example2_info">
<thead>
<tr role="row">
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.tournaments.banner') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.events.title_3') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.events.title_4') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.events.title_19') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.events.title_17') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.events.title_18') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.events.title_5') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.events.title_6') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.events.sales_type') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.events.title_29') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Browser: activate to sort column ascending">
{{ __('messages.events.title_30') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Engine version: activate to sort column ascending">
{{ __('messages.events.title_14') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
aria-label="Engine version: activate to sort column ascending">
{{ __('messages.events.title_15') }}
</th>
</tr>
</thead>
</table>
</div>
<!-- /.box-body -->
</div>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/events.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
let fixedColumns = false;
let isMobileDevice = /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator
.userAgent);
if (!isMobileDevice) {
fixedColumns = {
left: 1,
right: 2
};
}
_table = $('#example2').DataTable({
responsive: true,
processing: true,
serverSide: true,
order: [],
language: {
url: window.DATATABLES_LANGUAGE_URL,
},
scrollX: true,
scrollCollapse: true,
paging: true,
fixedColumns: fixedColumns,
ajax: '{{ route('season.events.table', ['season_id' => $season_id]) }}',
columns: [{
data: 'image',
name: 'image'
},
{
data: 'name',
name: 'name'
},
{
data: 'code',
name: 'code'
},
{
data: 'date_name',
name: 'date_name'
},
{
data: 'event_start_sale',
name: 'event_start_sale'
},
{
data: 'event_end_sale',
name: 'event_end_sale'
},
{
data: 'event_start',
name: 'event_start'
},
{
data: 'season.name',
name: 'season_id'
},
{
data: 'sales_type',
name: 'sales_type'
},
{
data: 'stadium_to_play',
name: 'stadium_to_play'
},
{
data: 'segmentation',
render: function(data, type, row) {
let tags = '';
if (row.segmentation) {
let list = row.segmentation.split(',');
let data = list.map(function(d) {
return '<li>' + d + '</li>';
});
tags = data.join('');
}
return tags;
},
name: 'tags.name'
},
{
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>';
$('#example2_filter').append(info);
$('#btn-info-busqueda').on('click', function() {
$('#menuBusqueda').toggle();
});
});
</script>
@endsection