mirror/Part-DB.Part-DB-server
1
0
Fork 1
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2025-06-21 01:25:55 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improved part tables.

Browse source
This commit is contained in:
Jan Böhmer 2019-03-12 19:09:22 +01:00
parent 967e7b7195
commit b2e0e4b7ad
4 changed files with 21 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

3
assets/js/app.js
View file

@ -17,8 +17,9 @@ import 'bootstrap/dist/css/bootstrap.min.css';
import '@fortawesome/fontawesome-free/css/all.css' import '@fortawesome/fontawesome-free/css/all.css'
import 'datatables.net-bs4/css/dataTables.bootstrap4.css' import 'datatables.net-bs4/css/dataTables.bootstrap4.css'
import 'datatables.net-buttons-bs4/css/buttons.bootstrap4.css' import 'datatables.net-buttons-bs4/css/buttons.bootstrap4.css'
import 'datatables.net-fixedheader-bs4/css/fixedHeader.bootstrap4.css'
import 'datatables.net-select-bs4/css/select.bootstrap4.css'
//require( 'jszip' ); //require( 'jszip' );
//#require( 'pdfmake' ); //#require( 'pdfmake' );

4
config/packages/datatables.yaml
View file

@ -7,7 +7,9 @@ datatables:
options: options:
lengthMenu : [10, 25, 50, 100, 250, 500, 1000, 2500] lengthMenu : [10, 25, 50, 100, 250, 500, 1000, 2500]
pageLength: 50 pageLength: 50
dom: "<'row' <'col-sm-12' tr>><'row' <'col-sm-6'l><'col-sm-6 text-right'pi>>" #dom: "<'row' <'col-sm-12' tr>><'row' <'col-sm-6'l><'col-sm-6 text-right'pif>>"
pagingType: 'simple_numbers'
searching: true
template_parameters: template_parameters:
# Example classes to integrate nicely with Bootstrap 3.x # Example classes to integrate nicely with Bootstrap 3.x

2
public/helper/datatables.js
View file

@ -54,7 +54,7 @@
data.draw = request.draw; data.draw = request.draw;
drawCallback(data); drawCallback(data);
data = null; data = null;
if (Object.keys(state).length) { if (Object.keys(state).length && dt.state != null) {
var merged = $.extend(true, {}, dt.state(), state); var merged = $.extend(true, {}, dt.state(), state);
dt dt
.order(merged.order) .order(merged.order)

19
templates/parts_list.html.twig
View file

@ -2,9 +2,16 @@
{% block content %} {% block content %}
<div id="part_list"> <div class="card border-primary">
<h4>{% trans %}part_list.loading.caption{% endtrans %}</h4> <div class="card-header bg-primary text-white">
<h6>{% trans %}part_list.loading.message{% endtrans %}</h6> <h6>Bauteile</h6>
</div>
<div id="part_list" class="table-responsive">
<div class="card-body">
<h4>{% trans %}part_list.loading.caption{% endtrans %}</h4>
<h6>{% trans %}part_list.loading.message{% endtrans %}</h6>
</div>
</div>
</div> </div>
{% endblock %} {% endblock %}
@ -12,7 +19,11 @@
{% block scripts %} {% block scripts %}
<script> <script>
$( function() { $( function() {
$('#part_list').initDataTables({{ datatable_settings(datatable) }}); $('#part_list').initDataTables({{ datatable_settings(datatable) }},
{
"fixedHeader": { header: $(window).width() >= 768, //Only enable fixedHeaders on devices with big screen. Fixes scrolling issues on smartphones.
headerOffset: $("#navbar").height()}
});
}); });
</script> </script>
{% endblock %} {% endblock %}