97 lines
2.3 KiB
JavaScript
97 lines
2.3 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, closeCallback) {
|
|
if (!$.fn.foundation) {
|
|
return _original(row, update, render, closeCallback);
|
|
}
|
|
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();
|
|
closeCallback();
|
|
});
|
|
$('.reveal-overlay').on('click', function () {
|
|
$('.reveal-overlay').remove();
|
|
closeCallback();
|
|
});
|
|
}
|
|
|
|
return true;
|
|
}
|
|
};
|
|
};
|
|
|
|
|
|
return DataTable;
|
|
}));
|