Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-07-09 03:14:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

Data table formatting

Browse Source
This commit is contained in:
David Bomba 2019-07-27 15:46:51 +10:00
parent 4e779ad7a6
commit 2060d9f9f5
1 changed files with 45 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
resources/views/portal/default/invoices/index.blade.php
View File

@ -2,20 +2,27 @@
@section('header') @section('header')
@parent @parent
<link href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/> <link href="//cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css"/>
@stop @stop
@section('body') @section('body')
<main class="main"> <main class="main">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row" style="padding-top: 30px;">
<div class="col-lg-12"> <div class="col-lg-12">
<!-- Filters / Buttons in here.-->
<div id="top_right_buttons" class="pull-right">
<input id="tableFilter_invoice" type="text" style="width:180px;margin-right:17px;background-color: white !important"
class="form-control pull-left" placeholder="Filter" value=""/>
</div>
<div class="animated fadeIn"> <div class="animated fadeIn">
<div class="col-md-12 card"> <div class="col-md-12 card">
{!! $html->table(['class' => 'table table-hover table-striped'], true) !!} {!! $html->table(['class' => 'table table-hover table-striped', 'id' => 'invoice-table'], true) !!}
</div> </div>
</div> </div>
@ -33,5 +40,38 @@
@endpush @endpush
@section('footer') @section('footer')
{!! $html->scripts() !!} <script>
@endsection $(function() {
$('#invoice-table').DataTable({
processing: true,
serverSide: true,
searching: false,
bLengthChange: false,
language: {
processing: " {{ trans('texts.processing_request') }}",
search: "{{ trans('texts.search') }}:",
// info: "{{ trans('texts.info') }}",
infoPostFix: "",
loadingRecords: "{{ trans('texts.loading') }}",
zeroRecords: "{{ trans('texts.no_records_found') }}"
},
ajax: '{!! route('client.invoices.index') !!}',
columns: [
{data: 'checkbox', name: 'checkbox', title: '', searchable: false, orderable: false},
{data: 'invoice_number', name: 'invoice_number', title: '{{trans('texts.invoice_number')}}', visible: true},
{data: 'invoice_date', name: 'invoice_date', title: '{{trans('texts.invoice_date')}}', visible: true},
{data: 'amount', name: 'amount', title: '{{trans('texts.total')}}', visible: true},
{data: 'balance', name: 'balance', title: '{{trans('texts.balance')}}', visible: true},
{data: 'due_date', name: 'due_date', title: '{{trans('texts.due_date')}}', visible: true},
{data: 'status_id', name: 'status_id', title: '{{trans('texts.status')}}', visible: true},
{data: 'action', name: 'action', title: '', searchable: false, orderable: false},
]
});
});
$(".dataTables_filter").hide();
</script>
@endsection