89 lines
2.2 KiB
JavaScript
89 lines
2.2 KiB
JavaScript
/*! Foundation integration for DataTables' Responsive
|
|
* © SpryMedia Ltd - datatables.net/license
|
|
*/
|
|
|
|
(function( factory ){
|
|
if ( typeof define === 'function' && define.amd ) {
|
|
// AMD
|
|
define( ['jquery', 'datatables.net-zf', 'datatables.net-responsive'], function ( $ ) {
|
|
return factory( $, window, document );
|
|
} );
|
|
}
|
|
else if ( typeof exports === 'object' ) {
|
|
// CommonJS
|
|
var jq = require('jquery');
|
|
var cjsRequires = function (root, $) {
|
|
if ( ! $.fn.dataTable ) {
|
|
require('datatables.net-zf')(root, $);
|
|
}
|
|
|
|
if ( ! $.fn.dataTable.Responsive ) {
|
|
require('datatables.net-responsive')(root, $);
|
|
}
|
|
};
|
|
|
|
if (typeof window !== 'undefined') {
|
|
module.exports = function (root, $) {
|
|
if ( ! root ) {
|
|
// CommonJS environments without a window global must pass a
|
|
// root. This will give an error otherwise
|
|
root = window;
|
|
}
|
|
|
|
if ( ! $ ) {
|
|
$ = jq( root );
|
|
}
|
|
|
|
cjsRequires( root, $ );
|
|
return factory( $, root, root.document );
|
|
};
|
|
}
|
|
else {
|
|
cjsRequires( window, jq );
|
|
module.exports = factory( jq, window, window.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;
|
|
|
|
_display.modal = function ( options ) {
|
|
return function ( row, update, render ) {
|
|
if ( ! $.fn.foundation ) {
|
|
_original( row, update, render );
|
|
}
|
|
else {
|
|
if ( ! update ) {
|
|
var modalContainer = $('<div class="reveal-overlay" style="display:block"/>');
|
|
$( '<div class="reveal reveal-modal" style="display:block; top: 150px;" data-reveal/>' )
|
|
.append( '<button class="close-button" aria-label="Close">×</button>' )
|
|
.append( options && options.header ? '<h4>'+options.header( row )+'</h4>' : null )
|
|
.append( render() )
|
|
.appendTo( modalContainer );
|
|
|
|
modalContainer.appendTo('body');
|
|
|
|
$('button.close-button').on('click', function() {
|
|
$('.reveal-overlay').remove();
|
|
})
|
|
$('.reveal-overlay').on('click', function() {
|
|
$('.reveal-overlay').remove();
|
|
})
|
|
}
|
|
}
|
|
};
|
|
};
|
|
|
|
|
|
return DataTable;
|
|
}));
|