mirror of
https://github.com/Part-DB/Part-DB-server.git
synced 2025-06-21 09:35:49 +02:00
Removed now not necessary datatables file, as we now do this in stimulus.
This commit is contained in:
parent
8323f374a4
commit
cfd9713e5d
2 changed files with 0 additions and 127 deletions
|
@ -40,7 +40,6 @@ import '@fortawesome/fontawesome-free/css/all.css'
|
||||||
|
|
||||||
require('bootstrap');
|
require('bootstrap');
|
||||||
|
|
||||||
import "./datatables";
|
|
||||||
import "./error_handler";
|
import "./error_handler";
|
||||||
import "./tab_remember";
|
import "./tab_remember";
|
||||||
import "./register_events";
|
import "./register_events";
|
||||||
|
|
|
@ -1,126 +0,0 @@
|
||||||
"use strict";
|
|
||||||
//Styles
|
|
||||||
import 'datatables.net-bs5/css/dataTables.bootstrap5.css'
|
|
||||||
import 'datatables.net-buttons-bs5/css/buttons.bootstrap5.css'
|
|
||||||
import 'datatables.net-fixedheader-bs5/css/fixedHeader.bootstrap5.css'
|
|
||||||
import 'datatables.net-select-bs5/css/select.bootstrap5.css'
|
|
||||||
import 'datatables.net-responsive-bs5/css/responsive.bootstrap5.css';
|
|
||||||
|
|
||||||
//JS
|
|
||||||
import 'datatables.net-bs5';
|
|
||||||
import 'datatables.net-buttons-bs5';
|
|
||||||
import 'datatables.net-buttons/js/buttons.colVis.js';
|
|
||||||
import 'datatables.net-fixedheader-bs5';
|
|
||||||
import 'datatables.net-select-bs5';
|
|
||||||
import 'datatables.net-colreorder-bs5';
|
|
||||||
import 'datatables.net-responsive-bs5';
|
|
||||||
import './lib/datatables';
|
|
||||||
|
|
||||||
|
|
||||||
class DatatablesHelper {
|
|
||||||
constructor() {
|
|
||||||
this.registerLoadHandler(() => this.initDataTables());
|
|
||||||
}
|
|
||||||
|
|
||||||
registerLoadHandler(fn) {
|
|
||||||
document.addEventListener('turbo:load', fn);
|
|
||||||
}
|
|
||||||
|
|
||||||
initDataTables()
|
|
||||||
{
|
|
||||||
//@ts-ignore
|
|
||||||
$($.fn.DataTable.tables()).DataTable().fixedHeader.disable();
|
|
||||||
//@ts-ignore
|
|
||||||
$($.fn.DataTable.tables()).DataTable().destroy();
|
|
||||||
|
|
||||||
//Find all datatables and init it.
|
|
||||||
let $tables = $('[data-datatable]');
|
|
||||||
$.each($tables, function(index, table) {
|
|
||||||
let $table = $(table);
|
|
||||||
let settings = $table.data('settings');
|
|
||||||
|
|
||||||
//@ts-ignore
|
|
||||||
var promise = $('#part_list').initDataTables(settings,
|
|
||||||
{
|
|
||||||
colReorder: true,
|
|
||||||
responsive: true,
|
|
||||||
"fixedHeader": { header: $(window).width() >= 768, //Only enable fixedHeaders on devices with big screen. Fixes scrolling issues on smartphones.
|
|
||||||
headerOffset: $("#navbar").height()},
|
|
||||||
"buttons": [ {
|
|
||||||
"extend": 'colvis',
|
|
||||||
'className': 'mr-2 btn-light',
|
|
||||||
"text": "<i class='fa fa-cog'></i>"
|
|
||||||
}],
|
|
||||||
"select": $table.data('select') ?? false,
|
|
||||||
"rowCallback": function( row, data, index ) {
|
|
||||||
//Check if we have a level, then change color of this row
|
|
||||||
if (data.level) {
|
|
||||||
let style = "";
|
|
||||||
switch(data.level) {
|
|
||||||
case "emergency":
|
|
||||||
case "alert":
|
|
||||||
case "critical":
|
|
||||||
case "error":
|
|
||||||
style = "table-danger";
|
|
||||||
break;
|
|
||||||
case "warning":
|
|
||||||
style = "table-warning";
|
|
||||||
break;
|
|
||||||
case "notice":
|
|
||||||
style = "table-info";
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (style){
|
|
||||||
$(row).addClass(style);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//Register links.
|
|
||||||
promise.then(function() {
|
|
||||||
//ajaxUI.registerLinks();
|
|
||||||
|
|
||||||
//Set the correct title in the table.
|
|
||||||
let title = $('#part-card-header-src');
|
|
||||||
$('#part-card-header').html(title.html());
|
|
||||||
$(document).trigger('ajaxUI:dt_loaded');
|
|
||||||
|
|
||||||
|
|
||||||
if($table.data('part_table')) {
|
|
||||||
//@ts-ignore
|
|
||||||
$('#dt').on( 'select.dt deselect.dt', function ( e, dt, items ) {
|
|
||||||
let selected_elements = dt.rows({selected: true});
|
|
||||||
let count = selected_elements.count();
|
|
||||||
|
|
||||||
if(count > 0) {
|
|
||||||
$('#select_panel').removeClass('d-none');
|
|
||||||
} else {
|
|
||||||
$('#select_panel').addClass('d-none');
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#select_count').text(count);
|
|
||||||
|
|
||||||
let selected_ids_string = selected_elements.data().map(function(value, index) {
|
|
||||||
return value['id']; }
|
|
||||||
).join(",");
|
|
||||||
|
|
||||||
$('#select_ids').val(selected_ids_string);
|
|
||||||
|
|
||||||
} );
|
|
||||||
}
|
|
||||||
|
|
||||||
//Attach event listener to update links after new page selection:
|
|
||||||
$('#dt').on('draw.dt column-visibility.dt', function() {
|
|
||||||
//ajaxUI.registerLinks();
|
|
||||||
$(document).trigger('ajaxUI:dt_loaded');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
console.debug('Datatables inited.');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default new DatatablesHelper();
|
|
Loading…
Add table
Add a link
Reference in a new issue