85 lines
2.2 KiB
JavaScript
85 lines
2.2 KiB
JavaScript
/*! Bootstrap 5 integration for DataTables' Responsive
|
|
* ©2021 SpryMedia Ltd - datatables.net/license
|
|
*/
|
|
|
|
(function (factory) {
|
|
if (typeof define === 'function' && define.amd) {
|
|
// AMD
|
|
define(['jquery', 'datatables.net-bs5', 'datatables.net-responsive'], function ($) {
|
|
return factory($, window, document);
|
|
});
|
|
} else if (typeof exports === 'object') {
|
|
// CommonJS
|
|
module.exports = function (root, $) {
|
|
if (!root) {
|
|
root = window;
|
|
}
|
|
|
|
if (!$ || !$.fn.dataTable) {
|
|
$ = require('datatables.net-bs5')(root, $).$;
|
|
}
|
|
|
|
if (!$.fn.dataTable.Responsive) {
|
|
require('datatables.net-responsive')(root, $);
|
|
}
|
|
|
|
return factory($, root, root.document);
|
|
};
|
|
} else {
|
|
// Browser
|
|
factory(jQuery, window, document);
|
|
}
|
|
})(function ($, window, document, undefined) {
|
|
'use strict';
|
|
var DataTable = $.fn.dataTable;
|
|
|
|
var _display = DataTable.Responsive.display;
|
|
var _original = _display.modal;
|
|
var _modal = $(
|
|
'<div class="modal fade dtr-bs-modal" role="dialog">' +
|
|
'<div class="modal-dialog" role="document">' +
|
|
'<div class="modal-content">' +
|
|
'<div class="modal-header">' +
|
|
'<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>' +
|
|
'</div>' +
|
|
'<div class="modal-body"/>' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'</div>'
|
|
);
|
|
var modal;
|
|
|
|
// Need to wait for the document to be ready for Boostrap 5 to be able to initialise to modal
|
|
$(function () {
|
|
modal = new bootstrap.Modal(_modal[0]);
|
|
});
|
|
|
|
_display.modal = function (options) {
|
|
return function (row, update, render) {
|
|
if (!$.fn.modal) {
|
|
_original(row, update, render);
|
|
} else {
|
|
if (!update) {
|
|
if (options && options.header) {
|
|
var header = _modal.find('div.modal-header');
|
|
var button = header.find('button').detach();
|
|
|
|
header
|
|
.empty()
|
|
.append('<h4 class="modal-title">' + options.header(row) + '</h4>')
|
|
.append(button);
|
|
}
|
|
|
|
_modal.find('div.modal-body').empty().append(render());
|
|
|
|
_modal.appendTo('body').modal();
|
|
|
|
modal.show();
|
|
}
|
|
}
|
|
};
|
|
};
|
|
|
|
return DataTable.Responsive;
|
|
});
|