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 'datatables.net-bs4/css/dataTables.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( 'pdfmake' );

4
config/packages/datatables.yaml
View file

@ -7,7 +7,9 @@ datatables:
options:
lengthMenu : [10, 25, 50, 100, 250, 500, 1000, 2500]
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:
# Example classes to integrate nicely with Bootstrap 3.x

2
public/helper/datatables.js
View file

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

19
templates/parts_list.html.twig
View file

@ -2,9 +2,16 @@
{% block content %}
<div id="part_list">
<h4>{% trans %}part_list.loading.caption{% endtrans %}</h4>
<h6>{% trans %}part_list.loading.message{% endtrans %}</h6>
<div class="card border-primary">
<div class="card-header bg-primary text-white">
<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>
{% endblock %}
@ -12,7 +19,11 @@
{% block scripts %}
<script>
$( 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>
{% endblock %}