This commit is contained in:
Ludovic CANDELLIER
2020-07-16 14:32:18 +02:00
parent d8bd1a1713
commit cc6edb2480
13 changed files with 80 additions and 16 deletions

View File

@@ -1,4 +1,4 @@
<div class="text-right datatable-export-buttons">
<div class="datatable-export-buttons">
<button type="button" class="btn bg-gradient-secondary btn-print" data-placement="top" data-original-title="Imprimer le tableau">
<i class="fa fa-print"></i>

View File

@@ -1,4 +1,20 @@
<button type="button" class="btn bg-gradient-secondary btn-filter">
<button type="button" class="btn bg-gradient-secondary btn-filter" data-toggle="modal" data-target="#modal-filters">
<i class="fa fa-filter"></i>
<span class="badge badge-info"></span>
</button>
@push('js')
<script>
var $filter = $('#{{ $model }}-table-header .btn-filter');
$('#modal-filters').on('shown.bs.modal', function () {
// initSelect2();
});
$('#modal-filters .apply').click(function() {
$('#modal-filters').modal('hide');
var table = window.LaravelDataTables["{{ $model }}-table"];
table.draw();
})
</script>
@endpush

View File

@@ -0,0 +1,2 @@
@include('components.select', ['name' => 'pager', 'list' => ['5', '10','25', '50', '100']])
&nbsp;&nbsp;

View File

@@ -1,11 +1,11 @@
<div class="row table-header" id="{{ $model }}-table-header">
<div class="col-lg-6 col-md-10 col-sm-8 mb-2">
<div class="col-lg-6 col-md-8 col-12 mb-2">
@include('components.datatables.search')
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="col-lg-4 col-md-3 col-6">
@include('components.datatables.buttons.exports')
</div>
<div class="col-lg-2 col-md-2 col-sm-4 text-right">
<div class="col-lg-2 col-md-1 col-6 text-right">
@include('components.datatables.buttons.add')
</div>
</div>

View File

@@ -1,4 +1,4 @@
<script>
<script>
$.extend( true, $.fn.dataTable.defaults, {
language: {
url: "/assets/vendor/boilerplate/js/datatables/i18n/French.json"

View File

@@ -0,0 +1,12 @@
<div class="card">
<div class="card-header p-0">
<button class="btn btn-link pull-right collapsed" type="button" data-toggle="collapse" data-target="#{{ $id }}" aria-expanded="true" aria-controls="collapseOne">
<i class="fa fa-plus"></i>
</button>
{{ $title }} @if(isset($required) && $required)<sup>*</sup>@endif
<span class="check ml-5 error"></span>
</div>
<div id="{{ $id }}" class="card-body collapse">
{{ $slot }}
</div>
</div>

View File

@@ -0,0 +1,19 @@
<div class="modal fade" id="{{ $id }}" tabindex="-1" role="dialog" aria-labelledby="{{ $id }}" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{{ $title }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
{{ $slot }}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-info apply">Apply</button>
</div>
</div>
</div>
</div>