%PDF-
%PDF-
Mini Shell
Mini Shell
@extends('layouts.backend')
@section('title', $siteTitle)
@section('action')
@permission('app.agents.create')
<a href="{{ route(routeName().'.status.create') }}" class="btn btn-sm btn-primary">
<i class="ti-plus fs-ism fw-800"></i> Add Status</a>
@endpermission
@endsection
@push('styles')
<style>
.btn-style{
width: 25px !important;
height: 25px !important;
}
</style>
@endpush
@section('content')
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body px-0">
<div class="table-responsive">
<table class="table table-sm table-borderless table-style" id="status-datatables">
<thead>
<th class="text-left">ID</th>
<th>Name</th>
<th>Is Published</th>
<th class="text-right">Action</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('scripts')
<script>
table = $('#status-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: false,
ordering: false,
lengthMenu: [
[5, 10, 15, 25, 50, 100, -1],
[5, 10, 15, 25, 50, 100, "All"]
],
pageLength: 10, //number of data show per page
ajax: {
url: "{{ route(routeName().'.status.index') }}",
type: "GET",
dataType: "JSON",
data: function(d) {
d._token = _token;
d.search_text = $("input#search-here").val();
},
},
columns: [
{data: 'id',orderable: false, searchable: false},
{data: 'name'},
{data: 'status'},
{data: 'action', orderable: false, searchable: false},
],
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..'></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: 'status_{{ date("d_m_d") }}',
title: 'Status List',
orientation: "portrait",
pageSize: "A4",
className: 'pdfButton btn btn-sm btn-primary',
exportOptions: {
columns: '0,1,2'
},
},
{
extend: 'excel',
filename: 'status_{{ date("d_m_d") }}',
title: 'Status List',
className: 'excelButton btn btn-sm btn-primary',
exportOptions: {
columns: '0,1,2'
},
},
{
extend: 'csv',
filename: 'status_{{ date("d_m_d") }}',
title: 'Status List',
className: 'csvButton btn btn-sm btn-primary',
exportOptions: {
columns: '0,1,2'
},
},
{
extend: 'print',
title: 'Status List',
orientation: "portrait",
pageSize: "A4",
className: 'printButton btn btn-sm btn-primary',
exportOptions: {
columns: '0,1,2'
},
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' );
}
}
]
}
});
// deletable btn
$(document).on('click', 'button.confirm-deletable-action', function(){
// modal data
let data_id = $('#deletable-modal input.datatable').val();
const url = "{{ route(routeName().'.status.destroy') }}";
deletable_action(data_id,url); // define function
});
$(document).on("keyup keypress", "input#search-here", function(){
table.ajax.reload();
});
</script>
@endpush
Zerion Mini Shell 1.0