Show More
Commit Description:
wip
Commit Description:
wip
References:
File last commit:
Show/Diff file:
Action:
vendor/javascript/datatables/Responsive-2.3.0/js/responsive.bulma.js
| 87 lines
| 2.1 KiB
| application/javascript
| JavascriptLexer
|
r866 | /*! Bulma integration for DataTables' Responsive | |||
* ©2015 SpryMedia Ltd - datatables.net/license | ||||
*/ | ||||
(function( factory ){ | ||||
if ( typeof define === 'function' && define.amd ) { | ||||
// AMD | ||||
define( ['jquery', 'datatables.net-bm', '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-bm')(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 DTED">'+ | ||||
'<div class="modal-background"></div>'+ | ||||
'<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>'+ | ||||
'<button class="modal-close is-large" aria-label="close"></button>'+ | ||||
'</div>' | ||||
) | ||||
_display.modal = function ( options ) { | ||||
return function ( row, update, render ) { | ||||
if ( ! update ) { | ||||
if ( options && options.header ) { | ||||
var header = _modal.find('div.modal-header'); | ||||
header.find('button').detach(); | ||||
header | ||||
.empty() | ||||
.append( '<h4 class="modal-title subtitle">'+options.header( row )+'</h4>' ); | ||||
} | ||||
_modal.find( 'div.modal-body' ) | ||||
.empty() | ||||
.append( render() ); | ||||
_modal | ||||
.appendTo( 'body' ) | ||||
_modal.addClass('is-active is-clipped'); | ||||
$('.modal-close').one('click', function() { | ||||
_modal.removeClass('is-active is-clipped'); | ||||
}) | ||||
$('.modal-background').one('click', function() { | ||||
_modal.removeClass('is-active is-clipped'); | ||||
}) | ||||
} | ||||
}; | ||||
}; | ||||
return DataTable.Responsive; | ||||
})); | ||||