%PDF-
%PDF-
Mini Shell
Mini Shell
@extends('layouts.backend')
@section('title', $siteTitle)
@push('styles')
@endpush
@section('content')
<div class="row">
<div class="col-12">
<div id="bulk-box" class="d-none">
<form method="GET" action="{{ route(routeName().'.compare.filter') }}">
<div class="d-flex align-items-center mb-3">
<x-form.selectbox name="compare" divClass="mb-0">
<option value="">-- Select Compare --</option>
<option value="compare">Compare</option>
</x-form.selectbox>
<input type="hidden" name="agent">
<div class="bulk-applys">
<button class="btn btn-md btn-primary rounded-0 ml-2 px-3" type="submit">Apply</button>
</div>
</div>
</form>
</div>
<div class="card">
<div class="card-body px-0">
<table class="table table-sm table-borderless table-style" id="compare-datatables">
<thead>
<th>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checked-all">
<label class="custom-control-label" for="checked-all"></label>
</div>
</th>
<th>Name</th>
<th>Email</th>
<th>Role</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
@endsection
@push('scripts')
<script>
table = $('#compare-datatables').DataTable({
processing: true,
serverSide: true,
order: [], //Initial no order
bInfo: true, //TO show the total number of data
bFilter: false, //For datatable default search box show/hide
responsive: true,
ordering: false,
lengthMenu: [
[5, 10, 15, 25, 50, 100, 1000, 10000, -1],
[5, 10, 15, 25, 50, 100, 1000, 10000, "All"]
],
pageLength: 25, //number of data show per page
ajax: {
url: "{{ route(routeName().'.compare.get-data') }}",
type: "POST",
dataType: "JSON",
data: function(d) {
d._token = _token;
d.search_text = $("input#search-here").val();
},
},
columns: [
{data: 'bulk_check',orderable: false, searchable: false},
{data: 'name'},
{data: 'email'},
{data: 'role'},
],
language: {
processing: '<img src="{{ asset("uploads/images/table-loading.svg") }}">',
emptyTable: '<strong class="text-danger">No Data Found</strong>',
infoEmpty: '',
zeroRecords: '<strong class="text-danger">No Data Found</strong>',
oPaginate: {
sPrevious: "Previous", // This is the link to the previous page
sNext: "Next", // This is the link to the next page
},
lengthMenu: "<div class='d-flex align-items-center'>_MENU_ <input type='text' class='border form-control ml-1' id='search-here' placeholder='Enter name, email..'></div>"
},
dom: "<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6' <'float-right pr-15'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'<'float-right pr-15'p>>>",
buttons: {
buttons: [
{
extend: 'pdf',
filename: 'users_{{ date("d_m_d") }}',
title: 'User List',
orientation: "portrait",
pageSize: "A4",
className: 'pdfButton btn btn-sm btn-primary',
exportOptions: {
columns: '0,1,2,3,4,5,6,7,8,9,10,11'
},
},
{
extend: 'excel',
filename: 'users_{{ date("d_m_d") }}',
title: 'User List',
className: 'excelButton btn btn-sm btn-primary',
exportOptions: {
columns: '0,1,2,3,4,5,6,7,8,9,10,11'
},
},
{
extend: 'csv',
filename: 'users_{{ date("d_m_d") }}',
title: 'User List',
className: 'csvButton btn btn-sm btn-primary',
exportOptions: {
columns: '1,2,3,4,5,6,7,8,9,10,11,12'
},
},
{
extend: 'print',
title: 'User List',
orientation: "landscape",
pageSize: "A4",
className: 'printButton btn btn-sm btn-primary',
exportOptions: {
columns: '0,1,2,3,4,5,6,7,8,9,10,11'
},
customize: function ( win ) {
$(win.document.body)
.addClass('bg-white')
.css('font-size','10pt');
$(win.document.body).find('table')
.addClass('compact bg-white')
.css('font-size','inherit' );
}
}
]
}
});
//******************* Bulk main check box on click ****************//
$(document).on('click', 'input#checked-all', function(){
if(this.checked){
$('input[name="checked_data"]').each(function(){
this.checked = true;
});
}else{
$('input[name="checked_data"]').each(function(){
this.checked = false;
});
}
bulk_manager_compare();
});
//******************* Bulk main check box length check ****************//
$(document).on('change', 'input[name="checked_data"]', function(){
if($('input[name="checked_data"]').length == $('input[name="checked_data"]:checked').length){
$('input#checked-all').prop('checked', true);
}else{
$('input#checked-all').prop('checked', false);
}
bulk_manager_compare();
});
//******************* Bulk action button show and hide ****************//
function bulk_manager_compare(){
if($('input[name="checked_data"]:checked').length > 0){
$('#bulk-box').removeClass('d-none');
let bulk_data_id = [];
$('input[name="checked_data"]:checked').each(function(){
bulk_data_id.push($(this).val())
});
$('input[name="agent"]').val(bulk_data_id);
}else{
$('#bulk-box').addClass('d-none');
$('input[name="agent"]').val('');
$('#deletable-modal .modal-body input.operation-type').val('');
}
}
$(document).on("keyup keypress", "input#search-here", function(){
table.ajax.reload();
});
</script>
@endpush
Zerion Mini Shell 1.0