jev/opensem
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance interface

Browse Source
This commit is contained in:
Ludovic CANDELLIER
2020-07-16 15:48:31 +02:00
parent cc6edb2480
commit fcd26d13de
18 changed files with 208 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
resources/views/components/datatables/buttons/add.blade.php
View File

@@ -1,10 +1,11 @@
<button type="button" class="btn bg-gradient-info btn-add"><i class="fa fa-plus-circle"></i></button>
<button type="button" class="btn bg-primary btn-add"><i class="fa fa-plus-circle"></i></button>
@push('js')
<script>
$('#{{ $model }}-table-header .btn-add').click(function() {
url = '{{ $route }}' + '/create/';
window.location = url;
// openUrl(url);
});
</script>
@endpush

22
resources/views/components/datatables/buttons/colvis.blade.php Normal file
View File

@@ -0,0 +1,22 @@
<button type="button" class="btn bg-gradient-secondary btn-colvis" style="border-left: 1px solid rgba(0,0,0,0.1);">
<i class="fa fa-columns"></i>
</button>
@push('js')
<script>
var $colvis = $('#{{ $model }}-table-header .btn-colvis');
$colvis.on( 'click', function () {
var table = window.LaravelDataTables["{{ $model }}-table"];
// table.search($search.val()).draw();
buttons = table.buttons();
console.log(table.button('colvis'));
console.log(buttons);
/*
for (var i = buttons.length - 1; i >= 0; i--) {
console.log(buttons[i]);
}
*/
});
</script>
@endpush

30
resources/views/components/datatables/buttons/download.blade.php Normal file
View File

@@ -0,0 +1,30 @@
<span>
<button type="button" class="btn bg-gradient-secondary dropdown-toggle btn-excel" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-download"></i>
</button>
<ul class="dropdown-menu" x-placement="bottom-start">
<li class="dropdown-item excelWithFilter"><a href="#"><i class="fa fa-file-excel"></i> Exporter la sélection</a></li>
<li class="dropdown-item"><a href="{{ $route }}/exportExcel"><i class="fa fa-file-excel"></i> Exporter la liste complète</a></li>
<li class="dropdown-item"><a href="#"><i class="fa fa-file-pdf"></i> Exporter la sélection</a></li>
<li class="dropdown-item"><a href="{{ $route }}/exportPDF"><i class="fa fa-file-pdf"></i> Exporter la liste complète</a></li>
</ul>
</span>
@push('js')
<script>
$('.excelWithFilter').click(function() {
/*
var data = $('#filters').serializeJSON();
var query = encodeURIComponent(JSON.stringify(data));
console.log(data);
console.log(query);
var url = "{{ $route }}/exportExcel?filters=" + query;
console.log(url);
*/
var data = $('#filters').serialize();
var url = "{{ $route }}/exportExcel?" + data;
window.location = url;
})
</script>
@endpush

8
resources/views/components/datatables/buttons/excel.blade.php Normal file
View File

@@ -0,0 +1,8 @@
<button type="button" class="btn bg-gradient-secondary dropdown-toggle btn-excel" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-file-excel"></i>
</button>
<ul class="dropdown-menu" x-placement="bottom-start">
<li class="dropdown-item"><a href="#">Exporter la sélection</a></li>
<li class="dropdown-item"><a href="{{ $route }}/export">Exporter la liste complète</a></li>
</ul>

14
resources/views/components/datatables/buttons/exports.blade.php
View File

@@ -1,14 +1,6 @@
<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>
</button>
<button type="button" class="btn bg-gradient-secondary btn-excel">
<i class="fa fa-file-excel"></i>
</button>
<button type="button" class="btn bg-gradient-secondary btn-pdf">
<i class="fa fa-file-pdf"></i>
</button>
@include('components.datatables.buttons.print')
@include('components.datatables.buttons.download')
</div>

23
resources/views/components/datatables/buttons/filters.blade.php
View File

@@ -1,6 +1,5 @@
<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')
@@ -8,7 +7,7 @@
var $filter = $('#{{ $model }}-table-header .btn-filter');
$('#modal-filters').on('shown.bs.modal', function () {
// initSelect2();
initSelect2();
});
$('#modal-filters .apply').click(function() {
@@ -16,5 +15,25 @@
var table = window.LaravelDataTables["{{ $model }}-table"];
table.draw();
})
$('#modal-filters .reset').click(function() {
$('#filters').trigger("reset");
$('#filters .select2').val(null).trigger("change");
})
/*
$filter.on( 'click', function () {
var table = window.LaravelDataTables["{{ $model }}-table"];
// table.search($search.val()).draw();
openModal('{{ __('Filters') }}', '{{ $route }}/getFiltersHtml', {
onApply: function() {
filters = $('#filters').serialize();
console.log(filters);
table.draw();
}
});
} );
*/
</script>
@endpush

14
resources/views/components/datatables/buttons/pageLength.blade.php
View File

@@ -1,2 +1,14 @@
@include('components.select', ['name' => 'pager', 'list' => ['5', '10','25', '50', '100']])
@include('components.select', ['name' => 'pager', 'id_name'=> $model . '_pager', 'list' => [5 => '5', 10 => '10', 25 => '25', 50 => '50', 100 => '100']])
&nbsp;&nbsp;
@push('js')
<script>
$('#{{ $model }}_pager').change(function() {
var table = window.LaravelDataTables["{{ $model }}-table"];
var len = $(this).val();
table.page.len(len).draw();
});
</script>
@endpush

3
resources/views/components/datatables/buttons/pdf.blade.php Normal file
View File

@@ -0,0 +1,3 @@
<button type="button" class="btn bg-gradient-secondary btn-pdf">
<i class="fa fa-file-pdf"></i>
</button>

21
resources/views/components/datatables/buttons/print.blade.php Normal file
View File

@@ -0,0 +1,21 @@
<span>
<button type="button" class="btn bg-gradient-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-print"></i>
</button>
<ul class="dropdown-menu" x-placement="bottom-start">
<li class="dropdown-item btn-print"><a href="#">Imprimer la sélection</a></li>
<li class="dropdown-item"><a href="{{ $route }}/print">Imprimer la liste complète</a></li>
</ul>
</span>
@push('js')
<script>
var $print = $('#{{ $model }}-table-header .btn-print');
$print.on( 'click', function () {
var table = window.LaravelDataTables["{{ $model }}-table"];
table.button(1).trigger();
});
</script>
@endpush

9
resources/views/components/datatables/buttons/row_action.blade.php Normal file
View File

@@ -0,0 +1,9 @@
<button type="button" class="btn btn-sm bg-gradient-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-cog"></i>
</button>
<div class="dropdown-menu text-right" x-placement="bottom-start">
<a class="dropdown-item btn-view"><i class="fa fa-eye" data-tooltip="{{ __('view') }}"></i></a>
<a class="dropdown-item btn-edit"><i class="fa fa-pencil-alt" data-tooltip="{{ __('edit') }}"></i></a>
<a class="dropdown-item btn-del"><i class="fa fa-trash-alt" data-tooltip="{{ __('delete') }}"></i></a>
</div>