List of all OUYA games

Game title	Developer	Age	Players	Genres	Release
+ + title) ?> + +	developer) ?>	suggestedAge) ?>	players)) ?>	genres)) ?>	apkTimestamp)) ?>

Game title

Developer

Age

Players

Genres

Release

+ + title) ?> + +

developer) ?>

suggestedAge) ?>

players)) ?>

genres)) ?>

apkTimestamp)) ?>

') + .css( { + position: 'absolute', + top: 1, + left: 1, + width: 100, + overflow: 'scroll' + } ) + .append( + $('

') + .css( { + width: '100%', + height: 10 + } ) + ) + ) + .appendTo( 'body' ); + + var outer = n.children(); + var inner = outer.children(); + + // Numbers below, in order, are: + // inner.offsetWidth, inner.clientWidth, outer.offsetWidth, outer.clientWidth + // + // IE6 XP: 100 100 100 83 + // IE7 Vista: 100 100 100 83 + // IE 8+ Windows: 83 83 100 83 + // Evergreen Windows: 83 83 100 83 + // Evergreen Mac with scrollbars: 85 85 100 85 + // Evergreen Mac without scrollbars: 100 100 100 100 + + // Get scrollbar width + browser.barWidth = outer[0].offsetWidth - outer[0].clientWidth; + + // IE6/7 will oversize a width 100% element inside a scrolling element, to + // include the width of the scrollbar, while other browsers ensure the inner + // element is contained without forcing scrolling + browser.bScrollOversize = inner[0].offsetWidth === 100 && outer[0].clientWidth !== 100; + + // In rtl text layout, some browsers (most, but not all) will place the + // scrollbar on the left, rather than the right. + browser.bScrollbarLeft = Math.round( inner.offset().left ) !== 1; + + // IE8- don't provide height and width for getBoundingClientRect + browser.bBounding = n[0].getBoundingClientRect().width ? true : false; + + n.remove(); + } + + $.extend( settings.oBrowser, DataTable.__browser ); + settings.oScroll.iBarWidth = DataTable.__browser.barWidth; + } + + + /** + * Array.prototype reduce[Right] method, used for browsers which don't support + * JS 1.6. Done this way to reduce code size, since we iterate either way + * @param {object} settings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnReduce ( that, fn, init, start, end, inc ) + { + var + i = start, + value, + isSet = false; + + if ( init !== undefined ) { + value = init; + isSet = true; + } + + while ( i !== end ) { + if ( ! that.hasOwnProperty(i) ) { + continue; + } + + value = isSet ? + fn( value, that[i], i, that ) : + that[i]; + + isSet = true; + i += inc; + } + + return value; + } + + /** + * Add a column to the list used for the table with default values + * @param {object} oSettings dataTables settings object + * @param {node} nTh The th element for this column + * @memberof DataTable#oApi + */ + function _fnAddColumn( oSettings, nTh ) + { + // Add column to aoColumns array + var oDefaults = DataTable.defaults.column; + var iCol = oSettings.aoColumns.length; + var oCol = $.extend( {}, DataTable.models.oColumn, oDefaults, { + "nTh": nTh ? nTh : document.createElement('th'), + "sTitle": oDefaults.sTitle ? oDefaults.sTitle : nTh ? nTh.innerHTML : '', + "aDataSort": oDefaults.aDataSort ? oDefaults.aDataSort : [iCol], + "mData": oDefaults.mData ? oDefaults.mData : iCol, + idx: iCol + } ); + oSettings.aoColumns.push( oCol ); + + // Add search object for column specific search. Note that the `searchCols[ iCol ]` + // passed into extend can be undefined. This allows the user to give a default + // with only some of the parameters defined, and also not give a default + var searchCols = oSettings.aoPreSearchCols; + searchCols[ iCol ] = $.extend( {}, DataTable.models.oSearch, searchCols[ iCol ] ); + + // Use the default column options function to initialise classes etc + _fnColumnOptions( oSettings, iCol, $(nTh).data() ); + } + + + /** + * Apply options for a column + * @param {object} oSettings dataTables settings object + * @param {int} iCol column index to consider + * @param {object} oOptions object with sType, bVisible and bSearchable etc + * @memberof DataTable#oApi + */ + function _fnColumnOptions( oSettings, iCol, oOptions ) + { + var oCol = oSettings.aoColumns[ iCol ]; + var oClasses = oSettings.oClasses; + var th = $(oCol.nTh); + + // Try to get width information from the DOM. We can't get it from CSS + // as we'd need to parse the CSS stylesheet. `width` option can override + if ( ! oCol.sWidthOrig ) { + // Width attribute + oCol.sWidthOrig = th.attr('width') || null; + + // Style attribute + var t = (th.attr('style') || '').match(/width:\s*(\d+[pxem%]+)/); + if ( t ) { + oCol.sWidthOrig = t[1]; + } + } + + /* User specified column options */ + if ( oOptions !== undefined && oOptions !== null ) + { + // Backwards compatibility + _fnCompatCols( oOptions ); + + // Map camel case parameters to their Hungarian counterparts + _fnCamelToHungarian( DataTable.defaults.column, oOptions, true ); + + /* Backwards compatibility for mDataProp */ + if ( oOptions.mDataProp !== undefined && !oOptions.mData ) + { + oOptions.mData = oOptions.mDataProp; + } + + if ( oOptions.sType ) + { + oCol._sManualType = oOptions.sType; + } + + // `class` is a reserved word in Javascript, so we need to provide + // the ability to use a valid name for the camel case input + if ( oOptions.className && ! oOptions.sClass ) + { + oOptions.sClass = oOptions.className; + } + if ( oOptions.sClass ) { + th.addClass( oOptions.sClass ); + } + + $.extend( oCol, oOptions ); + _fnMap( oCol, oOptions, "sWidth", "sWidthOrig" ); + + /* iDataSort to be applied (backwards compatibility), but aDataSort will take + * priority if defined + */ + if ( oOptions.iDataSort !== undefined ) + { + oCol.aDataSort = [ oOptions.iDataSort ]; + } + _fnMap( oCol, oOptions, "aDataSort" ); + } + + /* Cache the data get and set functions for speed */ + var mDataSrc = oCol.mData; + var mData = _fnGetObjectDataFn( mDataSrc ); + var mRender = oCol.mRender ? _fnGetObjectDataFn( oCol.mRender ) : null; + + var attrTest = function( src ) { + return typeof src === 'string' && src.indexOf('@') !== -1; + }; + oCol._bAttrSrc = $.isPlainObject( mDataSrc ) && ( + attrTest(mDataSrc.sort) || attrTest(mDataSrc.type) || attrTest(mDataSrc.filter) + ); + oCol._setter = null; + + oCol.fnGetData = function (rowData, type, meta) { + var innerData = mData( rowData, type, undefined, meta ); + + return mRender && type ? + mRender( innerData, type, rowData, meta ) : + innerData; + }; + oCol.fnSetData = function ( rowData, val, meta ) { + return _fnSetObjectDataFn( mDataSrc )( rowData, val, meta ); + }; + + // Indicate if DataTables should read DOM data as an object or array + // Used in _fnGetRowElements + if ( typeof mDataSrc !== 'number' ) { + oSettings._rowReadObject = true; + } + + /* Feature sorting overrides column specific when off */ + if ( !oSettings.oFeatures.bSort ) + { + oCol.bSortable = false; + th.addClass( oClasses.sSortableNone ); // Have to add class here as order event isn't called + } + + /* Check that the class assignment is correct for sorting */ + var bAsc = $.inArray('asc', oCol.asSorting) !== -1; + var bDesc = $.inArray('desc', oCol.asSorting) !== -1; + if ( !oCol.bSortable || (!bAsc && !bDesc) ) + { + oCol.sSortingClass = oClasses.sSortableNone; + oCol.sSortingClassJUI = ""; + } + else if ( bAsc && !bDesc ) + { + oCol.sSortingClass = oClasses.sSortableAsc; + oCol.sSortingClassJUI = oClasses.sSortJUIAscAllowed; + } + else if ( !bAsc && bDesc ) + { + oCol.sSortingClass = oClasses.sSortableDesc; + oCol.sSortingClassJUI = oClasses.sSortJUIDescAllowed; + } + else + { + oCol.sSortingClass = oClasses.sSortable; + oCol.sSortingClassJUI = oClasses.sSortJUI; + } + } + + + /** + * Adjust the table column widths for new data. Note: you would probably want to + * do a redraw after calling this function! + * @param {object} settings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnAdjustColumnSizing ( settings ) + { + /* Not interested in doing column width calculation if auto-width is disabled */ + if ( settings.oFeatures.bAutoWidth !== false ) + { + var columns = settings.aoColumns; + + _fnCalculateColumnWidths( settings ); + for ( var i=0 , iLen=columns.length ; i=0 ; i-- ) + { + def = aoColDefs[i]; + + /* Each definition can target multiple columns, as it is an array */ + var aTargets = def.targets !== undefined ? + def.targets : + def.aTargets; + + if ( ! $.isArray( aTargets ) ) + { + aTargets = [ aTargets ]; + } + + for ( j=0, jLen=aTargets.length ; j= 0 ) + { + /* Add columns that we don't yet know about */ + while( columns.length <= aTargets[j] ) + { + _fnAddColumn( oSettings ); + } + + /* Integer, basic index */ + fn( aTargets[j], def ); + } + else if ( typeof aTargets[j] === 'number' && aTargets[j] < 0 ) + { + /* Negative integer, right to left column counting */ + fn( columns.length+aTargets[j], def ); + } + else if ( typeof aTargets[j] === 'string' ) + { + /* Class name matching on TH element */ + for ( k=0, kLen=columns.length ; k=0 if successful (index of new aoData entry), -1 if failed + * @memberof DataTable#oApi + */ + function _fnAddData ( oSettings, aDataIn, nTr, anTds ) + { + /* Create the object for storing information about this new row */ + var iRow = oSettings.aoData.length; + var oData = $.extend( true, {}, DataTable.models.oRow, { + src: nTr ? 'dom' : 'data', + idx: iRow + } ); + + oData._aData = aDataIn; + oSettings.aoData.push( oData ); + + /* Create the cells */ + var nTd, sThisType; + var columns = oSettings.aoColumns; + + // Invalidate the column types as the new data needs to be revalidated + for ( var i=0, iLen=columns.length ; i iTarget ) + { + a[i]--; + } + } + + if ( iTargetIndex != -1 && splice === undefined ) + { + a.splice( iTargetIndex, 1 ); + } + } + + + /** + * Mark cached data as invalid such that a re-read of the data will occur when + * the cached data is next requested. Also update from the data source object. + * + * @param {object} settings DataTables settings object + * @param {int} rowIdx Row index to invalidate + * @param {string} [src] Source to invalidate from: undefined, 'auto', 'dom' + * or 'data' + * @param {int} [colIdx] Column index to invalidate. If undefined the whole + * row will be invalidated + * @memberof DataTable#oApi + * + * @todo For the modularisation of v1.11 this will need to become a callback, so + * the sort and filter methods can subscribe to it. That will required + * initialisation options for sorting, which is why it is not already baked in + */ + function _fnInvalidate( settings, rowIdx, src, colIdx ) + { + var row = settings.aoData[ rowIdx ]; + var i, ien; + var cellWrite = function ( cell, col ) { + // This is very frustrating, but in IE if you just write directly + // to innerHTML, and elements that are overwritten are GC'ed, + // even if there is a reference to them elsewhere + while ( cell.childNodes.length ) { + cell.removeChild( cell.firstChild ); + } + + cell.innerHTML = _fnGetCellData( settings, rowIdx, col, 'display' ); + }; + + // Are we reading last data from DOM or the data object? + if ( src === 'dom' || ((! src || src === 'auto') && row.src === 'dom') ) { + // Read the data from the DOM + row._aData = _fnGetRowElements( + settings, row, colIdx, colIdx === undefined ? undefined : row._aData + ) + .data; + } + else { + // Reading from data object, update the DOM + var cells = row.anCells; + + if ( cells ) { + if ( colIdx !== undefined ) { + cellWrite( cells[colIdx], colIdx ); + } + else { + for ( i=0, ien=cells.length ; i').appendTo( thead ); + } + + for ( i=0, ien=columns.length ; itr').attr('role', 'row'); + + /* Deal with the footer - add classes if required */ + $(thead).find('>tr>th, >tr>td').addClass( classes.sHeaderTH ); + $(tfoot).find('>tr>th, >tr>td').addClass( classes.sFooterTH ); + + // Cache the footer cells. Note that we only take the cells from the first + // row in the footer. If there is more than one row the user wants to + // interact with, they need to use the table().foot() method. Note also this + // allows cells to be used for multiple columns using colspan + if ( tfoot !== null ) { + var cells = oSettings.aoFooter[0]; + + for ( i=0, ien=cells.length ; i=0 ; j-- ) + { + if ( !oSettings.aoColumns[j].bVisible && !bIncludeHidden ) + { + aoLocal[i].splice( j, 1 ); + } + } + + /* Prep the applied array - it needs an element for each row */ + aApplied.push( [] ); + } + + for ( i=0, iLen=aoLocal.length ; i= oSettings.fnRecordsDisplay() ? + 0 : + iInitDisplayStart; + + oSettings.iInitDisplayStart = -1; + } + + var iDisplayStart = oSettings._iDisplayStart; + var iDisplayEnd = oSettings.fnDisplayEnd(); + + /* Server-side processing draw intercept */ + if ( oSettings.bDeferLoading ) + { + oSettings.bDeferLoading = false; + oSettings.iDraw++; + _fnProcessingDisplay( oSettings, false ); + } + else if ( !bServerSide ) + { + oSettings.iDraw++; + } + else if ( !oSettings.bDestroying && !_fnAjaxUpdate( oSettings ) ) + { + return; + } + + if ( aiDisplay.length !== 0 ) + { + var iStart = bServerSide ? 0 : iDisplayStart; + var iEnd = bServerSide ? oSettings.aoData.length : iDisplayEnd; + + for ( var j=iStart ; j', { 'class': iStripes ? asStripeClasses[0] : '' } ) + .append( $('', { + 'valign': 'top', + 'colSpan': _fnVisbleColumns( oSettings ), + 'class': oSettings.oClasses.sRowEmpty + } ).html( sZero ) )[0]; + } + + /* Header and footer callbacks */ + _fnCallbackFire( oSettings, 'aoHeaderCallback', 'header', [ $(oSettings.nTHead).children('tr')[0], + _fnGetDataMaster( oSettings ), iDisplayStart, iDisplayEnd, aiDisplay ] ); + + _fnCallbackFire( oSettings, 'aoFooterCallback', 'footer', [ $(oSettings.nTFoot).children('tr')[0], + _fnGetDataMaster( oSettings ), iDisplayStart, iDisplayEnd, aiDisplay ] ); + + var body = $(oSettings.nTBody); + + body.children().detach(); + body.append( $(anRows) ); + + /* Call all required callback functions for the end of a draw */ + _fnCallbackFire( oSettings, 'aoDrawCallback', 'draw', [oSettings] ); + + /* Draw is complete, sorting and filtering must be as well */ + oSettings.bSorted = false; + oSettings.bFiltered = false; + oSettings.bDrawing = false; + } + + + /** + * Redraw the table - taking account of the various features which are enabled + * @param {object} oSettings dataTables settings object + * @param {boolean} [holdPosition] Keep the current paging position. By default + * the paging is reset to the first page + * @memberof DataTable#oApi + */ + function _fnReDraw( settings, holdPosition ) + { + var + features = settings.oFeatures, + sort = features.bSort, + filter = features.bFilter; + + if ( sort ) { + _fnSort( settings ); + } + + if ( filter ) { + _fnFilterComplete( settings, settings.oPreviousSearch ); + } + else { + // No filtering, so we want to just use the display master + settings.aiDisplay = settings.aiDisplayMaster.slice(); + } + + if ( holdPosition !== true ) { + settings._iDisplayStart = 0; + } + + // Let any modules know about the draw hold position state (used by + // scrolling internally) + settings._drawHold = holdPosition; + + _fnDraw( settings ); + + settings._drawHold = false; + } + + + /** + * Add the options to the page HTML for the table + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnAddOptionsHtml ( oSettings ) + { + var classes = oSettings.oClasses; + var table = $(oSettings.nTable); + var holding = $('

').insertBefore( table ); // Holding element for speed + var features = oSettings.oFeatures; + + // All DataTables are wrapped in a div + var insert = $('

', { + id: oSettings.sTableId+'_wrapper', + 'class': classes.sWrapper + (oSettings.nTFoot ? '' : ' '+classes.sNoFooter) + } ); + + oSettings.nHolding = holding[0]; + oSettings.nTableWrapper = insert[0]; + oSettings.nTableReinsertBefore = oSettings.nTable.nextSibling; + + /* Loop over the user set positioning and place the elements as needed */ + var aDom = oSettings.sDom.split(''); + var featureNode, cOption, nNewNode, cNext, sAttr, j; + for ( var i=0 ; i')[0]; + + /* Check to see if we should append an id and/or a class name to the container */ + cNext = aDom[i+1]; + if ( cNext == "'" || cNext == '"' ) + { + sAttr = ""; + j = 2; + while ( aDom[i+j] != cNext ) + { + sAttr += aDom[i+j]; + j++; + } + + /* Replace jQuery UI constants @todo depreciated */ + if ( sAttr == "H" ) + { + sAttr = classes.sJUIHeader; + } + else if ( sAttr == "F" ) + { + sAttr = classes.sJUIFooter; + } + + /* The attribute can be in the format of "#id.class", "#id" or "class" This logic + * breaks the string into parts and applies them as needed + */ + if ( sAttr.indexOf('.') != -1 ) + { + var aSplit = sAttr.split('.'); + nNewNode.id = aSplit[0].substr(1, aSplit[0].length-1); + nNewNode.className = aSplit[1]; + } + else if ( sAttr.charAt(0) == "#" ) + { + nNewNode.id = sAttr.substr(1, sAttr.length-1); + } + else + { + nNewNode.className = sAttr; + } + + i += j; /* Move along the position array */ + } + + insert.append( nNewNode ); + insert = $(nNewNode); + } + else if ( cOption == '>' ) + { + /* End container div */ + insert = insert.parent(); + } + // @todo Move options into their own plugins? + else if ( cOption == 'l' && features.bPaginate && features.bLengthChange ) + { + /* Length */ + featureNode = _fnFeatureHtmlLength( oSettings ); + } + else if ( cOption == 'f' && features.bFilter ) + { + /* Filter */ + featureNode = _fnFeatureHtmlFilter( oSettings ); + } + else if ( cOption == 'r' && features.bProcessing ) + { + /* pRocessing */ + featureNode = _fnFeatureHtmlProcessing( oSettings ); + } + else if ( cOption == 't' ) + { + /* Table */ + featureNode = _fnFeatureHtmlTable( oSettings ); + } + else if ( cOption == 'i' && features.bInfo ) + { + /* Info */ + featureNode = _fnFeatureHtmlInfo( oSettings ); + } + else if ( cOption == 'p' && features.bPaginate ) + { + /* Pagination */ + featureNode = _fnFeatureHtmlPaginate( oSettings ); + } + else if ( DataTable.ext.feature.length !== 0 ) + { + /* Plug-in features */ + var aoFeatures = DataTable.ext.feature; + for ( var k=0, kLen=aoFeatures.length ; k'; + + var str = language.sSearch; + str = str.match(/_INPUT_/) ? + str.replace('_INPUT_', input) : + str+input; + + var filter = $('

', { + 'id': ! features.f ? tableId+'_filter' : null, + 'class': classes.sFilter + } ) + .append( $('' ).append( str ) ); + + var searchFn = function() { + /* Update all other filter input elements for the new display */ + var n = features.f; + var val = !this.value ? "" : this.value; // mental IE8 fix :-( + + /* Now do the filter */ + if ( val != previousSearch.sSearch ) { + _fnFilterComplete( settings, { + "sSearch": val, + "bRegex": previousSearch.bRegex, + "bSmart": previousSearch.bSmart , + "bCaseInsensitive": previousSearch.bCaseInsensitive + } ); + + // Need to redraw, without resorting + settings._iDisplayStart = 0; + _fnDraw( settings ); + } + }; + + var searchDelay = settings.searchDelay !== null ? + settings.searchDelay : + _fnDataSource( settings ) === 'ssp' ? + 400 : + 0; + + var jqFilter = $('input', filter) + .val( previousSearch.sSearch ) + .attr( 'placeholder', language.sSearchPlaceholder ) + .on( + 'keyup.DT search.DT input.DT paste.DT cut.DT', + searchDelay ? + _fnThrottle( searchFn, searchDelay ) : + searchFn + ) + .on( 'mouseup', function(e) { + // Edge fix! Edge 17 does not trigger anything other than mouse events when clicking + // on the clear icon (Edge bug 17584515). This is safe in other browsers as `searchFn` + // checks the value to see if it has changed. In other browsers it won't have. + setTimeout( function () { + searchFn.call(jqFilter[0]); + }, 10); + } ) + .on( 'keypress.DT', function(e) { + /* Prevent form submission */ + if ( e.keyCode == 13 ) { + return false; + } + } ) + .attr('aria-controls', tableId); + + // Update the input elements whenever the table is filtered + $(settings.nTable).on( 'search.dt.DT', function ( ev, s ) { + if ( settings === s ) { + // IE9 throws an 'unknown error' if document.activeElement is used + // inside an iframe or frame... + try { + if ( jqFilter[0] !== document.activeElement ) { + jqFilter.val( previousSearch.sSearch ); + } + } + catch ( e ) {} + } + } ); + + return filter[0]; + } + + + /** + * Filter the table using both the global filter and column based filtering + * @param {object} oSettings dataTables settings object + * @param {object} oSearch search information + * @param {int} [iForce] force a research of the master array (1) or not (undefined or 0) + * @memberof DataTable#oApi + */ + function _fnFilterComplete ( oSettings, oInput, iForce ) + { + var oPrevSearch = oSettings.oPreviousSearch; + var aoPrevSearch = oSettings.aoPreSearchCols; + var fnSaveFilter = function ( oFilter ) { + /* Save the filtering values */ + oPrevSearch.sSearch = oFilter.sSearch; + oPrevSearch.bRegex = oFilter.bRegex; + oPrevSearch.bSmart = oFilter.bSmart; + oPrevSearch.bCaseInsensitive = oFilter.bCaseInsensitive; + }; + var fnRegex = function ( o ) { + // Backwards compatibility with the bEscapeRegex option + return o.bEscapeRegex !== undefined ? !o.bEscapeRegex : o.bRegex; + }; + + // Resolve any column types that are unknown due to addition or invalidation + // @todo As per sort - can this be moved into an event handler? + _fnColumnTypes( oSettings ); + + /* In server-side processing all filtering is done by the server, so no point hanging around here */ + if ( _fnDataSource( oSettings ) != 'ssp' ) + { + /* Global filter */ + _fnFilter( oSettings, oInput.sSearch, iForce, fnRegex(oInput), oInput.bSmart, oInput.bCaseInsensitive ); + fnSaveFilter( oInput ); + + /* Now do the individual column filter */ + for ( var i=0 ; i input.length || + input.indexOf(prevSearch) !== 0 || + settings.bSorted // On resort, the display master needs to be + // re-filtered since indexes will have changed + ) { + settings.aiDisplay = displayMaster.slice(); + } + + // Search the display array + display = settings.aiDisplay; + + for ( i=0 ; i')[0]; + var __filter_div_textContent = __filter_div.textContent !== undefined; + + // Update the filtering data for each row if needed (by invalidation or first run) + function _fnFilterData ( settings ) + { + var columns = settings.aoColumns; + var column; + var i, j, ien, jen, filterData, cellData, row; + var fomatters = DataTable.ext.type.search; + var wasInvalidated = false; + + for ( i=0, ien=settings.aoData.length ; i', { + 'class': settings.oClasses.sInfo, + 'id': ! nodes ? tid+'_info' : null + } ); + + if ( ! nodes ) { + // Update display on each draw + settings.aoDrawCallback.push( { + "fn": _fnUpdateInfo, + "sName": "information" + } ); + + n + .attr( 'role', 'status' ) + .attr( 'aria-live', 'polite' ); + + // Table is described by our info div + $(settings.nTable).attr( 'aria-describedby', tid+'_info' ); + } + + return n[0]; + } + + + /** + * Update the information elements in the display + * @param {object} settings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnUpdateInfo ( settings ) + { + /* Show information about the table */ + var nodes = settings.aanFeatures.i; + if ( nodes.length === 0 ) { + return; + } + + var + lang = settings.oLanguage, + start = settings._iDisplayStart+1, + end = settings.fnDisplayEnd(), + max = settings.fnRecordsTotal(), + total = settings.fnRecordsDisplay(), + out = total ? + lang.sInfo : + lang.sInfoEmpty; + + if ( total !== max ) { + /* Record set after filtering */ + out += ' ' + lang.sInfoFiltered; + } + + // Convert the macros + out += lang.sInfoPostFix; + out = _fnInfoMacros( settings, out ); + + var callback = lang.fnInfoCallback; + if ( callback !== null ) { + out = callback.call( settings.oInstance, + settings, start, end, max, total, out + ); + } + + $(nodes).html( out ); + } + + + function _fnInfoMacros ( settings, str ) + { + // When infinite scrolling, we are always starting at 1. _iDisplayStart is used only + // internally + var + formatter = settings.fnFormatNumber, + start = settings._iDisplayStart+1, + len = settings._iDisplayLength, + vis = settings.fnRecordsDisplay(), + all = len === -1; + + return str. + replace(/_START_/g, formatter.call( settings, start ) ). + replace(/_END_/g, formatter.call( settings, settings.fnDisplayEnd() ) ). + replace(/_MAX_/g, formatter.call( settings, settings.fnRecordsTotal() ) ). + replace(/_TOTAL_/g, formatter.call( settings, vis ) ). + replace(/_PAGE_/g, formatter.call( settings, all ? 1 : Math.ceil( start / len ) ) ). + replace(/_PAGES_/g, formatter.call( settings, all ? 1 : Math.ceil( vis / len ) ) ); + } + + + + /** + * Draw the table for the first time, adding all required features + * @param {object} settings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnInitialise ( settings ) + { + var i, iLen, iAjaxStart=settings.iInitDisplayStart; + var columns = settings.aoColumns, column; + var features = settings.oFeatures; + var deferLoading = settings.bDeferLoading; // value modified by the draw + + /* Ensure that the table data is fully initialised */ + if ( ! settings.bInitialised ) { + setTimeout( function(){ _fnInitialise( settings ); }, 200 ); + return; + } + + /* Show the display HTML options */ + _fnAddOptionsHtml( settings ); + + /* Build and draw the header / footer for the table */ + _fnBuildHead( settings ); + _fnDrawHead( settings, settings.aoHeader ); + _fnDrawHead( settings, settings.aoFooter ); + + /* Okay to show that something is going on now */ + _fnProcessingDisplay( settings, true ); + + /* Calculate sizes for columns */ + if ( features.bAutoWidth ) { + _fnCalculateColumnWidths( settings ); + } + + for ( i=0, iLen=columns.length ; i', { + 'name': tableId+'_length', + 'aria-controls': tableId, + 'class': classes.sLengthSelect + } ); + + for ( var i=0, ien=lengths.length ; i

').addClass( classes.sLength ); + if ( ! settings.aanFeatures.l ) { + div[0].id = tableId+'_length'; + } + + div.children().append( + settings.oLanguage.sLengthMenu.replace( '_MENU_', select[0].outerHTML ) + ); + + // Can't use `select` variable as user might provide their own and the + // reference is broken by the use of outerHTML + $('select', div) + .val( settings._iDisplayLength ) + .on( 'change.DT', function(e) { + _fnLengthChange( settings, $(this).val() ); + _fnDraw( settings ); + } ); + + // Update node value whenever anything changes the table's length + $(settings.nTable).on( 'length.dt.DT', function (e, s, len) { + if ( settings === s ) { + $('select', div).val( len ); + } + } ); + + return div[0]; + } + + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Note that most of the paging logic is done in + * DataTable.ext.pager + */ + + /** + * Generate the node required for default pagination + * @param {object} oSettings dataTables settings object + * @returns {node} Pagination feature node + * @memberof DataTable#oApi + */ + function _fnFeatureHtmlPaginate ( settings ) + { + var + type = settings.sPaginationType, + plugin = DataTable.ext.pager[ type ], + modern = typeof plugin === 'function', + redraw = function( settings ) { + _fnDraw( settings ); + }, + node = $('

').addClass( settings.oClasses.sPaging + type )[0], + features = settings.aanFeatures; + + if ( ! modern ) { + plugin.fnInit( settings, node, redraw ); + } + + /* Add a draw callback for the pagination on first instance, to update the paging display */ + if ( ! features.p ) + { + node.id = settings.sTableId+'_paginate'; + + settings.aoDrawCallback.push( { + "fn": function( settings ) { + if ( modern ) { + var + start = settings._iDisplayStart, + len = settings._iDisplayLength, + visRecords = settings.fnRecordsDisplay(), + all = len === -1, + page = all ? 0 : Math.ceil( start / len ), + pages = all ? 1 : Math.ceil( visRecords / len ), + buttons = plugin(page, pages), + i, ien; + + for ( i=0, ien=features.p.length ; i records ) + { + start = 0; + } + } + else if ( action == "first" ) + { + start = 0; + } + else if ( action == "previous" ) + { + start = len >= 0 ? + start - len : + 0; + + if ( start < 0 ) + { + start = 0; + } + } + else if ( action == "next" ) + { + if ( start + len < records ) + { + start += len; + } + } + else if ( action == "last" ) + { + start = Math.floor( (records-1) / len) * len; + } + else + { + _fnLog( settings, 0, "Unknown paging action: "+action, 5 ); + } + + var changed = settings._iDisplayStart !== start; + settings._iDisplayStart = start; + + if ( changed ) { + _fnCallbackFire( settings, null, 'page', [settings] ); + + if ( redraw ) { + _fnDraw( settings ); + } + } + + return changed; + } + + + + /** + * Generate the node required for the processing node + * @param {object} settings dataTables settings object + * @returns {node} Processing element + * @memberof DataTable#oApi + */ + function _fnFeatureHtmlProcessing ( settings ) + { + return $('

', { + 'id': ! settings.aanFeatures.r ? settings.sTableId+'_processing' : null, + 'class': settings.oClasses.sProcessing + } ) + .html( settings.oLanguage.sProcessing ) + .insertBefore( settings.nTable )[0]; + } + + + /** + * Display or hide the processing indicator + * @param {object} settings dataTables settings object + * @param {bool} show Show the processing indicator (true) or not (false) + * @memberof DataTable#oApi + */ + function _fnProcessingDisplay ( settings, show ) + { + if ( settings.oFeatures.bProcessing ) { + $(settings.aanFeatures.r).css( 'display', show ? 'block' : 'none' ); + } + + _fnCallbackFire( settings, null, 'processing', [settings, show] ); + } + + /** + * Add any control elements for the table - specifically scrolling + * @param {object} settings dataTables settings object + * @returns {node} Node to add to the DOM + * @memberof DataTable#oApi + */ + function _fnFeatureHtmlTable ( settings ) + { + var table = $(settings.nTable); + + // Add the ARIA grid role to the table + table.attr( 'role', 'grid' ); + + // Scrolling from here on in + var scroll = settings.oScroll; + + if ( scroll.sX === '' && scroll.sY === '' ) { + return settings.nTable; + } + + var scrollX = scroll.sX; + var scrollY = scroll.sY; + var classes = settings.oClasses; + var caption = table.children('caption'); + var captionSide = caption.length ? caption[0]._captionSide : null; + var headerClone = $( table[0].cloneNode(false) ); + var footerClone = $( table[0].cloneNode(false) ); + var footer = table.children('tfoot'); + var _div = '

'; + var size = function ( s ) { + return !s ? null : _fnStringToCss( s ); + }; + + if ( ! footer.length ) { + footer = null; + } + + /* + * The HTML structure that we want to generate in this function is: + * div - scroller + * div - scroll head + * div - scroll head inner + * table - scroll head table + * thead - thead + * div - scroll body + * table - table (master table) + * thead - thead clone for sizing + * tbody - tbody + * div - scroll foot + * div - scroll foot inner + * table - scroll foot table + * tfoot - tfoot + */ + var scroller = $( _div, { 'class': classes.sScrollWrapper } ) + .append( + $(_div, { 'class': classes.sScrollHead } ) + .css( { + overflow: 'hidden', + position: 'relative', + border: 0, + width: scrollX ? size(scrollX) : '100%' + } ) + .append( + $(_div, { 'class': classes.sScrollHeadInner } ) + .css( { + 'box-sizing': 'content-box', + width: scroll.sXInner || '100%' + } ) + .append( + headerClone + .removeAttr('id') + .css( 'margin-left', 0 ) + .append( captionSide === 'top' ? caption : null ) + .append( + table.children('thead') + ) + ) + ) + ) + .append( + $(_div, { 'class': classes.sScrollBody } ) + .css( { + position: 'relative', + overflow: 'auto', + width: size( scrollX ) + } ) + .append( table ) + ); + + if ( footer ) { + scroller.append( + $(_div, { 'class': classes.sScrollFoot } ) + .css( { + overflow: 'hidden', + border: 0, + width: scrollX ? size(scrollX) : '100%' + } ) + .append( + $(_div, { 'class': classes.sScrollFootInner } ) + .append( + footerClone + .removeAttr('id') + .css( 'margin-left', 0 ) + .append( captionSide === 'bottom' ? caption : null ) + .append( + table.children('tfoot') + ) + ) + ) + ); + } + + var children = scroller.children(); + var scrollHead = children[0]; + var scrollBody = children[1]; + var scrollFoot = footer ? children[2] : null; + + // When the body is scrolled, then we also want to scroll the headers + if ( scrollX ) { + $(scrollBody).on( 'scroll.DT', function (e) { + var scrollLeft = this.scrollLeft; + + scrollHead.scrollLeft = scrollLeft; + + if ( footer ) { + scrollFoot.scrollLeft = scrollLeft; + } + } ); + } + + $(scrollBody).css('max-height', scrollY); + if (! scroll.bCollapse) { + $(scrollBody).css('height', scrollY); + } + + settings.nScrollHead = scrollHead; + settings.nScrollBody = scrollBody; + settings.nScrollFoot = scrollFoot; + + // On redraw - align columns + settings.aoDrawCallback.push( { + "fn": _fnScrollDraw, + "sName": "scrolling" + } ); + + return scroller[0]; + } + + + + /** + * Update the header, footer and body tables for resizing - i.e. column + * alignment. + * + * Welcome to the most horrible function DataTables. The process that this + * function follows is basically: + * 1. Re-create the table inside the scrolling div + * 2. Take live measurements from the DOM + * 3. Apply the measurements to align the columns + * 4. Clean up + * + * @param {object} settings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnScrollDraw ( settings ) + { + // Given that this is such a monster function, a lot of variables are use + // to try and keep the minimised size as small as possible + var + scroll = settings.oScroll, + scrollX = scroll.sX, + scrollXInner = scroll.sXInner, + scrollY = scroll.sY, + barWidth = scroll.iBarWidth, + divHeader = $(settings.nScrollHead), + divHeaderStyle = divHeader[0].style, + divHeaderInner = divHeader.children('div'), + divHeaderInnerStyle = divHeaderInner[0].style, + divHeaderTable = divHeaderInner.children('table'), + divBodyEl = settings.nScrollBody, + divBody = $(divBodyEl), + divBodyStyle = divBodyEl.style, + divFooter = $(settings.nScrollFoot), + divFooterInner = divFooter.children('div'), + divFooterTable = divFooterInner.children('table'), + header = $(settings.nTHead), + table = $(settings.nTable), + tableEl = table[0], + tableStyle = tableEl.style, + footer = settings.nTFoot ? $(settings.nTFoot) : null, + browser = settings.oBrowser, + ie67 = browser.bScrollOversize, + dtHeaderCells = _pluck( settings.aoColumns, 'nTh' ), + headerTrgEls, footerTrgEls, + headerSrcEls, footerSrcEls, + headerCopy, footerCopy, + headerWidths=[], footerWidths=[], + headerContent=[], footerContent=[], + idx, correction, sanityWidth, + zeroOut = function(nSizer) { + var style = nSizer.style; + style.paddingTop = "0"; + style.paddingBottom = "0"; + style.borderTopWidth = "0"; + style.borderBottomWidth = "0"; + style.height = 0; + }; + + // If the scrollbar visibility has changed from the last draw, we need to + // adjust the column sizes as the table width will have changed to account + // for the scrollbar + var scrollBarVis = divBodyEl.scrollHeight > divBodyEl.clientHeight; + + if ( settings.scrollBarVis !== scrollBarVis && settings.scrollBarVis !== undefined ) { + settings.scrollBarVis = scrollBarVis; + _fnAdjustColumnSizing( settings ); + return; // adjust column sizing will call this function again + } + else { + settings.scrollBarVis = scrollBarVis; + } + + /* + * 1. Re-create the table inside the scrolling div + */ + + // Remove the old minimised thead and tfoot elements in the inner table + table.children('thead, tfoot').remove(); + + if ( footer ) { + footerCopy = footer.clone().prependTo( table ); + footerTrgEls = footer.find('tr'); // the original tfoot is in its own table and must be sized + footerSrcEls = footerCopy.find('tr'); + } + + // Clone the current header and footer elements and then place it into the inner table + headerCopy = header.clone().prependTo( table ); + headerTrgEls = header.find('tr'); // original header is in its own table + headerSrcEls = headerCopy.find('tr'); + headerCopy.find('th, td').removeAttr('tabindex'); + + + /* + * 2. Take live measurements from the DOM - do not alter the DOM itself! + */ + + // Remove old sizing and apply the calculated column widths + // Get the unique column headers in the newly created (cloned) header. We want to apply the + // calculated sizes to this header + if ( ! scrollX ) + { + divBodyStyle.width = '100%'; + divHeader[0].style.width = '100%'; + } + + $.each( _fnGetUniqueThs( settings, headerCopy ), function ( i, el ) { + idx = _fnVisibleToColumnIndex( settings, i ); + el.style.width = settings.aoColumns[idx].sWidth; + } ); + + if ( footer ) { + _fnApplyToChildren( function(n) { + n.style.width = ""; + }, footerSrcEls ); + } + + // Size the table as a whole + sanityWidth = table.outerWidth(); + if ( scrollX === "" ) { + // No x scrolling + tableStyle.width = "100%"; + + // IE7 will make the width of the table when 100% include the scrollbar + // - which is shouldn't. When there is a scrollbar we need to take this + // into account. + if ( ie67 && (table.find('tbody').height() > divBodyEl.offsetHeight || + divBody.css('overflow-y') == "scroll") + ) { + tableStyle.width = _fnStringToCss( table.outerWidth() - barWidth); + } + + // Recalculate the sanity width + sanityWidth = table.outerWidth(); + } + else if ( scrollXInner !== "" ) { + // legacy x scroll inner has been given - use it + tableStyle.width = _fnStringToCss(scrollXInner); + + // Recalculate the sanity width + sanityWidth = table.outerWidth(); + } + + // Hidden header should have zero height, so remove padding and borders. Then + // set the width based on the real headers + + // Apply all styles in one pass + _fnApplyToChildren( zeroOut, headerSrcEls ); + + // Read all widths in next pass + _fnApplyToChildren( function(nSizer) { + headerContent.push( nSizer.innerHTML ); + headerWidths.push( _fnStringToCss( $(nSizer).css('width') ) ); + }, headerSrcEls ); + + // Apply all widths in final pass + _fnApplyToChildren( function(nToSize, i) { + // Only apply widths to the DataTables detected header cells - this + // prevents complex headers from having contradictory sizes applied + if ( $.inArray( nToSize, dtHeaderCells ) !== -1 ) { + nToSize.style.width = headerWidths[i]; + } + }, headerTrgEls ); + + $(headerSrcEls).height(0); + + /* Same again with the footer if we have one */ + if ( footer ) + { + _fnApplyToChildren( zeroOut, footerSrcEls ); + + _fnApplyToChildren( function(nSizer) { + footerContent.push( nSizer.innerHTML ); + footerWidths.push( _fnStringToCss( $(nSizer).css('width') ) ); + }, footerSrcEls ); + + _fnApplyToChildren( function(nToSize, i) { + nToSize.style.width = footerWidths[i]; + }, footerTrgEls ); + + $(footerSrcEls).height(0); + } + + + /* + * 3. Apply the measurements + */ + + // "Hide" the header and footer that we used for the sizing. We need to keep + // the content of the cell so that the width applied to the header and body + // both match, but we want to hide it completely. We want to also fix their + // width to what they currently are + _fnApplyToChildren( function(nSizer, i) { + nSizer.innerHTML = '

'+headerContent[i]+'

'; + nSizer.childNodes[0].style.height = "0"; + nSizer.childNodes[0].style.overflow = "hidden"; + nSizer.style.width = headerWidths[i]; + }, headerSrcEls ); + + if ( footer ) + { + _fnApplyToChildren( function(nSizer, i) { + nSizer.innerHTML = '

'+footerContent[i]+'

'; + nSizer.childNodes[0].style.height = "0"; + nSizer.childNodes[0].style.overflow = "hidden"; + nSizer.style.width = footerWidths[i]; + }, footerSrcEls ); + } + + // Sanity check that the table is of a sensible width. If not then we are going to get + // misalignment - try to prevent this by not allowing the table to shrink below its min width + if ( table.outerWidth() < sanityWidth ) + { + // The min width depends upon if we have a vertical scrollbar visible or not */ + correction = ((divBodyEl.scrollHeight > divBodyEl.offsetHeight || + divBody.css('overflow-y') == "scroll")) ? + sanityWidth+barWidth : + sanityWidth; + + // IE6/7 are a law unto themselves... + if ( ie67 && (divBodyEl.scrollHeight > + divBodyEl.offsetHeight || divBody.css('overflow-y') == "scroll") + ) { + tableStyle.width = _fnStringToCss( correction-barWidth ); + } + + // And give the user a warning that we've stopped the table getting too small + if ( scrollX === "" || scrollXInner !== "" ) { + _fnLog( settings, 1, 'Possible column misalignment', 6 ); + } + } + else + { + correction = '100%'; + } + + // Apply to the container elements + divBodyStyle.width = _fnStringToCss( correction ); + divHeaderStyle.width = _fnStringToCss( correction ); + + if ( footer ) { + settings.nScrollFoot.style.width = _fnStringToCss( correction ); + } + + + /* + * 4. Clean up + */ + if ( ! scrollY ) { + /* IE7< puts a vertical scrollbar in place (when it shouldn't be) due to subtracting + * the scrollbar height from the visible display, rather than adding it on. We need to + * set the height in order to sort this. Don't want to do it in any other browsers. + */ + if ( ie67 ) { + divBodyStyle.height = _fnStringToCss( tableEl.offsetHeight+barWidth ); + } + } + + /* Finally set the width's of the header and footer tables */ + var iOuterWidth = table.outerWidth(); + divHeaderTable[0].style.width = _fnStringToCss( iOuterWidth ); + divHeaderInnerStyle.width = _fnStringToCss( iOuterWidth ); + + // Figure out if there are scrollbar present - if so then we need a the header and footer to + // provide a bit more space to allow "overflow" scrolling (i.e. past the scrollbar) + var bScrolling = table.height() > divBodyEl.clientHeight || divBody.css('overflow-y') == "scroll"; + var padding = 'padding' + (browser.bScrollbarLeft ? 'Left' : 'Right' ); + divHeaderInnerStyle[ padding ] = bScrolling ? barWidth+"px" : "0px"; + + if ( footer ) { + divFooterTable[0].style.width = _fnStringToCss( iOuterWidth ); + divFooterInner[0].style.width = _fnStringToCss( iOuterWidth ); + divFooterInner[0].style[padding] = bScrolling ? barWidth+"px" : "0px"; + } + + // Correct DOM ordering for colgroup - comes before the thead + table.children('colgroup').insertBefore( table.children('thead') ); + + /* Adjust the position of the header in case we loose the y-scrollbar */ + divBody.trigger('scroll'); + + // If sorting or filtering has occurred, jump the scrolling back to the top + // only if we aren't holding the position + if ( (settings.bSorted || settings.bFiltered) && ! settings._drawHold ) { + divBodyEl.scrollTop = 0; + } + } + + + + /** + * Apply a given function to the display child nodes of an element array (typically + * TD children of TR rows + * @param {function} fn Method to apply to the objects + * @param array {nodes} an1 List of elements to look through for display children + * @param array {nodes} an2 Another list (identical structure to the first) - optional + * @memberof DataTable#oApi + */ + function _fnApplyToChildren( fn, an1, an2 ) + { + var index=0, i=0, iLen=an1.length; + var nNode1, nNode2; + + while ( i < iLen ) { + nNode1 = an1[i].firstChild; + nNode2 = an2 ? an2[i].firstChild : null; + + while ( nNode1 ) { + if ( nNode1.nodeType === 1 ) { + if ( an2 ) { + fn( nNode1, nNode2, index ); + } + else { + fn( nNode1, index ); + } + + index++; + } + + nNode1 = nNode1.nextSibling; + nNode2 = an2 ? nNode2.nextSibling : null; + } + + i++; + } + } + + + + var __re_html_remove = /<.*?>/g; + + + /** + * Calculate the width of columns for the table + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnCalculateColumnWidths ( oSettings ) + { + var + table = oSettings.nTable, + columns = oSettings.aoColumns, + scroll = oSettings.oScroll, + scrollY = scroll.sY, + scrollX = scroll.sX, + scrollXInner = scroll.sXInner, + columnCount = columns.length, + visibleColumns = _fnGetColumns( oSettings, 'bVisible' ), + headerCells = $('th', oSettings.nTHead), + tableWidthAttr = table.getAttribute('width'), // from DOM element + tableContainer = table.parentNode, + userInputs = false, + i, column, columnIdx, width, outerWidth, + browser = oSettings.oBrowser, + ie67 = browser.bScrollOversize; + + var styleWidth = table.style.width; + if ( styleWidth && styleWidth.indexOf('%') !== -1 ) { + tableWidthAttr = styleWidth; + } + + /* Convert any user input sizes into pixel sizes */ + for ( i=0 ; i').appendTo( tmpTable.find('tbody') ); + + // Clone the table header and footer - we can't use the header / footer + // from the cloned table, since if scrolling is active, the table's + // real header and footer are contained in different table tags + tmpTable.find('thead, tfoot').remove(); + tmpTable + .append( $(oSettings.nTHead).clone() ) + .append( $(oSettings.nTFoot).clone() ); + + // Remove any assigned widths from the footer (from scrolling) + tmpTable.find('tfoot th, tfoot td').css('width', ''); + + // Apply custom sizing to the cloned header + headerCells = _fnGetUniqueThs( oSettings, tmpTable.find('thead')[0] ); + + for ( i=0 ; i').css( { + width: column.sWidthOrig, + margin: 0, + padding: 0, + border: 0, + height: 1 + } ) ); + } + } + + // Find the widest cell for each column and put it into the table + if ( oSettings.aoData.length ) { + for ( i=0 ; i').css( scrollX || scrollY ? + { + position: 'absolute', + top: 0, + left: 0, + height: 1, + right: 0, + overflow: 'hidden' + } : + {} + ) + .append( tmpTable ) + .appendTo( tableContainer ); + + // When scrolling (X or Y) we want to set the width of the table as + // appropriate. However, when not scrolling leave the table width as it + // is. This results in slightly different, but I think correct behaviour + if ( scrollX && scrollXInner ) { + tmpTable.width( scrollXInner ); + } + else if ( scrollX ) { + tmpTable.css( 'width', 'auto' ); + tmpTable.removeAttr('width'); + + // If there is no width attribute or style, then allow the table to + // collapse + if ( tmpTable.width() < tableContainer.clientWidth && tableWidthAttr ) { + tmpTable.width( tableContainer.clientWidth ); + } + } + else if ( scrollY ) { + tmpTable.width( tableContainer.clientWidth ); + } + else if ( tableWidthAttr ) { + tmpTable.width( tableWidthAttr ); + } + + // Get the width of each column in the constructed table - we need to + // know the inner width (so it can be assigned to the other table's + // cells) and the outer width so we can calculate the full width of the + // table. This is safe since DataTables requires a unique cell for each + // column, but if ever a header can span multiple columns, this will + // need to be modified. + var total = 0; + for ( i=0 ; i') + .css( 'width', _fnStringToCss( width ) ) + .appendTo( parent || document.body ); + + var val = n[0].offsetWidth; + n.remove(); + + return val; + } + + + /** + * Get the widest node + * @param {object} settings dataTables settings object + * @param {int} colIdx column of interest + * @returns {node} widest table node + * @memberof DataTable#oApi + */ + function _fnGetWidestNode( settings, colIdx ) + { + var idx = _fnGetMaxLenString( settings, colIdx ); + if ( idx < 0 ) { + return null; + } + + var data = settings.aoData[ idx ]; + return ! data.nTr ? // Might not have been created when deferred rendering + $('').html( _fnGetCellData( settings, idx, colIdx, 'display' ) )[0] : + data.anCells[ colIdx ]; + } + + + /** + * Get the maximum strlen for each data column + * @param {object} settings dataTables settings object + * @param {int} colIdx column of interest + * @returns {string} max string length for each column + * @memberof DataTable#oApi + */ + function _fnGetMaxLenString( settings, colIdx ) + { + var s, max=-1, maxIdx = -1; + + for ( var i=0, ien=settings.aoData.length ; i max ) { + max = s.length; + maxIdx = i; + } + } + + return maxIdx; + } + + + /** + * Append a CSS unit (only if required) to a string + * @param {string} value to css-ify + * @returns {string} value with css unit + * @memberof DataTable#oApi + */ + function _fnStringToCss( s ) + { + if ( s === null ) { + return '0px'; + } + + if ( typeof s == 'number' ) { + return s < 0 ? + '0px' : + s+'px'; + } + + // Check it has a unit character already + return s.match(/\d$/) ? + s+'px' : + s; + } + + + + function _fnSortFlatten ( settings ) + { + var + i, iLen, k, kLen, + aSort = [], + aiOrig = [], + aoColumns = settings.aoColumns, + aDataSort, iCol, sType, srcCol, + fixed = settings.aaSortingFixed, + fixedObj = $.isPlainObject( fixed ), + nestedSort = [], + add = function ( a ) { + if ( a.length && ! $.isArray( a[0] ) ) { + // 1D array + nestedSort.push( a ); + } + else { + // 2D array + $.merge( nestedSort, a ); + } + }; + + // Build the sort array, with pre-fix and post-fix options if they have been + // specified + if ( $.isArray( fixed ) ) { + add( fixed ); + } + + if ( fixedObj && fixed.pre ) { + add( fixed.pre ); + } + + add( settings.aaSorting ); + + if (fixedObj && fixed.post ) { + add( fixed.post ); + } + + for ( i=0 ; iy ? 1 : 0; + if ( test !== 0 ) { + return sort.dir === 'asc' ? test : -test; + } + } + + x = aiOrig[a]; + y = aiOrig[b]; + return xy ? 1 : 0; + } ); + } + else { + // Depreciated - remove in 1.11 (providing a plug-in option) + // Not all sort types have formatting methods, so we have to call their sorting + // methods. + displayMaster.sort( function ( a, b ) { + var + x, y, k, l, test, sort, fn, + len=aSort.length, + dataA = aoData[a]._aSortData, + dataB = aoData[b]._aSortData; + + for ( k=0 ; ky ? 1 : 0; + } ); + } + } + + /* Tell the draw function that we have sorted the data */ + oSettings.bSorted = true; + } + + + function _fnSortAria ( settings ) + { + var label; + var nextSort; + var columns = settings.aoColumns; + var aSort = _fnSortFlatten( settings ); + var oAria = settings.oLanguage.oAria; + + // ARIA attributes - need to loop all columns, to update all (removing old + // attributes as needed) + for ( var i=0, iLen=columns.length ; i/g, "" ); + var th = col.nTh; + + // IE7 is throwing an error when setting these properties with jQuery's + // attr() and removeAttr() methods... + th.removeAttribute('aria-sort'); + + /* In ARIA only the first sorting column can be marked as sorting - no multi-sort option */ + if ( col.bSortable ) { + if ( aSort.length > 0 && aSort[0].col == i ) { + th.setAttribute('aria-sort', aSort[0].dir=="asc" ? "ascending" : "descending" ); + nextSort = asSorting[ aSort[0].index+1 ] || asSorting[0]; + } + else { + nextSort = asSorting[0]; + } + + label = sTitle + ( nextSort === "asc" ? + oAria.sSortAscending : + oAria.sSortDescending + ); + } + else { + label = sTitle; + } + + th.setAttribute('aria-label', label); + } + } + + + /** + * Function to run on user sort request + * @param {object} settings dataTables settings object + * @param {node} attachTo node to attach the handler to + * @param {int} colIdx column sorting index + * @param {boolean} [append=false] Append the requested sort to the existing + * sort if true (i.e. multi-column sort) + * @param {function} [callback] callback function + * @memberof DataTable#oApi + */ + function _fnSortListener ( settings, colIdx, append, callback ) + { + var col = settings.aoColumns[ colIdx ]; + var sorting = settings.aaSorting; + var asSorting = col.asSorting; + var nextSortIdx; + var next = function ( a, overflow ) { + var idx = a._idx; + if ( idx === undefined ) { + idx = $.inArray( a[1], asSorting ); + } + + return idx+1 < asSorting.length ? + idx+1 : + overflow ? + null : + 0; + }; + + // Convert to 2D array if needed + if ( typeof sorting[0] === 'number' ) { + sorting = settings.aaSorting = [ sorting ]; + } + + // If appending the sort then we are multi-column sorting + if ( append && settings.oFeatures.bSortMulti ) { + // Are we already doing some kind of sort on this column? + var sortIdx = $.inArray( colIdx, _pluck(sorting, '0') ); + + if ( sortIdx !== -1 ) { + // Yes, modify the sort + nextSortIdx = next( sorting[sortIdx], true ); + + if ( nextSortIdx === null && sorting.length === 1 ) { + nextSortIdx = 0; // can't remove sorting completely + } + + if ( nextSortIdx === null ) { + sorting.splice( sortIdx, 1 ); + } + else { + sorting[sortIdx][1] = asSorting[ nextSortIdx ]; + sorting[sortIdx]._idx = nextSortIdx; + } + } + else { + // No sort on this column yet + sorting.push( [ colIdx, asSorting[0], 0 ] ); + sorting[sorting.length-1]._idx = 0; + } + } + else if ( sorting.length && sorting[0][0] == colIdx ) { + // Single column - already sorting on this column, modify the sort + nextSortIdx = next( sorting[0] ); + + sorting.length = 1; + sorting[0][1] = asSorting[ nextSortIdx ]; + sorting[0]._idx = nextSortIdx; + } + else { + // Single column - sort only on this column + sorting.length = 0; + sorting.push( [ colIdx, asSorting[0] ] ); + sorting[0]._idx = 0; + } + + // Run the sort by calling a full redraw + _fnReDraw( settings ); + + // callback used for async user interaction + if ( typeof callback == 'function' ) { + callback( settings ); + } + } + + + /** + * Attach a sort handler (click) to a node + * @param {object} settings dataTables settings object + * @param {node} attachTo node to attach the handler to + * @param {int} colIdx column sorting index + * @param {function} [callback] callback function + * @memberof DataTable#oApi + */ + function _fnSortAttachListener ( settings, attachTo, colIdx, callback ) + { + var col = settings.aoColumns[ colIdx ]; + + _fnBindAction( attachTo, {}, function (e) { + /* If the column is not sortable - don't to anything */ + if ( col.bSortable === false ) { + return; + } + + // If processing is enabled use a timeout to allow the processing + // display to be shown - otherwise to it synchronously + if ( settings.oFeatures.bProcessing ) { + _fnProcessingDisplay( settings, true ); + + setTimeout( function() { + _fnSortListener( settings, colIdx, e.shiftKey, callback ); + + // In server-side processing, the draw callback will remove the + // processing display + if ( _fnDataSource( settings ) !== 'ssp' ) { + _fnProcessingDisplay( settings, false ); + } + }, 0 ); + } + else { + _fnSortListener( settings, colIdx, e.shiftKey, callback ); + } + } ); + } + + + /** + * Set the sorting classes on table's body, Note: it is safe to call this function + * when bSort and bSortClasses are false + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnSortingClasses( settings ) + { + var oldSort = settings.aLastSort; + var sortClass = settings.oClasses.sSortColumn; + var sort = _fnSortFlatten( settings ); + var features = settings.oFeatures; + var i, ien, colIdx; + + if ( features.bSort && features.bSortClasses ) { + // Remove old sorting classes + for ( i=0, ien=oldSort.length ; i 0 && s.time < +new Date() - (duration*1000) ) { + callback(); + return; + } + + // Number of columns have changed - all bets are off, no restore of settings + if ( s.columns && columns.length !== s.columns.length ) { + callback(); + return; + } + + // Store the saved state so it might be accessed at any time + settings.oLoadedState = $.extend( true, {}, s ); + + // Restore key features - todo - for 1.11 this needs to be done by + // subscribed events + if ( s.start !== undefined ) { + settings._iDisplayStart = s.start; + settings.iInitDisplayStart = s.start; + } + if ( s.length !== undefined ) { + settings._iDisplayLength = s.length; + } + + // Order + if ( s.order !== undefined ) { + settings.aaSorting = []; + $.each( s.order, function ( i, col ) { + settings.aaSorting.push( col[0] >= columns.length ? + [ 0, col[1] ] : + col + ); + } ); + } + + // Search + if ( s.search !== undefined ) { + $.extend( settings.oPreviousSearch, _fnSearchToHung( s.search ) ); + } + + // Columns + // + if ( s.columns ) { + for ( i=0, ien=s.columns.length ; i= end ) + { + start = end - len; + } + + // Keep the start record on the current page + start -= (start % len); + + if ( len === -1 || start < 0 ) + { + start = 0; + } + + settings._iDisplayStart = start; + } + + + function _fnRenderer( settings, type ) + { + var renderer = settings.renderer; + var host = DataTable.ext.renderer[type]; + + if ( $.isPlainObject( renderer ) && renderer[type] ) { + // Specific renderer for this type. If available use it, otherwise use + // the default. + return host[renderer[type]] || host._; + } + else if ( typeof renderer === 'string' ) { + // Common renderer - if there is one available for this type use it, + // otherwise use the default + return host[renderer] || host._; + } + + // Use the default + return host._; + } + + + /** + * Detect the data source being used for the table. Used to simplify the code + * a little (ajax) and to make it compress a little smaller. + * + * @param {object} settings dataTables settings object + * @returns {string} Data source + * @memberof DataTable#oApi + */ + function _fnDataSource ( settings ) + { + if ( settings.oFeatures.bServerSide ) { + return 'ssp'; + } + else if ( settings.ajax || settings.sAjaxSource ) { + return 'ajax'; + } + return 'dom'; + } + + + + + /** + * Computed structure of the DataTables API, defined by the options passed to + * `DataTable.Api.register()` when building the API. + * + * The structure is built in order to speed creation and extension of the Api + * objects since the extensions are effectively pre-parsed. + * + * The array is an array of objects with the following structure, where this + * base array represents the Api prototype base: + * + * [ + * { + * name: 'data' -- string - Property name + * val: function () {}, -- function - Api method (or undefined if just an object + * methodExt: [ ... ], -- array - Array of Api object definitions to extend the method result + * propExt: [ ... ] -- array - Array of Api object definitions to extend the property + * }, + * { + * name: 'row' + * val: {}, + * methodExt: [ ... ], + * propExt: [ + * { + * name: 'data' + * val: function () {}, + * methodExt: [ ... ], + * propExt: [ ... ] + * }, + * ... + * ] + * } + * ] + * + * @type {Array} + * @ignore + */ + var __apiStruct = []; + + + /** + * `Array.prototype` reference. + * + * @type object + * @ignore + */ + var __arrayProto = Array.prototype; + + + /** + * Abstraction for `context` parameter of the `Api` constructor to allow it to + * take several different forms for ease of use. + * + * Each of the input parameter types will be converted to a DataTables settings + * object where possible. + * + * @param {string|node|jQuery|object} mixed DataTable identifier. Can be one + * of: + * + * * `string` - jQuery selector. Any DataTables' matching the given selector + * with be found and used. + * * `node` - `TABLE` node which has already been formed into a DataTable. + * * `jQuery` - A jQuery object of `TABLE` nodes. + * * `object` - DataTables settings object + * * `DataTables.Api` - API instance + * @return {array|null} Matching DataTables settings objects. `null` or + * `undefined` is returned if no matching DataTable is found. + * @ignore + */ + var _toSettings = function ( mixed ) + { + var idx, jq; + var settings = DataTable.settings; + var tables = $.map( settings, function (el, i) { + return el.nTable; + } ); + + if ( ! mixed ) { + return []; + } + else if ( mixed.nTable && mixed.oApi ) { + // DataTables settings object + return [ mixed ]; + } + else if ( mixed.nodeName && mixed.nodeName.toLowerCase() === 'table' ) { + // Table node + idx = $.inArray( mixed, tables ); + return idx !== -1 ? [ settings[idx] ] : null; + } + else if ( mixed && typeof mixed.settings === 'function' ) { + return mixed.settings().toArray(); + } + else if ( typeof mixed === 'string' ) { + // jQuery selector + jq = $(mixed); + } + else if ( mixed instanceof $ ) { + // jQuery object (also DataTables instance) + jq = mixed; + } + + if ( jq ) { + return jq.map( function(i) { + idx = $.inArray( this, tables ); + return idx !== -1 ? settings[idx] : null; + } ).toArray(); + } + }; + + + /** + * DataTables API class - used to control and interface with one or more + * DataTables enhanced tables. + * + * The API class is heavily based on jQuery, presenting a chainable interface + * that you can use to interact with tables. Each instance of the API class has + * a "context" - i.e. the tables that it will operate on. This could be a single + * table, all tables on a page or a sub-set thereof. + * + * Additionally the API is designed to allow you to easily work with the data in + * the tables, retrieving and manipulating it as required. This is done by + * presenting the API class as an array like interface. The contents of the + * array depend upon the actions requested by each method (for example + * `rows().nodes()` will return an array of nodes, while `rows().data()` will + * return an array of objects or arrays depending upon your table's + * configuration). The API object has a number of array like methods (`push`, + * `pop`, `reverse` etc) as well as additional helper methods (`each`, `pluck`, + * `unique` etc) to assist your working with the data held in a table. + * + * Most methods (those which return an Api instance) are chainable, which means + * the return from a method call also has all of the methods available that the + * top level object had. For example, these two calls are equivalent: + * + * // Not chained + * api.row.add( {...} ); + * api.draw(); + * + * // Chained + * api.row.add( {...} ).draw(); + * + * @class DataTable.Api + * @param {array|object|string|jQuery} context DataTable identifier. This is + * used to define which DataTables enhanced tables this API will operate on. + * Can be one of: + * + * * `string` - jQuery selector. Any DataTables' matching the given selector + * with be found and used. + * * `node` - `TABLE` node which has already been formed into a DataTable. + * * `jQuery` - A jQuery object of `TABLE` nodes. + * * `object` - DataTables settings object + * @param {array} [data] Data to initialise the Api instance with. + * + * @example + * // Direct initialisation during DataTables construction + * var api = $('#example').DataTable(); + * + * @example + * // Initialisation using a DataTables jQuery object + * var api = $('#example').dataTable().api(); + * + * @example + * // Initialisation as a constructor + * var api = new $.fn.DataTable.Api( 'table.dataTable' ); + */ + _Api = function ( context, data ) + { + if ( ! (this instanceof _Api) ) { + return new _Api( context, data ); + } + + var settings = []; + var ctxSettings = function ( o ) { + var a = _toSettings( o ); + if ( a ) { + settings.push.apply( settings, a ); + } + }; + + if ( $.isArray( context ) ) { + for ( var i=0, ien=context.length ; i idx ? + new _Api( ctx[idx], this[idx] ) : + null; + }, + + + filter: function ( fn ) + { + var a = []; + + if ( __arrayProto.filter ) { + a = __arrayProto.filter.call( this, fn, this ); + } + else { + // Compatibility for browsers without EMCA-252-5 (JS 1.6) + for ( var i=0, ien=this.length ; i 0 ) { + return ctx[0].json; + } + + // else return undefined; + } ); + + + /** + * Get the data submitted in the last Ajax request + */ + _api_register( 'ajax.params()', function () { + var ctx = this.context; + + if ( ctx.length > 0 ) { + return ctx[0].oAjaxData; + } + + // else return undefined; + } ); + + + /** + * Reload tables from the Ajax data source. Note that this function will + * automatically re-draw the table when the remote data has been loaded. + * + * @param {boolean} [reset=true] Reset (default) or hold the current paging + * position. A full re-sort and re-filter is performed when this method is + * called, which is why the pagination reset is the default action. + * @returns {DataTables.Api} this + */ + _api_register( 'ajax.reload()', function ( callback, resetPaging ) { + return this.iterator( 'table', function (settings) { + __reload( settings, resetPaging===false, callback ); + } ); + } ); + + + /** + * Get the current Ajax URL. Note that this returns the URL from the first + * table in the current context. + * + * @return {string} Current Ajax source URL + *//** + * Set the Ajax URL. Note that this will set the URL for all tables in the + * current context. + * + * @param {string} url URL to set. + * @returns {DataTables.Api} this + */ + _api_register( 'ajax.url()', function ( url ) { + var ctx = this.context; + + if ( url === undefined ) { + // get + if ( ctx.length === 0 ) { + return undefined; + } + ctx = ctx[0]; + + return ctx.ajax ? + $.isPlainObject( ctx.ajax ) ? + ctx.ajax.url : + ctx.ajax : + ctx.sAjaxSource; + } + + // set + return this.iterator( 'table', function ( settings ) { + if ( $.isPlainObject( settings.ajax ) ) { + settings.ajax.url = url; + } + else { + settings.ajax = url; + } + // No need to consider sAjaxSource here since DataTables gives priority + // to `ajax` over `sAjaxSource`. So setting `ajax` here, renders any + // value of `sAjaxSource` redundant. + } ); + } ); + + + /** + * Load data from the newly set Ajax URL. Note that this method is only + * available when `ajax.url()` is used to set a URL. Additionally, this method + * has the same effect as calling `ajax.reload()` but is provided for + * convenience when setting a new URL. Like `ajax.reload()` it will + * automatically redraw the table once the remote data has been loaded. + * + * @returns {DataTables.Api} this + */ + _api_register( 'ajax.url().load()', function ( callback, resetPaging ) { + // Same as a reload, but makes sense to present it for easy access after a + // url change + return this.iterator( 'table', function ( ctx ) { + __reload( ctx, resetPaging===false, callback ); + } ); + } ); + + + + + var _selector_run = function ( type, selector, selectFn, settings, opts ) + { + var + out = [], res, + a, i, ien, j, jen, + selectorType = typeof selector; + + // Can't just check for isArray here, as an API or jQuery instance might be + // given with their array like look + if ( ! selector || selectorType === 'string' || selectorType === 'function' || selector.length === undefined ) { + selector = [ selector ]; + } + + for ( i=0, ien=selector.length ; i 0 ) { + // Assign the first element to the first item in the instance + // and truncate the instance and context + inst[0] = inst[i]; + inst[0].length = 1; + inst.length = 1; + inst.context = [ inst.context[i] ]; + + return inst; + } + } + + // Not found - return an empty instance + inst.length = 0; + return inst; + }; + + + var _selector_row_indexes = function ( settings, opts ) + { + var + i, ien, tmp, a=[], + displayFiltered = settings.aiDisplay, + displayMaster = settings.aiDisplayMaster; + + var + search = opts.search, // none, applied, removed + order = opts.order, // applied, current, index (original - compatibility with 1.9) + page = opts.page; // all, current + + if ( _fnDataSource( settings ) == 'ssp' ) { + // In server-side processing mode, most options are irrelevant since + // rows not shown don't exist and the index order is the applied order + // Removed is a special case - for consistency just return an empty + // array + return search === 'removed' ? + [] : + _range( 0, displayMaster.length ); + } + else if ( page == 'current' ) { + // Current page implies that order=current and fitler=applied, since it is + // fairly senseless otherwise, regardless of what order and search actually + // are + for ( i=settings._iDisplayStart, ien=settings.fnDisplayEnd() ; i= 0 && search == 'applied') ) + { + a.push( i ); + } + } + } + } + + return a; + }; + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Rows + * + * {} - no selector - use all available rows + * {integer} - row aoData index + * {node} - TR node + * {string} - jQuery selector to apply to the TR elements + * {array} - jQuery array of nodes, or simply an array of TR nodes + * + */ + var __row_selector = function ( settings, selector, opts ) + { + var rows; + var run = function ( sel ) { + var selInt = _intVal( sel ); + var i, ien; + var aoData = settings.aoData; + + // Short cut - selector is a number and no options provided (default is + // all records, so no need to check if the index is in there, since it + // must be - dev error if the index doesn't exist). + if ( selInt !== null && ! opts ) { + return [ selInt ]; + } + + if ( ! rows ) { + rows = _selector_row_indexes( settings, opts ); + } + + if ( selInt !== null && $.inArray( selInt, rows ) !== -1 ) { + // Selector - integer + return [ selInt ]; + } + else if ( sel === null || sel === undefined || sel === '' ) { + // Selector - none + return rows; + } + + // Selector - function + if ( typeof sel === 'function' ) { + return $.map( rows, function (idx) { + var row = aoData[ idx ]; + return sel( idx, row._aData, row.nTr ) ? idx : null; + } ); + } + + // Selector - node + if ( sel.nodeName ) { + var rowIdx = sel._DT_RowIndex; // Property added by DT for fast lookup + var cellIdx = sel._DT_CellIndex; + + if ( rowIdx !== undefined ) { + // Make sure that the row is actually still present in the table + return aoData[ rowIdx ] && aoData[ rowIdx ].nTr === sel ? + [ rowIdx ] : + []; + } + else if ( cellIdx ) { + return aoData[ cellIdx.row ] && aoData[ cellIdx.row ].nTr === sel.parentNode ? + [ cellIdx.row ] : + []; + } + else { + var host = $(sel).closest('*[data-dt-row]'); + return host.length ? + [ host.data('dt-row') ] : + []; + } + } + + // ID selector. Want to always be able to select rows by id, regardless + // of if the tr element has been created or not, so can't rely upon + // jQuery here - hence a custom implementation. This does not match + // Sizzle's fast selector or HTML4 - in HTML5 the ID can be anything, + // but to select it using a CSS selector engine (like Sizzle or + // querySelect) it would need to need to be escaped for some characters. + // DataTables simplifies this for row selectors since you can select + // only a row. A # indicates an id any anything that follows is the id - + // unescaped. + if ( typeof sel === 'string' && sel.charAt(0) === '#' ) { + // get row index from id + var rowObj = settings.aIds[ sel.replace( /^#/, '' ) ]; + if ( rowObj !== undefined ) { + return [ rowObj.idx ]; + } + + // need to fall through to jQuery in case there is DOM id that + // matches + } + + // Get nodes in the order from the `rows` array with null values removed + var nodes = _removeEmpty( + _pluck_order( settings.aoData, rows, 'nTr' ) + ); + + // Selector - jQuery selector string, array of nodes or jQuery object/ + // As jQuery's .filter() allows jQuery objects to be passed in filter, + // it also allows arrays, so this will cope with all three options + return $(nodes) + .filter( sel ) + .map( function () { + return this._DT_RowIndex; + } ) + .toArray(); + }; + + return _selector_run( 'row', selector, run, settings, opts ); + }; + + + _api_register( 'rows()', function ( selector, opts ) { + // argument shifting + if ( selector === undefined ) { + selector = ''; + } + else if ( $.isPlainObject( selector ) ) { + opts = selector; + selector = ''; + } + + opts = _selector_opts( opts ); + + var inst = this.iterator( 'table', function ( settings ) { + return __row_selector( settings, selector, opts ); + }, 1 ); + + // Want argument shifting here and in __row_selector? + inst.selector.rows = selector; + inst.selector.opts = opts; + + return inst; + } ); + + _api_register( 'rows().nodes()', function () { + return this.iterator( 'row', function ( settings, row ) { + return settings.aoData[ row ].nTr || undefined; + }, 1 ); + } ); + + _api_register( 'rows().data()', function () { + return this.iterator( true, 'rows', function ( settings, rows ) { + return _pluck_order( settings.aoData, rows, '_aData' ); + }, 1 ); + } ); + + _api_registerPlural( 'rows().cache()', 'row().cache()', function ( type ) { + return this.iterator( 'row', function ( settings, row ) { + var r = settings.aoData[ row ]; + return type === 'search' ? r._aFilterData : r._aSortData; + }, 1 ); + } ); + + _api_registerPlural( 'rows().invalidate()', 'row().invalidate()', function ( src ) { + return this.iterator( 'row', function ( settings, row ) { + _fnInvalidate( settings, row, src ); + } ); + } ); + + _api_registerPlural( 'rows().indexes()', 'row().index()', function () { + return this.iterator( 'row', function ( settings, row ) { + return row; + }, 1 ); + } ); + + _api_registerPlural( 'rows().ids()', 'row().id()', function ( hash ) { + var a = []; + var context = this.context; + + // `iterator` will drop undefined values, but in this case we want them + for ( var i=0, ien=context.length ; i 0 ) { + settings._iRecordsDisplay--; + } + + // Check for an 'overflow' they case for displaying the table + _fnLengthOverflow( settings ); + + // Remove the row's ID reference if there is one + var id = settings.rowIdFn( rowData._aData ); + if ( id !== undefined ) { + delete settings.aIds[ id ]; + } + } ); + + this.iterator( 'table', function ( settings ) { + for ( var i=0, ien=settings.aoData.length ; i').addClass( k ); + $('td', created) + .addClass( k ) + .html( r ) + [0].colSpan = _fnVisbleColumns( ctx ); + + rows.push( created[0] ); + } + }; + + addRow( data, klass ); + + if ( row._details ) { + row._details.detach(); + } + + row._details = $(rows); + + // If the children were already shown, that state should be retained + if ( row._detailsShow ) { + row._details.insertAfter( row.nTr ); + } + }; + + + var __details_remove = function ( api, idx ) + { + var ctx = api.context; + + if ( ctx.length ) { + var row = ctx[0].aoData[ idx !== undefined ? idx : api[0] ]; + + if ( row && row._details ) { + row._details.remove(); + + row._detailsShow = undefined; + row._details = undefined; + } + } + }; + + + var __details_display = function ( api, show ) { + var ctx = api.context; + + if ( ctx.length && api.length ) { + var row = ctx[0].aoData[ api[0] ]; + + if ( row._details ) { + row._detailsShow = show; + + if ( show ) { + row._details.insertAfter( row.nTr ); + } + else { + row._details.detach(); + } + + __details_events( ctx[0] ); + } + } + }; + + + var __details_events = function ( settings ) + { + var api = new _Api( settings ); + var namespace = '.dt.DT_details'; + var drawEvent = 'draw'+namespace; + var colvisEvent = 'column-visibility'+namespace; + var destroyEvent = 'destroy'+namespace; + var data = settings.aoData; + + api.off( drawEvent +' '+ colvisEvent +' '+ destroyEvent ); + + if ( _pluck( data, '_details' ).length > 0 ) { + // On each draw, insert the required elements into the document + api.on( drawEvent, function ( e, ctx ) { + if ( settings !== ctx ) { + return; + } + + api.rows( {page:'current'} ).eq(0).each( function (idx) { + // Internal data grab + var row = data[ idx ]; + + if ( row._detailsShow ) { + row._details.insertAfter( row.nTr ); + } + } ); + } ); + + // Column visibility change - update the colspan + api.on( colvisEvent, function ( e, ctx, idx, vis ) { + if ( settings !== ctx ) { + return; + } + + // Update the colspan for the details rows (note, only if it already has + // a colspan) + var row, visible = _fnVisbleColumns( ctx ); + + for ( var i=0, ien=data.length ; i=0 count from left, <0 count from right) + * "{integer}:visIdx" - visible column index (i.e. translate to column index) (>=0 count from left, <0 count from right) + * "{integer}:visible" - alias for {integer}:visIdx (>=0 count from left, <0 count from right) + * "{string}:name" - column name + * "{string}" - jQuery selector on column header nodes + * + */ + + // can be an array of these items, comma separated list, or an array of comma + // separated lists + + var __re_column_selector = /^([^:]+):(name|visIdx|visible)$/; + + + // r1 and r2 are redundant - but it means that the parameters match for the + // iterator callback in columns().data() + var __columnData = function ( settings, column, r1, r2, rows ) { + var a = []; + for ( var row=0, ien=rows.length ; row= 0 ? + selInt : // Count from left + columns.length + selInt // Count from right (+ because its a negative value) + ]; + } + + // Selector = function + if ( typeof s === 'function' ) { + var rows = _selector_row_indexes( settings, opts ); + + return $.map( columns, function (col, idx) { + return s( + idx, + __columnData( settings, idx, 0, 0, rows ), + nodes[ idx ] + ) ? idx : null; + } ); + } + + // jQuery or string selector + var match = typeof s === 'string' ? + s.match( __re_column_selector ) : + ''; + + if ( match ) { + switch( match[2] ) { + case 'visIdx': + case 'visible': + var idx = parseInt( match[1], 10 ); + // Visible index given, convert to column index + if ( idx < 0 ) { + // Counting from the right + var visColumns = $.map( columns, function (col,i) { + return col.bVisible ? i : null; + } ); + return [ visColumns[ visColumns.length + idx ] ]; + } + // Counting from the left + return [ _fnVisibleToColumnIndex( settings, idx ) ]; + + case 'name': + // match by name. `names` is column index complete and in order + return $.map( names, function (name, i) { + return name === match[1] ? i : null; + } ); + + default: + return []; + } + } + + // Cell in the table body + if ( s.nodeName && s._DT_CellIndex ) { + return [ s._DT_CellIndex.column ]; + } + + // jQuery selector on the TH elements for the columns + var jqResult = $( nodes ) + .filter( s ) + .map( function () { + return $.inArray( this, nodes ); // `nodes` is column index complete and in order + } ) + .toArray(); + + if ( jqResult.length || ! s.nodeName ) { + return jqResult; + } + + // Otherwise a node which might have a `dt-column` data attribute, or be + // a child or such an element + var host = $(s).closest('*[data-dt-column]'); + return host.length ? + [ host.data('dt-column') ] : + []; + }; + + return _selector_run( 'column', selector, run, settings, opts ); + }; + + + var __setColumnVis = function ( settings, column, vis ) { + var + cols = settings.aoColumns, + col = cols[ column ], + data = settings.aoData, + row, cells, i, ien, tr; + + // Get + if ( vis === undefined ) { + return col.bVisible; + } + + // Set + // No change + if ( col.bVisible === vis ) { + return; + } + + if ( vis ) { + // Insert column + // Need to decide if we should use appendChild or insertBefore + var insertBefore = $.inArray( true, _pluck(cols, 'bVisible'), column+1 ); + + for ( i=0, ien=data.length ; i iThat; + } + + return true; + }; + + + /** + * Check if a `` node is a DataTable table already or not. + * + * @param {node|jquery|string} table Table node, jQuery object or jQuery + * selector for the table to test. Note that if more than more than one + * table is passed on, only the first will be checked + * @returns {boolean} true the table given is a DataTable, or false otherwise + * @static + * @dtopt API-Static + * + * @example + * if ( ! $.fn.DataTable.isDataTable( '#example' ) ) { + * $('#example').dataTable(); + * } + */ + DataTable.isDataTable = DataTable.fnIsDataTable = function ( table ) + { + var t = $(table).get(0); + var is = false; + + if ( table instanceof DataTable.Api ) { + return true; + } + + $.each( DataTable.settings, function (i, o) { + var head = o.nScrollHead ? $('table', o.nScrollHead)[0] : null; + var foot = o.nScrollFoot ? $('table', o.nScrollFoot)[0] : null; + + if ( o.nTable === t || head === t || foot === t ) { + is = true; + } + } ); + + return is; + }; + + + /** + * Get all DataTable tables that have been initialised - optionally you can + * select to get only currently visible tables. + * + * @param {boolean} [visible=false] Flag to indicate if you want all (default) + * or visible tables only. + * @returns {array} Array of `table` nodes (not DataTable instances) which are + * DataTables + * @static + * @dtopt API-Static + * + * @example + * $.each( $.fn.dataTable.tables(true), function () { + * $(table).DataTable().columns.adjust(); + * } ); + */ + DataTable.tables = DataTable.fnTables = function ( visible ) + { + var api = false; + + if ( $.isPlainObject( visible ) ) { + api = visible.api; + visible = visible.visible; + } + + var a = $.map( DataTable.settings, function (o) { + if ( !visible || (visible && $(o.nTable).is(':visible')) ) { + return o.nTable; + } + } ); + + return api ? + new _Api( a ) : + a; + }; + + + /** + * Convert from camel case parameters to Hungarian notation. This is made public + * for the extensions to provide the same ability as DataTables core to accept + * either the 1.9 style Hungarian notation, or the 1.10+ style camelCase + * parameters. + * + * @param {object} src The model object which holds all parameters that can be + * mapped. + * @param {object} user The object to convert from camel case to Hungarian. + * @param {boolean} force When set to `true`, properties which already have a + * Hungarian value in the `user` object will be overwritten. Otherwise they + * won't be. + */ + DataTable.camelToHungarian = _fnCamelToHungarian; + + + + /** + * + */ + _api_register( '$()', function ( selector, opts ) { + var + rows = this.rows( opts ).nodes(), // Get all rows + jqRows = $(rows); + + return $( [].concat( + jqRows.filter( selector ).toArray(), + jqRows.find( selector ).toArray() + ) ); + } ); + + + // jQuery functions to operate on the tables + $.each( [ 'on', 'one', 'off' ], function (i, key) { + _api_register( key+'()', function ( /* event, handler */ ) { + var args = Array.prototype.slice.call(arguments); + + // Add the `dt` namespace automatically if it isn't already present + args[0] = $.map( args[0].split( /\s/ ), function ( e ) { + return ! e.match(/\.dt\b/) ? + e+'.dt' : + e; + } ).join( ' ' ); + + var inst = $( this.tables().nodes() ); + inst[key].apply( inst, args ); + return this; + } ); + } ); + + + _api_register( 'clear()', function () { + return this.iterator( 'table', function ( settings ) { + _fnClearTable( settings ); + } ); + } ); + + + _api_register( 'settings()', function () { + return new _Api( this.context, this.context ); + } ); + + + _api_register( 'init()', function () { + var ctx = this.context; + return ctx.length ? ctx[0].oInit : null; + } ); + + + _api_register( 'data()', function () { + return this.iterator( 'table', function ( settings ) { + return _pluck( settings.aoData, '_aData' ); + } ).flatten(); + } ); + + + _api_register( 'destroy()', function ( remove ) { + remove = remove || false; + + return this.iterator( 'table', function ( settings ) { + var orig = settings.nTableWrapper.parentNode; + var classes = settings.oClasses; + var table = settings.nTable; + var tbody = settings.nTBody; + var thead = settings.nTHead; + var tfoot = settings.nTFoot; + var jqTable = $(table); + var jqTbody = $(tbody); + var jqWrapper = $(settings.nTableWrapper); + var rows = $.map( settings.aoData, function (r) { return r.nTr; } ); + var i, ien; + + // Flag to note that the table is currently being destroyed - no action + // should be taken + settings.bDestroying = true; + + // Fire off the destroy callbacks for plug-ins etc + _fnCallbackFire( settings, "aoDestroyCallback", "destroy", [settings] ); + + // If not being removed from the document, make all columns visible + if ( ! remove ) { + new _Api( settings ).columns().visible( true ); + } + + // Blitz all `DT` namespaced events (these are internal events, the + // lowercase, `dt` events are user subscribed and they are responsible + // for removing them + jqWrapper.off('.DT').find(':not(tbody *)').off('.DT'); + $(window).off('.DT-'+settings.sInstance); + + // When scrolling we had to break the table up - restore it + if ( table != thead.parentNode ) { + jqTable.children('thead').detach(); + jqTable.append( thead ); + } + + if ( tfoot && table != tfoot.parentNode ) { + jqTable.children('tfoot').detach(); + jqTable.append( tfoot ); + } + + settings.aaSorting = []; + settings.aaSortingFixed = []; + _fnSortingClasses( settings ); + + $( rows ).removeClass( settings.asStripeClasses.join(' ') ); + + $('th, td', thead).removeClass( classes.sSortable+' '+ + classes.sSortableAsc+' '+classes.sSortableDesc+' '+classes.sSortableNone + ); + + // Add the TR elements back into the table in their original order + jqTbody.children().detach(); + jqTbody.append( rows ); + + // Remove the DataTables generated nodes, events and classes + var removedMethod = remove ? 'remove' : 'detach'; + jqTable[ removedMethod ](); + jqWrapper[ removedMethod ](); + + // If we need to reattach the table to the document + if ( ! remove && orig ) { + // insertBefore acts like appendChild if !arg[1] + orig.insertBefore( table, settings.nTableReinsertBefore ); + + // Restore the width of the original table - was read from the style property, + // so we can restore directly to that + jqTable + .css( 'width', settings.sDestroyWidth ) + .removeClass( classes.sTable ); + + // If the were originally stripe classes - then we add them back here. + // Note this is not fool proof (for example if not all rows had stripe + // classes - but it's a good effort without getting carried away + ien = settings.asDestroyStripes.length; + + if ( ien ) { + jqTbody.children().each( function (i) { + $(this).addClass( settings.asDestroyStripes[i % ien] ); + } ); + } + } + + /* Remove the settings object from the settings array */ + var idx = $.inArray( settings, DataTable.settings ); + if ( idx !== -1 ) { + DataTable.settings.splice( idx, 1 ); + } + } ); + } ); + + + // Add the `every()` method for rows, columns and cells in a compact form + $.each( [ 'column', 'row', 'cell' ], function ( i, type ) { + _api_register( type+'s().every()', function ( fn ) { + var opts = this.selector.opts; + var api = this; + + return this.iterator( type, function ( settings, arg1, arg2, arg3, arg4 ) { + // Rows and columns: + // arg1 - index + // arg2 - table counter + // arg3 - loop counter + // arg4 - undefined + // Cells: + // arg1 - row index + // arg2 - column index + // arg3 - table counter + // arg4 - loop counter + fn.call( + api[ type ]( + arg1, + type==='cell' ? arg2 : opts, + type==='cell' ? opts : undefined + ), + arg1, arg2, arg3, arg4 + ); + } ); + } ); + } ); + + + // i18n method for extensions to be able to use the language object from the + // DataTable + _api_register( 'i18n()', function ( token, def, plural ) { + var ctx = this.context[0]; + var resolved = _fnGetObjectDataFn( token )( ctx.oLanguage ); + + if ( resolved === undefined ) { + resolved = def; + } + + if ( plural !== undefined && $.isPlainObject( resolved ) ) { + resolved = resolved[ plural ] !== undefined ? + resolved[ plural ] : + resolved._; + } + + return resolved.replace( '%d', plural ); // nb: plural might be undefined, + } ); + /** + * Version string for plug-ins to check compatibility. Allowed format is + * `a.b.c-d` where: a:int, b:int, c:int, d:string(dev|beta|alpha). `d` is used + * only for non-release builds. See http://semver.org/ for more information. + * @member + * @type string + * @default Version number + */ + DataTable.version = "1.10.21"; + + /** + * Private data store, containing all of the settings objects that are + * created for the tables on a given page. + * + * Note that the `DataTable.settings` object is aliased to + * `jQuery.fn.dataTableExt` through which it may be accessed and + * manipulated, or `jQuery.fn.dataTable.settings`. + * @member + * @type array + * @default [] + * @private + */ + DataTable.settings = []; + + /** + * Object models container, for the various models that DataTables has + * available to it. These models define the objects that are used to hold + * the active state and configuration of the table. + * @namespace + */ + DataTable.models = {}; + + + + /** + * Template object for the way in which DataTables holds information about + * search information for the global filter and individual column filters. + * @namespace + */ + DataTable.models.oSearch = { + /** + * Flag to indicate if the filtering should be case insensitive or not + * @type boolean + * @default true + */ + "bCaseInsensitive": true, + + /** + * Applied search term + * @type string + * @default Empty string + */ + "sSearch": "", + + /** + * Flag to indicate if the search term should be interpreted as a + * regular expression (true) or not (false) and therefore and special + * regex characters escaped. + * @type boolean + * @default false + */ + "bRegex": false, + + /** + * Flag to indicate if DataTables is to use its smart filtering or not. + * @type boolean + * @default true + */ + "bSmart": true + }; + + + + + /** + * Template object for the way in which DataTables holds information about + * each individual row. This is the object format used for the settings + * aoData array. + * @namespace + */ + DataTable.models.oRow = { + /** + * TR element for the row + * @type node + * @default null + */ + "nTr": null, + + /** + * Array of TD elements for each row. This is null until the row has been + * created. + * @type array nodes + * @default [] + */ + "anCells": null, + + /** + * Data object from the original data source for the row. This is either + * an array if using the traditional form of DataTables, or an object if + * using mData options. The exact type will depend on the passed in + * data from the data source, or will be an array if using DOM a data + * source. + * @type array|object + * @default [] + */ + "_aData": [], + + /** + * Sorting data cache - this array is ostensibly the same length as the + * number of columns (although each index is generated only as it is + * needed), and holds the data that is used for sorting each column in the + * row. We do this cache generation at the start of the sort in order that + * the formatting of the sort data need be done only once for each cell + * per sort. This array should not be read from or written to by anything + * other than the master sorting methods. + * @type array + * @default null + * @private + */ + "_aSortData": null, + + /** + * Per cell filtering data cache. As per the sort data cache, used to + * increase the performance of the filtering in DataTables + * @type array + * @default null + * @private + */ + "_aFilterData": null, + + /** + * Filtering data cache. This is the same as the cell filtering cache, but + * in this case a string rather than an array. This is easily computed with + * a join on `_aFilterData`, but is provided as a cache so the join isn't + * needed on every search (memory traded for performance) + * @type array + * @default null + * @private + */ + "_sFilterRow": null, + + /** + * Cache of the class name that DataTables has applied to the row, so we + * can quickly look at this variable rather than needing to do a DOM check + * on className for the nTr property. + * @type string + * @default Empty string + * @private + */ + "_sRowStripe": "", + + /** + * Denote if the original data source was from the DOM, or the data source + * object. This is used for invalidating data, so DataTables can + * automatically read data from the original source, unless uninstructed + * otherwise. + * @type string + * @default null + * @private + */ + "src": null, + + /** + * Index in the aoData array. This saves an indexOf lookup when we have the + * object, but want to know the index + * @type integer + * @default -1 + * @private + */ + "idx": -1 + }; + + + /** + * Template object for the column information object in DataTables. This object + * is held in the settings aoColumns array and contains all the information that + * DataTables needs about each individual column. + * + * Note that this object is related to {@link DataTable.defaults.column} + * but this one is the internal data store for DataTables's cache of columns. + * It should NOT be manipulated outside of DataTables. Any configuration should + * be done through the initialisation options. + * @namespace + */ + DataTable.models.oColumn = { + /** + * Column index. This could be worked out on-the-fly with $.inArray, but it + * is faster to just hold it as a variable + * @type integer + * @default null + */ + "idx": null, + + /** + * A list of the columns that sorting should occur on when this column + * is sorted. That this property is an array allows multi-column sorting + * to be defined for a column (for example first name / last name columns + * would benefit from this). The values are integers pointing to the + * columns to be sorted on (typically it will be a single integer pointing + * at itself, but that doesn't need to be the case). + * @type array + */ + "aDataSort": null, + + /** + * Define the sorting directions that are applied to the column, in sequence + * as the column is repeatedly sorted upon - i.e. the first value is used + * as the sorting direction when the column if first sorted (clicked on). + * Sort it again (click again) and it will move on to the next index. + * Repeat until loop. + * @type array + */ + "asSorting": null, + + /** + * Flag to indicate if the column is searchable, and thus should be included + * in the filtering or not. + * @type boolean + */ + "bSearchable": null, + + /** + * Flag to indicate if the column is sortable or not. + * @type boolean + */ + "bSortable": null, + + /** + * Flag to indicate if the column is currently visible in the table or not + * @type boolean + */ + "bVisible": null, + + /** + * Store for manual type assignment using the `column.type` option. This + * is held in store so we can manipulate the column's `sType` property. + * @type string + * @default null + * @private + */ + "_sManualType": null, + + /** + * Flag to indicate if HTML5 data attributes should be used as the data + * source for filtering or sorting. True is either are. + * @type boolean + * @default false + * @private + */ + "_bAttrSrc": false, + + /** + * Developer definable function that is called whenever a cell is created (Ajax source, + * etc) or processed for input (DOM source). This can be used as a compliment to mRender + * allowing you to modify the DOM element (add background colour for example) when the + * element is available. + * @type function + * @param {element} nTd The TD node that has been created + * @param {*} sData The Data for the cell + * @param {array|object} oData The data for the whole row + * @param {int} iRow The row index for the aoData data store + * @default null + */ + "fnCreatedCell": null, + + /** + * Function to get data from a cell in a column. You should never + * access data directly through _aData internally in DataTables - always use + * the method attached to this property. It allows mData to function as + * required. This function is automatically assigned by the column + * initialisation method + * @type function + * @param {array|object} oData The data array/object for the array + * (i.e. aoData[]._aData) + * @param {string} sSpecific The specific data type you want to get - + * 'display', 'type' 'filter' 'sort' + * @returns {*} The data for the cell from the given row's data + * @default null + */ + "fnGetData": null, + + /** + * Function to set data for a cell in the column. You should never + * set the data directly to _aData internally in DataTables - always use + * this method. It allows mData to function as required. This function + * is automatically assigned by the column initialisation method + * @type function + * @param {array|object} oData The data array/object for the array + * (i.e. aoData[]._aData) + * @param {*} sValue Value to set + * @default null + */ + "fnSetData": null, + + /** + * Property to read the value for the cells in the column from the data + * source array / object. If null, then the default content is used, if a + * function is given then the return from the function is used. + * @type function|int|string|null + * @default null + */ + "mData": null, + + /** + * Partner property to mData which is used (only when defined) to get + * the data - i.e. it is basically the same as mData, but without the + * 'set' option, and also the data fed to it is the result from mData. + * This is the rendering method to match the data method of mData. + * @type function|int|string|null + * @default null + */ + "mRender": null, + + /** + * Unique header TH/TD element for this column - this is what the sorting + * listener is attached to (if sorting is enabled.) + * @type node + * @default null + */ + "nTh": null, + + /** + * Unique footer TH/TD element for this column (if there is one). Not used + * in DataTables as such, but can be used for plug-ins to reference the + * footer for each column. + * @type node + * @default null + */ + "nTf": null, + + /** + * The class to apply to all TD elements in the table's TBODY for the column + * @type string + * @default null + */ + "sClass": null, + + /** + * When DataTables calculates the column widths to assign to each column, + * it finds the longest string in each column and then constructs a + * temporary table and reads the widths from that. The problem with this + * is that "mmm" is much wider then "iiii", but the latter is a longer + * string - thus the calculation can go wrong (doing it properly and putting + * it into an DOM object and measuring that is horribly(!) slow). Thus as + * a "work around" we provide this option. It will append its value to the + * text that is found to be the longest string for the column - i.e. padding. + * @type string + */ + "sContentPadding": null, + + /** + * Allows a default value to be given for a column's data, and will be used + * whenever a null data source is encountered (this can be because mData + * is set to null, or because the data source itself is null). + * @type string + * @default null + */ + "sDefaultContent": null, + + /** + * Name for the column, allowing reference to the column by name as well as + * by index (needs a lookup to work by name). + * @type string + */ + "sName": null, + + /** + * Custom sorting data type - defines which of the available plug-ins in + * afnSortData the custom sorting will use - if any is defined. + * @type string + * @default std + */ + "sSortDataType": 'std', + + /** + * Class to be applied to the header element when sorting on this column + * @type string + * @default null + */ + "sSortingClass": null, + + /** + * Class to be applied to the header element when sorting on this column - + * when jQuery UI theming is used. + * @type string + * @default null + */ + "sSortingClassJUI": null, + + /** + * Title of the column - what is seen in the TH element (nTh). + * @type string + */ + "sTitle": null, + + /** + * Column sorting and filtering type + * @type string + * @default null + */ + "sType": null, + + /** + * Width of the column + * @type string + * @default null + */ + "sWidth": null, + + /** + * Width of the column when it was first "encountered" + * @type string + * @default null + */ + "sWidthOrig": null + }; + + + /* + * Developer note: The properties of the object below are given in Hungarian + * notation, that was used as the interface for DataTables prior to v1.10, however + * from v1.10 onwards the primary interface is camel case. In order to avoid + * breaking backwards compatibility utterly with this change, the Hungarian + * version is still, internally the primary interface, but is is not documented + * - hence the @name tags in each doc comment. This allows a Javascript function + * to create a map from Hungarian notation to camel case (going the other direction + * would require each property to be listed, which would at around 3K to the size + * of DataTables, while this method is about a 0.5K hit. + * + * Ultimately this does pave the way for Hungarian notation to be dropped + * completely, but that is a massive amount of work and will break current + * installs (therefore is on-hold until v2). + */ + + /** + * Initialisation options that can be given to DataTables at initialisation + * time. + * @namespace + */ + DataTable.defaults = { + /** + * An array of data to use for the table, passed in at initialisation which + * will be used in preference to any data which is already in the DOM. This is + * particularly useful for constructing tables purely in Javascript, for + * example with a custom Ajax call. + * @type array + * @default null + * + * @dtopt Option + * @name DataTable.defaults.data + * + * @example + * // Using a 2D array data source + * $(document).ready( function () { + * $('#example').dataTable( { + * "data": [ + * ['Trident', 'Internet Explorer 4.0', 'Win 95+', 4, 'X'], + * ['Trident', 'Internet Explorer 5.0', 'Win 95+', 5, 'C'], + * ], + * "columns": [ + * { "title": "Engine" }, + * { "title": "Browser" }, + * { "title": "Platform" }, + * { "title": "Version" }, + * { "title": "Grade" } + * ] + * } ); + * } ); + * + * @example + * // Using an array of objects as a data source (`data`) + * $(document).ready( function () { + * $('#example').dataTable( { + * "data": [ + * { + * "engine": "Trident", + * "browser": "Internet Explorer 4.0", + * "platform": "Win 95+", + * "version": 4, + * "grade": "X" + * }, + * { + * "engine": "Trident", + * "browser": "Internet Explorer 5.0", + * "platform": "Win 95+", + * "version": 5, + * "grade": "C" + * } + * ], + * "columns": [ + * { "title": "Engine", "data": "engine" }, + * { "title": "Browser", "data": "browser" }, + * { "title": "Platform", "data": "platform" }, + * { "title": "Version", "data": "version" }, + * { "title": "Grade", "data": "grade" } + * ] + * } ); + * } ); + */ + "aaData": null, + + + /** + * If ordering is enabled, then DataTables will perform a first pass sort on + * initialisation. You can define which column(s) the sort is performed + * upon, and the sorting direction, with this variable. The `sorting` array + * should contain an array for each column to be sorted initially containing + * the column's index and a direction string ('asc' or 'desc'). + * @type array + * @default [[0,'asc']] + * + * @dtopt Option + * @name DataTable.defaults.order + * + * @example + * // Sort by 3rd column first, and then 4th column + * $(document).ready( function() { + * $('#example').dataTable( { + * "order": [[2,'asc'], [3,'desc']] + * } ); + * } ); + * + * // No initial sorting + * $(document).ready( function() { + * $('#example').dataTable( { + * "order": [] + * } ); + * } ); + */ + "aaSorting": [[0,'asc']], + + + /** + * This parameter is basically identical to the `sorting` parameter, but + * cannot be overridden by user interaction with the table. What this means + * is that you could have a column (visible or hidden) which the sorting + * will always be forced on first - any sorting after that (from the user) + * will then be performed as required. This can be useful for grouping rows + * together. + * @type array + * @default null + * + * @dtopt Option + * @name DataTable.defaults.orderFixed + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "orderFixed": [[0,'asc']] + * } ); + * } ) + */ + "aaSortingFixed": [], + + + /** + * DataTables can be instructed to load data to display in the table from a + * Ajax source. This option defines how that Ajax call is made and where to. + * + * The `ajax` property has three different modes of operation, depending on + * how it is defined. These are: + * + * * `string` - Set the URL from where the data should be loaded from. + * * `object` - Define properties for `jQuery.ajax`. + * * `function` - Custom data get function + * + * `string` + * -------- + * + * As a string, the `ajax` property simply defines the URL from which + * DataTables will load data. + * + * `object` + * -------- + * + * As an object, the parameters in the object are passed to + * [jQuery.ajax](http://api.jquery.com/jQuery.ajax/) allowing fine control + * of the Ajax request. DataTables has a number of default parameters which + * you can override using this option. Please refer to the jQuery + * documentation for a full description of the options available, although + * the following parameters provide additional options in DataTables or + * require special consideration: + * + * * `data` - As with jQuery, `data` can be provided as an object, but it + * can also be used as a function to manipulate the data DataTables sends + * to the server. The function takes a single parameter, an object of + * parameters with the values that DataTables has readied for sending. An + * object may be returned which will be merged into the DataTables + * defaults, or you can add the items to the object that was passed in and + * not return anything from the function. This supersedes `fnServerParams` + * from DataTables 1.9-. + * + * * `dataSrc` - By default DataTables will look for the property `data` (or + * `aaData` for compatibility with DataTables 1.9-) when obtaining data + * from an Ajax source or for server-side processing - this parameter + * allows that property to be changed. You can use Javascript dotted + * object notation to get a data source for multiple levels of nesting, or + * it my be used as a function. As a function it takes a single parameter, + * the JSON returned from the server, which can be manipulated as + * required, with the returned value being that used by DataTables as the + * data source for the table. This supersedes `sAjaxDataProp` from + * DataTables 1.9-. + * + * * `success` - Should not be overridden it is used internally in + * DataTables. To manipulate / transform the data returned by the server + * use `ajax.dataSrc`, or use `ajax` as a function (see below). + * + * `function` + * ---------- + * + * As a function, making the Ajax call is left up to yourself allowing + * complete control of the Ajax request. Indeed, if desired, a method other + * than Ajax could be used to obtain the required data, such as Web storage + * or an AIR database. + * + * The function is given four parameters and no return is required. The + * parameters are: + * + * 1. _object_ - Data to send to the server + * 2. _function_ - Callback function that must be executed when the required + * data has been obtained. That data should be passed into the callback + * as the only parameter + * 3. _object_ - DataTables settings object for the table + * + * Note that this supersedes `fnServerData` from DataTables 1.9-. + * + * @type string|object|function + * @default null + * + * @dtopt Option + * @name DataTable.defaults.ajax + * @since 1.10.0 + * + * @example + * // Get JSON data from a file via Ajax. + * // Note DataTables expects data in the form `{ data: [ ...data... ] }` by default). + * $('#example').dataTable( { + * "ajax": "data.json" + * } ); + * + * @example + * // Get JSON data from a file via Ajax, using `dataSrc` to change + * // `data` to `tableData` (i.e. `{ tableData: [ ...data... ] }`) + * $('#example').dataTable( { + * "ajax": { + * "url": "data.json", + * "dataSrc": "tableData" + * } + * } ); + * + * @example + * // Get JSON data from a file via Ajax, using `dataSrc` to read data + * // from a plain array rather than an array in an object + * $('#example').dataTable( { + * "ajax": { + * "url": "data.json", + * "dataSrc": "" + * } + * } ); + * + * @example + * // Manipulate the data returned from the server - add a link to data + * // (note this can, should, be done using `render` for the column - this + * // is just a simple example of how the data can be manipulated). + * $('#example').dataTable( { + * "ajax": { + * "url": "data.json", + * "dataSrc": function ( json ) { + * for ( var i=0, ien=json.length ; iView message'; + * } + * return json; + * } + * } + * } ); + * + * @example + * // Add data to the request + * $('#example').dataTable( { + * "ajax": { + * "url": "data.json", + * "data": function ( d ) { + * return { + * "extra_search": $('#extra').val() + * }; + * } + * } + * } ); + * + * @example + * // Send request as POST + * $('#example').dataTable( { + * "ajax": { + * "url": "data.json", + * "type": "POST" + * } + * } ); + * + * @example + * // Get the data from localStorage (could interface with a form for + * // adding, editing and removing rows). + * $('#example').dataTable( { + * "ajax": function (data, callback, settings) { + * callback( + * JSON.parse( localStorage.getItem('dataTablesData') ) + * ); + * } + * } ); + */ + "ajax": null, + + + /** + * This parameter allows you to readily specify the entries in the length drop + * down menu that DataTables shows when pagination is enabled. It can be + * either a 1D array of options which will be used for both the displayed + * option and the value, or a 2D array which will use the array in the first + * position as the value, and the array in the second position as the + * displayed options (useful for language strings such as 'All'). + * + * Note that the `pageLength` property will be automatically set to the + * first value given in this array, unless `pageLength` is also provided. + * @type array + * @default [ 10, 25, 50, 100 ] + * + * @dtopt Option + * @name DataTable.defaults.lengthMenu + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] + * } ); + * } ); + */ + "aLengthMenu": [ 10, 25, 50, 100 ], + + + /** + * The `columns` option in the initialisation parameter allows you to define + * details about the way individual columns behave. For a full list of + * column options that can be set, please see + * {@link DataTable.defaults.column}. Note that if you use `columns` to + * define your columns, you must have an entry in the array for every single + * column that you have in your table (these can be null if you don't which + * to specify any options). + * @member + * + * @name DataTable.defaults.column + */ + "aoColumns": null, + + /** + * Very similar to `columns`, `columnDefs` allows you to target a specific + * column, multiple columns, or all columns, using the `targets` property of + * each object in the array. This allows great flexibility when creating + * tables, as the `columnDefs` arrays can be of any length, targeting the + * columns you specifically want. `columnDefs` may use any of the column + * options available: {@link DataTable.defaults.column}, but it _must_ + * have `targets` defined in each object in the array. Values in the `targets` + * array may be: + *

a string - class name will be matched on the TH for the column
0 or a positive integer - column index counting from the left
a negative integer - column index counting from the right
the string "_all" - all columns (i.e. assign a default)

+ * @member + * + * @name DataTable.defaults.columnDefs + */ + "aoColumnDefs": null, + + + /** + * Basically the same as `search`, this parameter defines the individual column + * filtering state at initialisation time. The array must be of the same size + * as the number of columns, and each element be an object with the parameters + * `search` and `escapeRegex` (the latter is optional). 'null' is also + * accepted and the default will be used. + * @type array + * @default [] + * + * @dtopt Option + * @name DataTable.defaults.searchCols + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "searchCols": [ + * null, + * { "search": "My filter" }, + * null, + * { "search": "^[0-9]", "escapeRegex": false } + * ] + * } ); + * } ) + */ + "aoSearchCols": [], + + + /** + * An array of CSS classes that should be applied to displayed rows. This + * array may be of any length, and DataTables will apply each class + * sequentially, looping when required. + * @type array + * @default null Will take the values determined by the `oClasses.stripe*` + * options + * + * @dtopt Option + * @name DataTable.defaults.stripeClasses + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "stripeClasses": [ 'strip1', 'strip2', 'strip3' ] + * } ); + * } ) + */ + "asStripeClasses": null, + + + /** + * Enable or disable automatic column width calculation. This can be disabled + * as an optimisation (it takes some time to calculate the widths) if the + * tables widths are passed in using `columns`. + * @type boolean + * @default true + * + * @dtopt Features + * @name DataTable.defaults.autoWidth + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "autoWidth": false + * } ); + * } ); + */ + "bAutoWidth": true, + + + /** + * Deferred rendering can provide DataTables with a huge speed boost when you + * are using an Ajax or JS data source for the table. This option, when set to + * true, will cause DataTables to defer the creation of the table elements for + * each row until they are needed for a draw - saving a significant amount of + * time. + * @type boolean + * @default false + * + * @dtopt Features + * @name DataTable.defaults.deferRender + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "ajax": "sources/arrays.txt", + * "deferRender": true + * } ); + * } ); + */ + "bDeferRender": false, + + + /** + * Replace a DataTable which matches the given selector and replace it with + * one which has the properties of the new initialisation object passed. If no + * table matches the selector, then the new DataTable will be constructed as + * per normal. + * @type boolean + * @default false + * + * @dtopt Options + * @name DataTable.defaults.destroy + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "srollY": "200px", + * "paginate": false + * } ); + * + * // Some time later.... + * $('#example').dataTable( { + * "filter": false, + * "destroy": true + * } ); + * } ); + */ + "bDestroy": false, + + + /** + * Enable or disable filtering of data. Filtering in DataTables is "smart" in + * that it allows the end user to input multiple words (space separated) and + * will match a row containing those words, even if not in the order that was + * specified (this allow matching across multiple columns). Note that if you + * wish to use filtering in DataTables this must remain 'true' - to remove the + * default filtering input box and retain filtering abilities, please use + * {@link DataTable.defaults.dom}. + * @type boolean + * @default true + * + * @dtopt Features + * @name DataTable.defaults.searching + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "searching": false + * } ); + * } ); + */ + "bFilter": true, + + + /** + * Enable or disable the table information display. This shows information + * about the data that is currently visible on the page, including information + * about filtered data if that action is being performed. + * @type boolean + * @default true + * + * @dtopt Features + * @name DataTable.defaults.info + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "info": false + * } ); + * } ); + */ + "bInfo": true, + + + /** + * Allows the end user to select the size of a formatted page from a select + * menu (sizes are 10, 25, 50 and 100). Requires pagination (`paginate`). + * @type boolean + * @default true + * + * @dtopt Features + * @name DataTable.defaults.lengthChange + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "lengthChange": false + * } ); + * } ); + */ + "bLengthChange": true, + + + /** + * Enable or disable pagination. + * @type boolean + * @default true + * + * @dtopt Features + * @name DataTable.defaults.paging + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "paging": false + * } ); + * } ); + */ + "bPaginate": true, + + + /** + * Enable or disable the display of a 'processing' indicator when the table is + * being processed (e.g. a sort). This is particularly useful for tables with + * large amounts of data where it can take a noticeable amount of time to sort + * the entries. + * @type boolean + * @default false + * + * @dtopt Features + * @name DataTable.defaults.processing + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "processing": true + * } ); + * } ); + */ + "bProcessing": false, + + + /** + * Retrieve the DataTables object for the given selector. Note that if the + * table has already been initialised, this parameter will cause DataTables + * to simply return the object that has already been set up - it will not take + * account of any changes you might have made to the initialisation object + * passed to DataTables (setting this parameter to true is an acknowledgement + * that you understand this). `destroy` can be used to reinitialise a table if + * you need. + * @type boolean + * @default false + * + * @dtopt Options + * @name DataTable.defaults.retrieve + * + * @example + * $(document).ready( function() { + * initTable(); + * tableActions(); + * } ); + * + * function initTable () + * { + * return $('#example').dataTable( { + * "scrollY": "200px", + * "paginate": false, + * "retrieve": true + * } ); + * } + * + * function tableActions () + * { + * var table = initTable(); + * // perform API operations with oTable + * } + */ + "bRetrieve": false, + + + /** + * When vertical (y) scrolling is enabled, DataTables will force the height of + * the table's viewport to the given height at all times (useful for layout). + * However, this can look odd when filtering data down to a small data set, + * and the footer is left "floating" further down. This parameter (when + * enabled) will cause DataTables to collapse the table's viewport down when + * the result set will fit within the given Y height. + * @type boolean + * @default false + * + * @dtopt Options + * @name DataTable.defaults.scrollCollapse + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "scrollY": "200", + * "scrollCollapse": true + * } ); + * } ); + */ + "bScrollCollapse": false, + + + /** + * Configure DataTables to use server-side processing. Note that the + * `ajax` parameter must also be given in order to give DataTables a + * source to obtain the required data for each draw. + * @type boolean + * @default false + * + * @dtopt Features + * @dtopt Server-side + * @name DataTable.defaults.serverSide + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "serverSide": true, + * "ajax": "xhr.php" + * } ); + * } ); + */ + "bServerSide": false, + + + /** + * Enable or disable sorting of columns. Sorting of individual columns can be + * disabled by the `sortable` option for each column. + * @type boolean + * @default true + * + * @dtopt Features + * @name DataTable.defaults.ordering + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "ordering": false + * } ); + * } ); + */ + "bSort": true, + + + /** + * Enable or display DataTables' ability to sort multiple columns at the + * same time (activated by shift-click by the user). + * @type boolean + * @default true + * + * @dtopt Options + * @name DataTable.defaults.orderMulti + * + * @example + * // Disable multiple column sorting ability + * $(document).ready( function () { + * $('#example').dataTable( { + * "orderMulti": false + * } ); + * } ); + */ + "bSortMulti": true, + + + /** + * Allows control over whether DataTables should use the top (true) unique + * cell that is found for a single column, or the bottom (false - default). + * This is useful when using complex headers. + * @type boolean + * @default false + * + * @dtopt Options + * @name DataTable.defaults.orderCellsTop + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "orderCellsTop": true + * } ); + * } ); + */ + "bSortCellsTop": false, + + + /** + * Enable or disable the addition of the classes `sorting\_1`, `sorting\_2` and + * `sorting\_3` to the columns which are currently being sorted on. This is + * presented as a feature switch as it can increase processing time (while + * classes are removed and added) so for large data sets you might want to + * turn this off. + * @type boolean + * @default true + * + * @dtopt Features + * @name DataTable.defaults.orderClasses + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "orderClasses": false + * } ); + * } ); + */ + "bSortClasses": true, + + + /** + * Enable or disable state saving. When enabled HTML5 `localStorage` will be + * used to save table display information such as pagination information, + * display length, filtering and sorting. As such when the end user reloads + * the page the display display will match what thy had previously set up. + * + * Due to the use of `localStorage` the default state saving is not supported + * in IE6 or 7. If state saving is required in those browsers, use + * `stateSaveCallback` to provide a storage solution such as cookies. + * @type boolean + * @default false + * + * @dtopt Features + * @name DataTable.defaults.stateSave + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "stateSave": true + * } ); + * } ); + */ + "bStateSave": false, + + + /** + * This function is called when a TR element is created (and all TD child + * elements have been inserted), or registered if using a DOM source, allowing + * manipulation of the TR element (adding classes etc). + * @type function + * @param {node} row "TR" element for the current row + * @param {array} data Raw data array for this row + * @param {int} dataIndex The index of this row in the internal aoData array + * + * @dtopt Callbacks + * @name DataTable.defaults.createdRow + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "createdRow": function( row, data, dataIndex ) { + * // Bold the grade for all 'A' grade browsers + * if ( data[4] == "A" ) + * { + * $('td:eq(4)', row).html( 'A' ); + * } + * } + * } ); + * } ); + */ + "fnCreatedRow": null, + + + /** + * This function is called on every 'draw' event, and allows you to + * dynamically modify any aspect you want about the created DOM. + * @type function + * @param {object} settings DataTables settings object + * + * @dtopt Callbacks + * @name DataTable.defaults.drawCallback + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "drawCallback": function( settings ) { + * alert( 'DataTables has redrawn the table' ); + * } + * } ); + * } ); + */ + "fnDrawCallback": null, + + + /** + * Identical to fnHeaderCallback() but for the table footer this function + * allows you to modify the table footer on every 'draw' event. + * @type function + * @param {node} foot "TR" element for the footer + * @param {array} data Full table data (as derived from the original HTML) + * @param {int} start Index for the current display starting point in the + * display array + * @param {int} end Index for the current display ending point in the + * display array + * @param {array int} display Index array to translate the visual position + * to the full data array + * + * @dtopt Callbacks + * @name DataTable.defaults.footerCallback + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "footerCallback": function( tfoot, data, start, end, display ) { + * tfoot.getElementsByTagName('th')[0].innerHTML = "Starting index is "+start; + * } + * } ); + * } ) + */ + "fnFooterCallback": null, + + + /** + * When rendering large numbers in the information element for the table + * (i.e. "Showing 1 to 10 of 57 entries") DataTables will render large numbers + * to have a comma separator for the 'thousands' units (e.g. 1 million is + * rendered as "1,000,000") to help readability for the end user. This + * function will override the default method DataTables uses. + * @type function + * @member + * @param {int} toFormat number to be formatted + * @returns {string} formatted string for DataTables to show the number + * + * @dtopt Callbacks + * @name DataTable.defaults.formatNumber + * + * @example + * // Format a number using a single quote for the separator (note that + * // this can also be done with the language.thousands option) + * $(document).ready( function() { + * $('#example').dataTable( { + * "formatNumber": function ( toFormat ) { + * return toFormat.toString().replace( + * /\B(?=(\d{3})+(?!\d))/g, "'" + * ); + * }; + * } ); + * } ); + */ + "fnFormatNumber": function ( toFormat ) { + return toFormat.toString().replace( + /\B(?=(\d{3})+(?!\d))/g, + this.oLanguage.sThousands + ); + }, + + + /** + * This function is called on every 'draw' event, and allows you to + * dynamically modify the header row. This can be used to calculate and + * display useful information about the table. + * @type function + * @param {node} head "TR" element for the header + * @param {array} data Full table data (as derived from the original HTML) + * @param {int} start Index for the current display starting point in the + * display array + * @param {int} end Index for the current display ending point in the + * display array + * @param {array int} display Index array to translate the visual position + * to the full data array + * + * @dtopt Callbacks + * @name DataTable.defaults.headerCallback + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fheaderCallback": function( head, data, start, end, display ) { + * head.getElementsByTagName('th')[0].innerHTML = "Displaying "+(end-start)+" records"; + * } + * } ); + * } ) + */ + "fnHeaderCallback": null, + + + /** + * The information element can be used to convey information about the current + * state of the table. Although the internationalisation options presented by + * DataTables are quite capable of dealing with most customisations, there may + * be times where you wish to customise the string further. This callback + * allows you to do exactly that. + * @type function + * @param {object} oSettings DataTables settings object + * @param {int} start Starting position in data for the draw + * @param {int} end End position in data for the draw + * @param {int} max Total number of rows in the table (regardless of + * filtering) + * @param {int} total Total number of rows in the data set, after filtering + * @param {string} pre The string that DataTables has formatted using it's + * own rules + * @returns {string} The string to be displayed in the information element. + * + * @dtopt Callbacks + * @name DataTable.defaults.infoCallback + * + * @example + * $('#example').dataTable( { + * "infoCallback": function( settings, start, end, max, total, pre ) { + * return start +" to "+ end; + * } + * } ); + */ + "fnInfoCallback": null, + + + /** + * Called when the table has been initialised. Normally DataTables will + * initialise sequentially and there will be no need for this function, + * however, this does not hold true when using external language information + * since that is obtained using an async XHR call. + * @type function + * @param {object} settings DataTables settings object + * @param {object} json The JSON object request from the server - only + * present if client-side Ajax sourced data is used + * + * @dtopt Callbacks + * @name DataTable.defaults.initComplete + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "initComplete": function(settings, json) { + * alert( 'DataTables has finished its initialisation.' ); + * } + * } ); + * } ) + */ + "fnInitComplete": null, + + + /** + * Called at the very start of each table draw and can be used to cancel the + * draw by returning false, any other return (including undefined) results in + * the full draw occurring). + * @type function + * @param {object} settings DataTables settings object + * @returns {boolean} False will cancel the draw, anything else (including no + * return) will allow it to complete. + * + * @dtopt Callbacks + * @name DataTable.defaults.preDrawCallback + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "preDrawCallback": function( settings ) { + * if ( $('#test').val() == 1 ) { + * return false; + * } + * } + * } ); + * } ); + */ + "fnPreDrawCallback": null, + + + /** + * This function allows you to 'post process' each row after it have been + * generated for each table draw, but before it is rendered on screen. This + * function might be used for setting the row class name etc. + * @type function + * @param {node} row "TR" element for the current row + * @param {array} data Raw data array for this row + * @param {int} displayIndex The display index for the current table draw + * @param {int} displayIndexFull The index of the data in the full list of + * rows (after filtering) + * + * @dtopt Callbacks + * @name DataTable.defaults.rowCallback + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "rowCallback": function( row, data, displayIndex, displayIndexFull ) { + * // Bold the grade for all 'A' grade browsers + * if ( data[4] == "A" ) { + * $('td:eq(4)', row).html( 'A' ); + * } + * } + * } ); + * } ); + */ + "fnRowCallback": null, + + + /** + * __Deprecated__ The functionality provided by this parameter has now been + * superseded by that provided through `ajax`, which should be used instead. + * + * This parameter allows you to override the default function which obtains + * the data from the server so something more suitable for your application. + * For example you could use POST data, or pull information from a Gears or + * AIR database. + * @type function + * @member + * @param {string} source HTTP source to obtain the data from (`ajax`) + * @param {array} data A key/value pair object containing the data to send + * to the server + * @param {function} callback to be called on completion of the data get + * process that will draw the data on the page. + * @param {object} settings DataTables settings object + * + * @dtopt Callbacks + * @dtopt Server-side + * @name DataTable.defaults.serverData + * + * @deprecated 1.10. Please use `ajax` for this functionality now. + */ + "fnServerData": null, + + + /** + * __Deprecated__ The functionality provided by this parameter has now been + * superseded by that provided through `ajax`, which should be used instead. + * + * It is often useful to send extra data to the server when making an Ajax + * request - for example custom filtering information, and this callback + * function makes it trivial to send extra information to the server. The + * passed in parameter is the data set that has been constructed by + * DataTables, and you can add to this or modify it as you require. + * @type function + * @param {array} data Data array (array of objects which are name/value + * pairs) that has been constructed by DataTables and will be sent to the + * server. In the case of Ajax sourced data with server-side processing + * this will be an empty array, for server-side processing there will be a + * significant number of parameters! + * @returns {undefined} Ensure that you modify the data array passed in, + * as this is passed by reference. + * + * @dtopt Callbacks + * @dtopt Server-side + * @name DataTable.defaults.serverParams + * + * @deprecated 1.10. Please use `ajax` for this functionality now. + */ + "fnServerParams": null, + + + /** + * Load the table state. With this function you can define from where, and how, the + * state of a table is loaded. By default DataTables will load from `localStorage` + * but you might wish to use a server-side database or cookies. + * @type function + * @member + * @param {object} settings DataTables settings object + * @param {object} callback Callback that can be executed when done. It + * should be passed the loaded state object. + * @return {object} The DataTables state object to be loaded + * + * @dtopt Callbacks + * @name DataTable.defaults.stateLoadCallback + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "stateSave": true, + * "stateLoadCallback": function (settings, callback) { + * $.ajax( { + * "url": "/state_load", + * "dataType": "json", + * "success": function (json) { + * callback( json ); + * } + * } ); + * } + * } ); + * } ); + */ + "fnStateLoadCallback": function ( settings ) { + try { + return JSON.parse( + (settings.iStateDuration === -1 ? sessionStorage : localStorage).getItem( + 'DataTables_'+settings.sInstance+'_'+location.pathname + ) + ); + } catch (e) { + return {}; + } + }, + + + /** + * Callback which allows modification of the saved state prior to loading that state. + * This callback is called when the table is loading state from the stored data, but + * prior to the settings object being modified by the saved state. Note that for + * plug-in authors, you should use the `stateLoadParams` event to load parameters for + * a plug-in. + * @type function + * @param {object} settings DataTables settings object + * @param {object} data The state object that is to be loaded + * + * @dtopt Callbacks + * @name DataTable.defaults.stateLoadParams + * + * @example + * // Remove a saved filter, so filtering is never loaded + * $(document).ready( function() { + * $('#example').dataTable( { + * "stateSave": true, + * "stateLoadParams": function (settings, data) { + * data.oSearch.sSearch = ""; + * } + * } ); + * } ); + * + * @example + * // Disallow state loading by returning false + * $(document).ready( function() { + * $('#example').dataTable( { + * "stateSave": true, + * "stateLoadParams": function (settings, data) { + * return false; + * } + * } ); + * } ); + */ + "fnStateLoadParams": null, + + + /** + * Callback that is called when the state has been loaded from the state saving method + * and the DataTables settings object has been modified as a result of the loaded state. + * @type function + * @param {object} settings DataTables settings object + * @param {object} data The state object that was loaded + * + * @dtopt Callbacks + * @name DataTable.defaults.stateLoaded + * + * @example + * // Show an alert with the filtering value that was saved + * $(document).ready( function() { + * $('#example').dataTable( { + * "stateSave": true, + * "stateLoaded": function (settings, data) { + * alert( 'Saved filter was: '+data.oSearch.sSearch ); + * } + * } ); + * } ); + */ + "fnStateLoaded": null, + + + /** + * Save the table state. This function allows you to define where and how the state + * information for the table is stored By default DataTables will use `localStorage` + * but you might wish to use a server-side database or cookies. + * @type function + * @member + * @param {object} settings DataTables settings object + * @param {object} data The state object to be saved + * + * @dtopt Callbacks + * @name DataTable.defaults.stateSaveCallback + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "stateSave": true, + * "stateSaveCallback": function (settings, data) { + * // Send an Ajax request to the server with the state object + * $.ajax( { + * "url": "/state_save", + * "data": data, + * "dataType": "json", + * "method": "POST" + * "success": function () {} + * } ); + * } + * } ); + * } ); + */ + "fnStateSaveCallback": function ( settings, data ) { + try { + (settings.iStateDuration === -1 ? sessionStorage : localStorage).setItem( + 'DataTables_'+settings.sInstance+'_'+location.pathname, + JSON.stringify( data ) + ); + } catch (e) {} + }, + + + /** + * Callback which allows modification of the state to be saved. Called when the table + * has changed state a new state save is required. This method allows modification of + * the state saving object prior to actually doing the save, including addition or + * other state properties or modification. Note that for plug-in authors, you should + * use the `stateSaveParams` event to save parameters for a plug-in. + * @type function + * @param {object} settings DataTables settings object + * @param {object} data The state object to be saved + * + * @dtopt Callbacks + * @name DataTable.defaults.stateSaveParams + * + * @example + * // Remove a saved filter, so filtering is never saved + * $(document).ready( function() { + * $('#example').dataTable( { + * "stateSave": true, + * "stateSaveParams": function (settings, data) { + * data.oSearch.sSearch = ""; + * } + * } ); + * } ); + */ + "fnStateSaveParams": null, + + + /** + * Duration for which the saved state information is considered valid. After this period + * has elapsed the state will be returned to the default. + * Value is given in seconds. + * @type int + * @default 7200 (2 hours) + * + * @dtopt Options + * @name DataTable.defaults.stateDuration + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "stateDuration": 60*60*24; // 1 day + * } ); + * } ) + */ + "iStateDuration": 7200, + + + /** + * When enabled DataTables will not make a request to the server for the first + * page draw - rather it will use the data already on the page (no sorting etc + * will be applied to it), thus saving on an XHR at load time. `deferLoading` + * is used to indicate that deferred loading is required, but it is also used + * to tell DataTables how many records there are in the full table (allowing + * the information element and pagination to be displayed correctly). In the case + * where a filtering is applied to the table on initial load, this can be + * indicated by giving the parameter as an array, where the first element is + * the number of records available after filtering and the second element is the + * number of records without filtering (allowing the table information element + * to be shown correctly). + * @type int | array + * @default null + * + * @dtopt Options + * @name DataTable.defaults.deferLoading + * + * @example + * // 57 records available in the table, no filtering applied + * $(document).ready( function() { + * $('#example').dataTable( { + * "serverSide": true, + * "ajax": "scripts/server_processing.php", + * "deferLoading": 57 + * } ); + * } ); + * + * @example + * // 57 records after filtering, 100 without filtering (an initial filter applied) + * $(document).ready( function() { + * $('#example').dataTable( { + * "serverSide": true, + * "ajax": "scripts/server_processing.php", + * "deferLoading": [ 57, 100 ], + * "search": { + * "search": "my_filter" + * } + * } ); + * } ); + */ + "iDeferLoading": null, + + + /** + * Number of rows to display on a single page when using pagination. If + * feature enabled (`lengthChange`) then the end user will be able to override + * this to a custom setting using a pop-up menu. + * @type int + * @default 10 + * + * @dtopt Options + * @name DataTable.defaults.pageLength + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "pageLength": 50 + * } ); + * } ) + */ + "iDisplayLength": 10, + + + /** + * Define the starting point for data display when using DataTables with + * pagination. Note that this parameter is the number of records, rather than + * the page number, so if you have 10 records per page and want to start on + * the third page, it should be "20". + * @type int + * @default 0 + * + * @dtopt Options + * @name DataTable.defaults.displayStart + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "displayStart": 20 + * } ); + * } ) + */ + "iDisplayStart": 0, + + + /** + * By default DataTables allows keyboard navigation of the table (sorting, paging, + * and filtering) by adding a `tabindex` attribute to the required elements. This + * allows you to tab through the controls and press the enter key to activate them. + * The tabindex is default 0, meaning that the tab follows the flow of the document. + * You can overrule this using this parameter if you wish. Use a value of -1 to + * disable built-in keyboard navigation. + * @type int + * @default 0 + * + * @dtopt Options + * @name DataTable.defaults.tabIndex + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "tabIndex": 1 + * } ); + * } ); + */ + "iTabIndex": 0, + + + /** + * Classes that DataTables assigns to the various components and features + * that it adds to the HTML table. This allows classes to be configured + * during initialisation in addition to through the static + * {@link DataTable.ext.oStdClasses} object). + * @namespace + * @name DataTable.defaults.classes + */ + "oClasses": {}, + + + /** + * All strings that DataTables uses in the user interface that it creates + * are defined in this object, allowing you to modified them individually or + * completely replace them all as required. + * @namespace + * @name DataTable.defaults.language + */ + "oLanguage": { + /** + * Strings that are used for WAI-ARIA labels and controls only (these are not + * actually visible on the page, but will be read by screenreaders, and thus + * must be internationalised as well). + * @namespace + * @name DataTable.defaults.language.aria + */ + "oAria": { + /** + * ARIA label that is added to the table headers when the column may be + * sorted ascending by activing the column (click or return when focused). + * Note that the column header is prefixed to this string. + * @type string + * @default : activate to sort column ascending + * + * @dtopt Language + * @name DataTable.defaults.language.aria.sortAscending + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "aria": { + * "sortAscending": " - click/return to sort ascending" + * } + * } + * } ); + * } ); + */ + "sSortAscending": ": activate to sort column ascending", + + /** + * ARIA label that is added to the table headers when the column may be + * sorted descending by activing the column (click or return when focused). + * Note that the column header is prefixed to this string. + * @type string + * @default : activate to sort column ascending + * + * @dtopt Language + * @name DataTable.defaults.language.aria.sortDescending + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "aria": { + * "sortDescending": " - click/return to sort descending" + * } + * } + * } ); + * } ); + */ + "sSortDescending": ": activate to sort column descending" + }, + + /** + * Pagination string used by DataTables for the built-in pagination + * control types. + * @namespace + * @name DataTable.defaults.language.paginate + */ + "oPaginate": { + /** + * Text to use when using the 'full_numbers' type of pagination for the + * button to take the user to the first page. + * @type string + * @default First + * + * @dtopt Language + * @name DataTable.defaults.language.paginate.first + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "paginate": { + * "first": "First page" + * } + * } + * } ); + * } ); + */ + "sFirst": "First", + + + /** + * Text to use when using the 'full_numbers' type of pagination for the + * button to take the user to the last page. + * @type string + * @default Last + * + * @dtopt Language + * @name DataTable.defaults.language.paginate.last + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "paginate": { + * "last": "Last page" + * } + * } + * } ); + * } ); + */ + "sLast": "Last", + + + /** + * Text to use for the 'next' pagination button (to take the user to the + * next page). + * @type string + * @default Next + * + * @dtopt Language + * @name DataTable.defaults.language.paginate.next + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "paginate": { + * "next": "Next page" + * } + * } + * } ); + * } ); + */ + "sNext": "Next", + + + /** + * Text to use for the 'previous' pagination button (to take the user to + * the previous page). + * @type string + * @default Previous + * + * @dtopt Language + * @name DataTable.defaults.language.paginate.previous + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "paginate": { + * "previous": "Previous page" + * } + * } + * } ); + * } ); + */ + "sPrevious": "Previous" + }, + + /** + * This string is shown in preference to `zeroRecords` when the table is + * empty of data (regardless of filtering). Note that this is an optional + * parameter - if it is not given, the value of `zeroRecords` will be used + * instead (either the default or given value). + * @type string + * @default No data available in table + * + * @dtopt Language + * @name DataTable.defaults.language.emptyTable + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "emptyTable": "No data available in table" + * } + * } ); + * } ); + */ + "sEmptyTable": "No data available in table", + + + /** + * This string gives information to the end user about the information + * that is current on display on the page. The following tokens can be + * used in the string and will be dynamically replaced as the table + * display updates. This tokens can be placed anywhere in the string, or + * removed as needed by the language requires: + * + * * `\_START\_` - Display index of the first record on the current page + * * `\_END\_` - Display index of the last record on the current page + * * `\_TOTAL\_` - Number of records in the table after filtering + * * `\_MAX\_` - Number of records in the table without filtering + * * `\_PAGE\_` - Current page number + * * `\_PAGES\_` - Total number of pages of data in the table + * + * @type string + * @default Showing _START_ to _END_ of _TOTAL_ entries + * + * @dtopt Language + * @name DataTable.defaults.language.info + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "info": "Showing page _PAGE_ of _PAGES_" + * } + * } ); + * } ); + */ + "sInfo": "Showing _START_ to _END_ of _TOTAL_ entries", + + + /** + * Display information string for when the table is empty. Typically the + * format of this string should match `info`. + * @type string + * @default Showing 0 to 0 of 0 entries + * + * @dtopt Language + * @name DataTable.defaults.language.infoEmpty + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "infoEmpty": "No entries to show" + * } + * } ); + * } ); + */ + "sInfoEmpty": "Showing 0 to 0 of 0 entries", + + + /** + * When a user filters the information in a table, this string is appended + * to the information (`info`) to give an idea of how strong the filtering + * is. The variable _MAX_ is dynamically updated. + * @type string + * @default (filtered from _MAX_ total entries) + * + * @dtopt Language + * @name DataTable.defaults.language.infoFiltered + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "infoFiltered": " - filtering from _MAX_ records" + * } + * } ); + * } ); + */ + "sInfoFiltered": "(filtered from _MAX_ total entries)", + + + /** + * If can be useful to append extra information to the info string at times, + * and this variable does exactly that. This information will be appended to + * the `info` (`infoEmpty` and `infoFiltered` in whatever combination they are + * being used) at all times. + * @type string + * @default Empty string + * + * @dtopt Language + * @name DataTable.defaults.language.infoPostFix + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "infoPostFix": "All records shown are derived from real information." + * } + * } ); + * } ); + */ + "sInfoPostFix": "", + + + /** + * This decimal place operator is a little different from the other + * language options since DataTables doesn't output floating point + * numbers, so it won't ever use this for display of a number. Rather, + * what this parameter does is modify the sort methods of the table so + * that numbers which are in a format which has a character other than + * a period (`.`) as a decimal place will be sorted numerically. + * + * Note that numbers with different decimal places cannot be shown in + * the same table and still be sortable, the table must be consistent. + * However, multiple different tables on the page can use different + * decimal place characters. + * @type string + * @default + * + * @dtopt Language + * @name DataTable.defaults.language.decimal + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "decimal": "," + * "thousands": "." + * } + * } ); + * } ); + */ + "sDecimal": "", + + + /** + * DataTables has a build in number formatter (`formatNumber`) which is + * used to format large numbers that are used in the table information. + * By default a comma is used, but this can be trivially changed to any + * character you wish with this parameter. + * @type string + * @default , + * + * @dtopt Language + * @name DataTable.defaults.language.thousands + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "thousands": "'" + * } + * } ); + * } ); + */ + "sThousands": ",", + + + /** + * Detail the action that will be taken when the drop down menu for the + * pagination length option is changed. The '_MENU_' variable is replaced + * with a default select list of 10, 25, 50 and 100, and can be replaced + * with a custom select box if required. + * @type string + * @default Show _MENU_ entries + * + * @dtopt Language + * @name DataTable.defaults.language.lengthMenu + * + * @example + * // Language change only + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "lengthMenu": "Display _MENU_ records" + * } + * } ); + * } ); + * + * @example + * // Language and options change + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "lengthMenu": 'Display records' + * } + * } ); + * } ); + */ + "sLengthMenu": "Show _MENU_ entries", + + + /** + * When using Ajax sourced data and during the first draw when DataTables is + * gathering the data, this message is shown in an empty row in the table to + * indicate to the end user the the data is being loaded. Note that this + * parameter is not used when loading data by server-side processing, just + * Ajax sourced data with client-side processing. + * @type string + * @default Loading... + * + * @dtopt Language + * @name DataTable.defaults.language.loadingRecords + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "loadingRecords": "Please wait - loading..." + * } + * } ); + * } ); + */ + "sLoadingRecords": "Loading...", + + + /** + * Text which is displayed when the table is processing a user action + * (usually a sort command or similar). + * @type string + * @default Processing... + * + * @dtopt Language + * @name DataTable.defaults.language.processing + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "processing": "DataTables is currently busy" + * } + * } ); + * } ); + */ + "sProcessing": "Processing...", + + + /** + * Details the actions that will be taken when the user types into the + * filtering input text box. The variable "_INPUT_", if used in the string, + * is replaced with the HTML text box for the filtering input allowing + * control over where it appears in the string. If "_INPUT_" is not given + * then the input box is appended to the string automatically. + * @type string + * @default Search: + * + * @dtopt Language + * @name DataTable.defaults.language.search + * + * @example + * // Input text box will be appended at the end automatically + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "search": "Filter records:" + * } + * } ); + * } ); + * + * @example + * // Specify where the filter should appear + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "search": "Apply filter _INPUT_ to table" + * } + * } ); + * } ); + */ + "sSearch": "Search:", + + + /** + * Assign a `placeholder` attribute to the search `input` element + * @type string + * @default + * + * @dtopt Language + * @name DataTable.defaults.language.searchPlaceholder + */ + "sSearchPlaceholder": "", + + + /** + * All of the language information can be stored in a file on the + * server-side, which DataTables will look up if this parameter is passed. + * It must store the URL of the language file, which is in a JSON format, + * and the object has the same properties as the oLanguage object in the + * initialiser object (i.e. the above parameters). Please refer to one of + * the example language files to see how this works in action. + * @type string + * @default Empty string - i.e. disabled + * + * @dtopt Language + * @name DataTable.defaults.language.url + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "url": "http://www.sprymedia.co.uk/dataTables/lang.txt" + * } + * } ); + * } ); + */ + "sUrl": "", + + + /** + * Text shown inside the table records when the is no information to be + * displayed after filtering. `emptyTable` is shown when there is simply no + * information in the table at all (regardless of filtering). + * @type string + * @default No matching records found + * + * @dtopt Language + * @name DataTable.defaults.language.zeroRecords + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "language": { + * "zeroRecords": "No records to display" + * } + * } ); + * } ); + */ + "sZeroRecords": "No matching records found" + }, + + + /** + * This parameter allows you to have define the global filtering state at + * initialisation time. As an object the `search` parameter must be + * defined, but all other parameters are optional. When `regex` is true, + * the search string will be treated as a regular expression, when false + * (default) it will be treated as a straight string. When `smart` + * DataTables will use it's smart filtering methods (to word match at + * any point in the data), when false this will not be done. + * @namespace + * @extends DataTable.models.oSearch + * + * @dtopt Options + * @name DataTable.defaults.search + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "search": {"search": "Initial search"} + * } ); + * } ) + */ + "oSearch": $.extend( {}, DataTable.models.oSearch ), + + + /** + * __Deprecated__ The functionality provided by this parameter has now been + * superseded by that provided through `ajax`, which should be used instead. + * + * By default DataTables will look for the property `data` (or `aaData` for + * compatibility with DataTables 1.9-) when obtaining data from an Ajax + * source or for server-side processing - this parameter allows that + * property to be changed. You can use Javascript dotted object notation to + * get a data source for multiple levels of nesting. + * @type string + * @default data + * + * @dtopt Options + * @dtopt Server-side + * @name DataTable.defaults.ajaxDataProp + * + * @deprecated 1.10. Please use `ajax` for this functionality now. + */ + "sAjaxDataProp": "data", + + + /** + * __Deprecated__ The functionality provided by this parameter has now been + * superseded by that provided through `ajax`, which should be used instead. + * + * You can instruct DataTables to load data from an external + * source using this parameter (use aData if you want to pass data in you + * already have). Simply provide a url a JSON object can be obtained from. + * @type string + * @default null + * + * @dtopt Options + * @dtopt Server-side + * @name DataTable.defaults.ajaxSource + * + * @deprecated 1.10. Please use `ajax` for this functionality now. + */ + "sAjaxSource": null, + + + /** + * This initialisation variable allows you to specify exactly where in the + * DOM you want DataTables to inject the various controls it adds to the page + * (for example you might want the pagination controls at the top of the + * table). DIV elements (with or without a custom class) can also be added to + * aid styling. The follow syntax is used: + *

The following options are allowed: + *
- 'l' - Length changing
- 'f' - Filtering input
- 't' - The table!
- 'i' - Information
- 'p' - Pagination
- 'r' - pRocessing
+ *
The following constants are allowed: + *
- 'H' - jQueryUI theme "header" classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')
- 'F' - jQueryUI theme "footer" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')
+ *
The following syntax is expected: + *
- '<' and '>' - div elements
- '<"class" and '>' - div with a class
- '<"#id" and '>' - div with an ID
+ *
Examples: + *
- '<"wrapper"flipt>'
- '<lf<t>ip>'
+ *

+ * @type string + * @default lfrtip (when `jQueryUI` is false) or + * <"H"lfr>t<"F"ip> (when `jQueryUI` is true) + * + * @dtopt Options + * @name DataTable.defaults.dom + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "dom": '<"top"i>rt<"bottom"flp><"clear">' + * } ); + * } ); + */ + "sDom": "lfrtip", + + + /** + * Search delay option. This will throttle full table searches that use the + * DataTables provided search input element (it does not effect calls to + * `dt-api search()`, providing a delay before the search is made. + * @type integer + * @default 0 + * + * @dtopt Options + * @name DataTable.defaults.searchDelay + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "searchDelay": 200 + * } ); + * } ) + */ + "searchDelay": null, + + + /** + * DataTables features six different built-in options for the buttons to + * display for pagination control: + * + * * `numbers` - Page number buttons only + * * `simple` - 'Previous' and 'Next' buttons only + * * 'simple_numbers` - 'Previous' and 'Next' buttons, plus page numbers + * * `full` - 'First', 'Previous', 'Next' and 'Last' buttons + * * `full_numbers` - 'First', 'Previous', 'Next' and 'Last' buttons, plus page numbers + * * `first_last_numbers` - 'First' and 'Last' buttons, plus page numbers + * + * Further methods can be added using {@link DataTable.ext.oPagination}. + * @type string + * @default simple_numbers + * + * @dtopt Options + * @name DataTable.defaults.pagingType + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "pagingType": "full_numbers" + * } ); + * } ) + */ + "sPaginationType": "simple_numbers", + + + /** + * Enable horizontal scrolling. When a table is too wide to fit into a + * certain layout, or you have a large number of columns in the table, you + * can enable x-scrolling to show the table in a viewport, which can be + * scrolled. This property can be `true` which will allow the table to + * scroll horizontally when needed, or any CSS unit, or a number (in which + * case it will be treated as a pixel measurement). Setting as simply `true` + * is recommended. + * @type boolean|string + * @default blank string - i.e. disabled + * + * @dtopt Features + * @name DataTable.defaults.scrollX + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "scrollX": true, + * "scrollCollapse": true + * } ); + * } ); + */ + "sScrollX": "", + + + /** + * This property can be used to force a DataTable to use more width than it + * might otherwise do when x-scrolling is enabled. For example if you have a + * table which requires to be well spaced, this parameter is useful for + * "over-sizing" the table, and thus forcing scrolling. This property can by + * any CSS unit, or a number (in which case it will be treated as a pixel + * measurement). + * @type string + * @default blank string - i.e. disabled + * + * @dtopt Options + * @name DataTable.defaults.scrollXInner + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "scrollX": "100%", + * "scrollXInner": "110%" + * } ); + * } ); + */ + "sScrollXInner": "", + + + /** + * Enable vertical scrolling. Vertical scrolling will constrain the DataTable + * to the given height, and enable scrolling for any data which overflows the + * current viewport. This can be used as an alternative to paging to display + * a lot of data in a small area (although paging and scrolling can both be + * enabled at the same time). This property can be any CSS unit, or a number + * (in which case it will be treated as a pixel measurement). + * @type string + * @default blank string - i.e. disabled + * + * @dtopt Features + * @name DataTable.defaults.scrollY + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "scrollY": "200px", + * "paginate": false + * } ); + * } ); + */ + "sScrollY": "", + + + /** + * __Deprecated__ The functionality provided by this parameter has now been + * superseded by that provided through `ajax`, which should be used instead. + * + * Set the HTTP method that is used to make the Ajax call for server-side + * processing or Ajax sourced data. + * @type string + * @default GET + * + * @dtopt Options + * @dtopt Server-side + * @name DataTable.defaults.serverMethod + * + * @deprecated 1.10. Please use `ajax` for this functionality now. + */ + "sServerMethod": "GET", + + + /** + * DataTables makes use of renderers when displaying HTML elements for + * a table. These renderers can be added or modified by plug-ins to + * generate suitable mark-up for a site. For example the Bootstrap + * integration plug-in for DataTables uses a paging button renderer to + * display pagination buttons in the mark-up required by Bootstrap. + * + * For further information about the renderers available see + * DataTable.ext.renderer + * @type string|object + * @default null + * + * @name DataTable.defaults.renderer + * + */ + "renderer": null, + + + /** + * Set the data property name that DataTables should use to get a row's id + * to set as the `id` property in the node. + * @type string + * @default DT_RowId + * + * @name DataTable.defaults.rowId + */ + "rowId": "DT_RowId" + }; + + _fnHungarianMap( DataTable.defaults ); + + + + /* + * Developer note - See note in model.defaults.js about the use of Hungarian + * notation and camel case. + */ + + /** + * Column options that can be given to DataTables at initialisation time. + * @namespace + */ + DataTable.defaults.column = { + /** + * Define which column(s) an order will occur on for this column. This + * allows a column's ordering to take multiple columns into account when + * doing a sort or use the data from a different column. For example first + * name / last name columns make sense to do a multi-column sort over the + * two columns. + * @type array|int + * @default null Takes the value of the column index automatically + * + * @name DataTable.defaults.column.orderData + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "orderData": [ 0, 1 ], "targets": [ 0 ] }, + * { "orderData": [ 1, 0 ], "targets": [ 1 ] }, + * { "orderData": 2, "targets": [ 2 ] } + * ] + * } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * { "orderData": [ 0, 1 ] }, + * { "orderData": [ 1, 0 ] }, + * { "orderData": 2 }, + * null, + * null + * ] + * } ); + * } ); + */ + "aDataSort": null, + "iDataSort": -1, + + + /** + * You can control the default ordering direction, and even alter the + * behaviour of the sort handler (i.e. only allow ascending ordering etc) + * using this parameter. + * @type array + * @default [ 'asc', 'desc' ] + * + * @name DataTable.defaults.column.orderSequence + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "orderSequence": [ "asc" ], "targets": [ 1 ] }, + * { "orderSequence": [ "desc", "asc", "asc" ], "targets": [ 2 ] }, + * { "orderSequence": [ "desc" ], "targets": [ 3 ] } + * ] + * } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * null, + * { "orderSequence": [ "asc" ] }, + * { "orderSequence": [ "desc", "asc", "asc" ] }, + * { "orderSequence": [ "desc" ] }, + * null + * ] + * } ); + * } ); + */ + "asSorting": [ 'asc', 'desc' ], + + + /** + * Enable or disable filtering on the data in this column. + * @type boolean + * @default true + * + * @name DataTable.defaults.column.searchable + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "searchable": false, "targets": [ 0 ] } + * ] } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * { "searchable": false }, + * null, + * null, + * null, + * null + * ] } ); + * } ); + */ + "bSearchable": true, + + + /** + * Enable or disable ordering on this column. + * @type boolean + * @default true + * + * @name DataTable.defaults.column.orderable + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "orderable": false, "targets": [ 0 ] } + * ] } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * { "orderable": false }, + * null, + * null, + * null, + * null + * ] } ); + * } ); + */ + "bSortable": true, + + + /** + * Enable or disable the display of this column. + * @type boolean + * @default true + * + * @name DataTable.defaults.column.visible + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "visible": false, "targets": [ 0 ] } + * ] } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * { "visible": false }, + * null, + * null, + * null, + * null + * ] } ); + * } ); + */ + "bVisible": true, + + + /** + * Developer definable function that is called whenever a cell is created (Ajax source, + * etc) or processed for input (DOM source). This can be used as a compliment to mRender + * allowing you to modify the DOM element (add background colour for example) when the + * element is available. + * @type function + * @param {element} td The TD node that has been created + * @param {*} cellData The Data for the cell + * @param {array|object} rowData The data for the whole row + * @param {int} row The row index for the aoData data store + * @param {int} col The column index for aoColumns + * + * @name DataTable.defaults.column.createdCell + * @dtopt Columns + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ { + * "targets": [3], + * "createdCell": function (td, cellData, rowData, row, col) { + * if ( cellData == "1.7" ) { + * $(td).css('color', 'blue') + * } + * } + * } ] + * }); + * } ); + */ + "fnCreatedCell": null, + + + /** + * This parameter has been replaced by `data` in DataTables to ensure naming + * consistency. `dataProp` can still be used, as there is backwards + * compatibility in DataTables for this option, but it is strongly + * recommended that you use `data` in preference to `dataProp`. + * @name DataTable.defaults.column.dataProp + */ + + + /** + * This property can be used to read data from any data source property, + * including deeply nested objects / properties. `data` can be given in a + * number of different ways which effect its behaviour: + * + * * `integer` - treated as an array index for the data source. This is the + * default that DataTables uses (incrementally increased for each column). + * * `string` - read an object property from the data source. There are + * three 'special' options that can be used in the string to alter how + * DataTables reads the data from the source object: + * * `.` - Dotted Javascript notation. Just as you use a `.` in + * Javascript to read from nested objects, so to can the options + * specified in `data`. For example: `browser.version` or + * `browser.name`. If your object parameter name contains a period, use + * `\\` to escape it - i.e. `first\\.name`. + * * `[]` - Array notation. DataTables can automatically combine data + * from and array source, joining the data with the characters provided + * between the two brackets. For example: `name[, ]` would provide a + * comma-space separated list from the source array. If no characters + * are provided between the brackets, the original array source is + * returned. + * * `()` - Function notation. Adding `()` to the end of a parameter will + * execute a function of the name given. For example: `browser()` for a + * simple function on the data source, `browser.version()` for a + * function in a nested property or even `browser().version` to get an + * object property if the function called returns an object. Note that + * function notation is recommended for use in `render` rather than + * `data` as it is much simpler to use as a renderer. + * * `null` - use the original data source for the row rather than plucking + * data directly from it. This action has effects on two other + * initialisation options: + * * `defaultContent` - When null is given as the `data` option and + * `defaultContent` is specified for the column, the value defined by + * `defaultContent` will be used for the cell. + * * `render` - When null is used for the `data` option and the `render` + * option is specified for the column, the whole data source for the + * row is used for the renderer. + * * `function` - the function given will be executed whenever DataTables + * needs to set or get the data for a cell in the column. The function + * takes three parameters: + * * Parameters: + * * `{array|object}` The data source for the row + * * `{string}` The type call data requested - this will be 'set' when + * setting data or 'filter', 'display', 'type', 'sort' or undefined + * when gathering data. Note that when `undefined` is given for the + * type DataTables expects to get the raw data for the object back< + * * `{*}` Data to set when the second parameter is 'set'. + * * Return: + * * The return value from the function is not required when 'set' is + * the type of call, but otherwise the return is what will be used + * for the data requested. + * + * Note that `data` is a getter and setter option. If you just require + * formatting of data for output, you will likely want to use `render` which + * is simply a getter and thus simpler to use. + * + * Note that prior to DataTables 1.9.2 `data` was called `mDataProp`. The + * name change reflects the flexibility of this property and is consistent + * with the naming of mRender. If 'mDataProp' is given, then it will still + * be used by DataTables, as it automatically maps the old name to the new + * if required. + * + * @type string|int|function|null + * @default null Use automatically calculated column index + * + * @name DataTable.defaults.column.data + * @dtopt Columns + * + * @example + * // Read table data from objects + * // JSON structure for each row: + * // { + * // "engine": {value}, + * // "browser": {value}, + * // "platform": {value}, + * // "version": {value}, + * // "grade": {value} + * // } + * $(document).ready( function() { + * $('#example').dataTable( { + * "ajaxSource": "sources/objects.txt", + * "columns": [ + * { "data": "engine" }, + * { "data": "browser" }, + * { "data": "platform" }, + * { "data": "version" }, + * { "data": "grade" } + * ] + * } ); + * } ); + * + * @example + * // Read information from deeply nested objects + * // JSON structure for each row: + * // { + * // "engine": {value}, + * // "browser": {value}, + * // "platform": { + * // "inner": {value} + * // }, + * // "details": [ + * // {value}, {value} + * // ] + * // } + * $(document).ready( function() { + * $('#example').dataTable( { + * "ajaxSource": "sources/deep.txt", + * "columns": [ + * { "data": "engine" }, + * { "data": "browser" }, + * { "data": "platform.inner" }, + * { "data": "details.0" }, + * { "data": "details.1" } + * ] + * } ); + * } ); + * + * @example + * // Using `data` as a function to provide different information for + * // sorting, filtering and display. In this case, currency (price) + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ { + * "targets": [ 0 ], + * "data": function ( source, type, val ) { + * if (type === 'set') { + * source.price = val; + * // Store the computed dislay and filter values for efficiency + * source.price_display = val=="" ? "" : "$"+numberFormat(val); + * source.price_filter = val=="" ? "" : "$"+numberFormat(val)+" "+val; + * return; + * } + * else if (type === 'display') { + * return source.price_display; + * } + * else if (type === 'filter') { + * return source.price_filter; + * } + * // 'sort', 'type' and undefined all just use the integer + * return source.price; + * } + * } ] + * } ); + * } ); + * + * @example + * // Using default content + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ { + * "targets": [ 0 ], + * "data": null, + * "defaultContent": "Click to edit" + * } ] + * } ); + * } ); + * + * @example + * // Using array notation - outputting a list from an array + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ { + * "targets": [ 0 ], + * "data": "name[, ]" + * } ] + * } ); + * } ); + * + */ + "mData": null, + + + /** + * This property is the rendering partner to `data` and it is suggested that + * when you want to manipulate data for display (including filtering, + * sorting etc) without altering the underlying data for the table, use this + * property. `render` can be considered to be the the read only companion to + * `data` which is read / write (then as such more complex). Like `data` + * this option can be given in a number of different ways to effect its + * behaviour: + * + * * `integer` - treated as an array index for the data source. This is the + * default that DataTables uses (incrementally increased for each column). + * * `string` - read an object property from the data source. There are + * three 'special' options that can be used in the string to alter how + * DataTables reads the data from the source object: + * * `.` - Dotted Javascript notation. Just as you use a `.` in + * Javascript to read from nested objects, so to can the options + * specified in `data`. For example: `browser.version` or + * `browser.name`. If your object parameter name contains a period, use + * `\\` to escape it - i.e. `first\\.name`. + * * `[]` - Array notation. DataTables can automatically combine data + * from and array source, joining the data with the characters provided + * between the two brackets. For example: `name[, ]` would provide a + * comma-space separated list from the source array. If no characters + * are provided between the brackets, the original array source is + * returned. + * * `()` - Function notation. Adding `()` to the end of a parameter will + * execute a function of the name given. For example: `browser()` for a + * simple function on the data source, `browser.version()` for a + * function in a nested property or even `browser().version` to get an + * object property if the function called returns an object. + * * `object` - use different data for the different data types requested by + * DataTables ('filter', 'display', 'type' or 'sort'). The property names + * of the object is the data type the property refers to and the value can + * defined using an integer, string or function using the same rules as + * `render` normally does. Note that an `_` option _must_ be specified. + * This is the default value to use if you haven't specified a value for + * the data type requested by DataTables. + * * `function` - the function given will be executed whenever DataTables + * needs to set or get the data for a cell in the column. The function + * takes three parameters: + * * Parameters: + * * {array|object} The data source for the row (based on `data`) + * * {string} The type call data requested - this will be 'filter', + * 'display', 'type' or 'sort'. + * * {array|object} The full data source for the row (not based on + * `data`) + * * Return: + * * The return value from the function is what will be used for the + * data requested. + * + * @type string|int|function|object|null + * @default null Use the data source value. + * + * @name DataTable.defaults.column.render + * @dtopt Columns + * + * @example + * // Create a comma separated list from an array of objects + * $(document).ready( function() { + * $('#example').dataTable( { + * "ajaxSource": "sources/deep.txt", + * "columns": [ + * { "data": "engine" }, + * { "data": "browser" }, + * { + * "data": "platform", + * "render": "[, ].name" + * } + * ] + * } ); + * } ); + * + * @example + * // Execute a function to obtain data + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ { + * "targets": [ 0 ], + * "data": null, // Use the full data source object for the renderer's source + * "render": "browserName()" + * } ] + * } ); + * } ); + * + * @example + * // As an object, extracting different data for the different types + * // This would be used with a data source such as: + * // { "phone": 5552368, "phone_filter": "5552368 555-2368", "phone_display": "555-2368" } + * // Here the `phone` integer is used for sorting and type detection, while `phone_filter` + * // (which has both forms) is used for filtering for if a user inputs either format, while + * // the formatted phone number is the one that is shown in the table. + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ { + * "targets": [ 0 ], + * "data": null, // Use the full data source object for the renderer's source + * "render": { + * "_": "phone", + * "filter": "phone_filter", + * "display": "phone_display" + * } + * } ] + * } ); + * } ); + * + * @example + * // Use as a function to create a link from the data source + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ { + * "targets": [ 0 ], + * "data": "download_link", + * "render": function ( data, type, full ) { + * return 'Download'; + * } + * } ] + * } ); + * } ); + */ + "mRender": null, + + + /** + * Change the cell type created for the column - either TD cells or TH cells. This + * can be useful as TH cells have semantic meaning in the table body, allowing them + * to act as a header for a row (you may wish to add scope='row' to the TH elements). + * @type string + * @default td + * + * @name DataTable.defaults.column.cellType + * @dtopt Columns + * + * @example + * // Make the first column use TH cells + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ { + * "targets": [ 0 ], + * "cellType": "th" + * } ] + * } ); + * } ); + */ + "sCellType": "td", + + + /** + * Class to give to each cell in this column. + * @type string + * @default Empty string + * + * @name DataTable.defaults.column.class + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "class": "my_class", "targets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * { "class": "my_class" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sClass": "", + + /** + * When DataTables calculates the column widths to assign to each column, + * it finds the longest string in each column and then constructs a + * temporary table and reads the widths from that. The problem with this + * is that "mmm" is much wider then "iiii", but the latter is a longer + * string - thus the calculation can go wrong (doing it properly and putting + * it into an DOM object and measuring that is horribly(!) slow). Thus as + * a "work around" we provide this option. It will append its value to the + * text that is found to be the longest string for the column - i.e. padding. + * Generally you shouldn't need this! + * @type string + * @default Empty string + * + * @name DataTable.defaults.column.contentPadding + * @dtopt Columns + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * null, + * null, + * null, + * { + * "contentPadding": "mmm" + * } + * ] + * } ); + * } ); + */ + "sContentPadding": "", + + + /** + * Allows a default value to be given for a column's data, and will be used + * whenever a null data source is encountered (this can be because `data` + * is set to null, or because the data source itself is null). + * @type string + * @default null + * + * @name DataTable.defaults.column.defaultContent + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { + * "data": null, + * "defaultContent": "Edit", + * "targets": [ -1 ] + * } + * ] + * } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * null, + * null, + * null, + * { + * "data": null, + * "defaultContent": "Edit" + * } + * ] + * } ); + * } ); + */ + "sDefaultContent": null, + + + /** + * This parameter is only used in DataTables' server-side processing. It can + * be exceptionally useful to know what columns are being displayed on the + * client side, and to map these to database fields. When defined, the names + * also allow DataTables to reorder information from the server if it comes + * back in an unexpected order (i.e. if you switch your columns around on the + * client-side, your server-side code does not also need updating). + * @type string + * @default Empty string + * + * @name DataTable.defaults.column.name + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "name": "engine", "targets": [ 0 ] }, + * { "name": "browser", "targets": [ 1 ] }, + * { "name": "platform", "targets": [ 2 ] }, + * { "name": "version", "targets": [ 3 ] }, + * { "name": "grade", "targets": [ 4 ] } + * ] + * } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * { "name": "engine" }, + * { "name": "browser" }, + * { "name": "platform" }, + * { "name": "version" }, + * { "name": "grade" } + * ] + * } ); + * } ); + */ + "sName": "", + + + /** + * Defines a data source type for the ordering which can be used to read + * real-time information from the table (updating the internally cached + * version) prior to ordering. This allows ordering to occur on user + * editable elements such as form inputs. + * @type string + * @default std + * + * @name DataTable.defaults.column.orderDataType + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "orderDataType": "dom-text", "targets": [ 2, 3 ] }, + * { "type": "numeric", "targets": [ 3 ] }, + * { "orderDataType": "dom-select", "targets": [ 4 ] }, + * { "orderDataType": "dom-checkbox", "targets": [ 5 ] } + * ] + * } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * null, + * null, + * { "orderDataType": "dom-text" }, + * { "orderDataType": "dom-text", "type": "numeric" }, + * { "orderDataType": "dom-select" }, + * { "orderDataType": "dom-checkbox" } + * ] + * } ); + * } ); + */ + "sSortDataType": "std", + + + /** + * The title of this column. + * @type string + * @default null Derived from the 'TH' value for this column in the + * original HTML table. + * + * @name DataTable.defaults.column.title + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "title": "My column title", "targets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * { "title": "My column title" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sTitle": null, + + + /** + * The type allows you to specify how the data for this column will be + * ordered. Four types (string, numeric, date and html (which will strip + * HTML tags before ordering)) are currently available. Note that only date + * formats understood by Javascript's Date() object will be accepted as type + * date. For example: "Mar 26, 2008 5:03 PM". May take the values: 'string', + * 'numeric', 'date' or 'html' (by default). Further types can be adding + * through plug-ins. + * @type string + * @default null Auto-detected from raw data + * + * @name DataTable.defaults.column.type + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "type": "html", "targets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * { "type": "html" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sType": null, + + + /** + * Defining the width of the column, this parameter may take any CSS value + * (3em, 20px etc). DataTables applies 'smart' widths to columns which have not + * been given a specific width through this interface ensuring that the table + * remains readable. + * @type string + * @default null Automatic + * + * @name DataTable.defaults.column.width + * @dtopt Columns + * + * @example + * // Using `columnDefs` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columnDefs": [ + * { "width": "20%", "targets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using `columns` + * $(document).ready( function() { + * $('#example').dataTable( { + * "columns": [ + * { "width": "20%" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sWidth": null + }; + + _fnHungarianMap( DataTable.defaults.column ); + + + + /** + * DataTables settings object - this holds all the information needed for a + * given table, including configuration, data and current application of the + * table options. DataTables does not have a single instance for each DataTable + * with the settings attached to that instance, but rather instances of the + * DataTable "class" are created on-the-fly as needed (typically by a + * $().dataTable() call) and the settings object is then applied to that + * instance. + * + * Note that this object is related to {@link DataTable.defaults} but this + * one is the internal data store for DataTables's cache of columns. It should + * NOT be manipulated outside of DataTables. Any configuration should be done + * through the initialisation options. + * @namespace + * @todo Really should attach the settings object to individual instances so we + * don't need to create new instances on each $().dataTable() call (if the + * table already exists). It would also save passing oSettings around and + * into every single function. However, this is a very significant + * architecture change for DataTables and will almost certainly break + * backwards compatibility with older installations. This is something that + * will be done in 2.0. + */ + DataTable.models.oSettings = { + /** + * Primary features of DataTables and their enablement state. + * @namespace + */ + "oFeatures": { + + /** + * Flag to say if DataTables should automatically try to calculate the + * optimum table and columns widths (true) or not (false). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bAutoWidth": null, + + /** + * Delay the creation of TR and TD elements until they are actually + * needed by a driven page draw. This can give a significant speed + * increase for Ajax source and Javascript source data, but makes no + * difference at all fro DOM and server-side processing tables. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bDeferRender": null, + + /** + * Enable filtering on the table or not. Note that if this is disabled + * then there is no filtering at all on the table, including fnFilter. + * To just remove the filtering input use sDom and remove the 'f' option. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bFilter": null, + + /** + * Table information element (the 'Showing x of y records' div) enable + * flag. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bInfo": null, + + /** + * Present a user control allowing the end user to change the page size + * when pagination is enabled. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bLengthChange": null, + + /** + * Pagination enabled or not. Note that if this is disabled then length + * changing must also be disabled. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bPaginate": null, + + /** + * Processing indicator enable flag whenever DataTables is enacting a + * user request - typically an Ajax request for server-side processing. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bProcessing": null, + + /** + * Server-side processing enabled flag - when enabled DataTables will + * get all data from the server for every draw - there is no filtering, + * sorting or paging done on the client-side. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bServerSide": null, + + /** + * Sorting enablement flag. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bSort": null, + + /** + * Multi-column sorting + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bSortMulti": null, + + /** + * Apply a class to the columns which are being sorted to provide a + * visual highlight or not. This can slow things down when enabled since + * there is a lot of DOM interaction. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bSortClasses": null, + + /** + * State saving enablement flag. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bStateSave": null + }, + + + /** + * Scrolling settings for a table. + * @namespace + */ + "oScroll": { + /** + * When the table is shorter in height than sScrollY, collapse the + * table container down to the height of the table (when true). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bCollapse": null, + + /** + * Width of the scrollbar for the web-browser's platform. Calculated + * during table initialisation. + * @type int + * @default 0 + */ + "iBarWidth": 0, + + /** + * Viewport width for horizontal scrolling. Horizontal scrolling is + * disabled if an empty string. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sX": null, + + /** + * Width to expand the table to when using x-scrolling. Typically you + * should not need to use this. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @deprecated + */ + "sXInner": null, + + /** + * Viewport height for vertical scrolling. Vertical scrolling is disabled + * if an empty string. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sY": null + }, + + /** + * Language information for the table. + * @namespace + * @extends DataTable.defaults.oLanguage + */ + "oLanguage": { + /** + * Information callback function. See + * {@link DataTable.defaults.fnInfoCallback} + * @type function + * @default null + */ + "fnInfoCallback": null + }, + + /** + * Browser support parameters + * @namespace + */ + "oBrowser": { + /** + * Indicate if the browser incorrectly calculates width:100% inside a + * scrolling element (IE6/7) + * @type boolean + * @default false + */ + "bScrollOversize": false, + + /** + * Determine if the vertical scrollbar is on the right or left of the + * scrolling container - needed for rtl language layout, although not + * all browsers move the scrollbar (Safari). + * @type boolean + * @default false + */ + "bScrollbarLeft": false, + + /** + * Flag for if `getBoundingClientRect` is fully supported or not + * @type boolean + * @default false + */ + "bBounding": false, + + /** + * Browser scrollbar width + * @type integer + * @default 0 + */ + "barWidth": 0 + }, + + + "ajax": null, + + + /** + * Array referencing the nodes which are used for the features. The + * parameters of this object match what is allowed by sDom - i.e. + *
+ *
'l' - Length changing
+ *
'f' - Filtering input
+ *
't' - The table!
+ *
'i' - Information
+ *
'p' - Pagination
+ *
'r' - pRocessing
+ *
+ * @type array + * @default [] + */ + "aanFeatures": [], + + /** + * Store data information - see {@link DataTable.models.oRow} for detailed + * information. + * @type array + * @default [] + */ + "aoData": [], + + /** + * Array of indexes which are in the current display (after filtering etc) + * @type array + * @default [] + */ + "aiDisplay": [], + + /** + * Array of indexes for display - no filtering + * @type array + * @default [] + */ + "aiDisplayMaster": [], + + /** + * Map of row ids to data indexes + * @type object + * @default {} + */ + "aIds": {}, + + /** + * Store information about each column that is in use + * @type array + * @default [] + */ + "aoColumns": [], + + /** + * Store information about the table's header + * @type array + * @default [] + */ + "aoHeader": [], + + /** + * Store information about the table's footer + * @type array + * @default [] + */ + "aoFooter": [], + + /** + * Store the applied global search information in case we want to force a + * research or compare the old search to a new one. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @namespace + * @extends DataTable.models.oSearch + */ + "oPreviousSearch": {}, + + /** + * Store the applied search for each column - see + * {@link DataTable.models.oSearch} for the format that is used for the + * filtering information for each column. + * @type array + * @default [] + */ + "aoPreSearchCols": [], + + /** + * Sorting that is applied to the table. Note that the inner arrays are + * used in the following manner: + *
+ *
Index 0 - column number
+ *
Index 1 - current sorting direction
+ *
+ * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array + * @todo These inner arrays should really be objects + */ + "aaSorting": null, + + /** + * Sorting that is always applied to the table (i.e. prefixed in front of + * aaSorting). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array + * @default [] + */ + "aaSortingFixed": [], + + /** + * Classes to use for the striping of a table. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array + * @default [] + */ + "asStripeClasses": null, + + /** + * If restoring a table - we should restore its striping classes as well + * @type array + * @default [] + */ + "asDestroyStripes": [], + + /** + * If restoring a table - we should restore its width + * @type int + * @default 0 + */ + "sDestroyWidth": 0, + + /** + * Callback functions array for every time a row is inserted (i.e. on a draw). + * @type array + * @default [] + */ + "aoRowCallback": [], + + /** + * Callback functions for the header on each draw. + * @type array + * @default [] + */ + "aoHeaderCallback": [], + + /** + * Callback function for the footer on each draw. + * @type array + * @default [] + */ + "aoFooterCallback": [], + + /** + * Array of callback functions for draw callback functions + * @type array + * @default [] + */ + "aoDrawCallback": [], + + /** + * Array of callback functions for row created function + * @type array + * @default [] + */ + "aoRowCreatedCallback": [], + + /** + * Callback functions for just before the table is redrawn. A return of + * false will be used to cancel the draw. + * @type array + * @default [] + */ + "aoPreDrawCallback": [], + + /** + * Callback functions for when the table has been initialised. + * @type array + * @default [] + */ + "aoInitComplete": [], + + + /** + * Callbacks for modifying the settings to be stored for state saving, prior to + * saving state. + * @type array + * @default [] + */ + "aoStateSaveParams": [], + + /** + * Callbacks for modifying the settings that have been stored for state saving + * prior to using the stored values to restore the state. + * @type array + * @default [] + */ + "aoStateLoadParams": [], + + /** + * Callbacks for operating on the settings object once the saved state has been + * loaded + * @type array + * @default [] + */ + "aoStateLoaded": [], + + /** + * Cache the table ID for quick access + * @type string + * @default Empty string + */ + "sTableId": "", + + /** + * The TABLE node for the main table + * @type node + * @default null + */ + "nTable": null, + + /** + * Permanent ref to the thead element + * @type node + * @default null + */ + "nTHead": null, + + /** + * Permanent ref to the tfoot element - if it exists + * @type node + * @default null + */ + "nTFoot": null, + + /** + * Permanent ref to the tbody element + * @type node + * @default null + */ + "nTBody": null, + + /** + * Cache the wrapper node (contains all DataTables controlled elements) + * @type node + * @default null + */ + "nTableWrapper": null, + + /** + * Indicate if when using server-side processing the loading of data + * should be deferred until the second draw. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + * @default false + */ + "bDeferLoading": false, + + /** + * Indicate if all required information has been read in + * @type boolean + * @default false + */ + "bInitialised": false, + + /** + * Information about open rows. Each object in the array has the parameters + * 'nTr' and 'nParent' + * @type array + * @default [] + */ + "aoOpenRows": [], + + /** + * Dictate the positioning of DataTables' control elements - see + * {@link DataTable.model.oInit.sDom}. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default null + */ + "sDom": null, + + /** + * Search delay (in mS) + * @type integer + * @default null + */ + "searchDelay": null, + + /** + * Which type of pagination should be used. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default two_button + */ + "sPaginationType": "two_button", + + /** + * The state duration (for `stateSave`) in seconds. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type int + * @default 0 + */ + "iStateDuration": 0, + + /** + * Array of callback functions for state saving. Each array element is an + * object with the following parameters: + *
+ *
function:fn - function to call. Takes two parameters, oSettings + * and the JSON string to save that has been thus far created. Returns + * a JSON string to be inserted into a json object + * (i.e. '"param": [ 0, 1, 2]')
+ *
string:sName - name of callback
+ *
+ * @type array + * @default [] + */ + "aoStateSave": [], + + /** + * Array of callback functions for state loading. Each array element is an + * object with the following parameters: + *
+ *
function:fn - function to call. Takes two parameters, oSettings + * and the object stored. May return false to cancel state loading
+ *
string:sName - name of callback
+ *
+ * @type array + * @default [] + */ + "aoStateLoad": [], + + /** + * State that was saved. Useful for back reference + * @type object + * @default null + */ + "oSavedState": null, + + /** + * State that was loaded. Useful for back reference + * @type object + * @default null + */ + "oLoadedState": null, + + /** + * Source url for AJAX data for the table. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default null + */ + "sAjaxSource": null, + + /** + * Property from a given object from which to read the table data from. This + * can be an empty string (when not server-side processing), in which case + * it is assumed an an array is given directly. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sAjaxDataProp": null, + + /** + * Note if draw should be blocked while getting data + * @type boolean + * @default true + */ + "bAjaxDataGet": true, + + /** + * The last jQuery XHR object that was used for server-side data gathering. + * This can be used for working with the XHR information in one of the + * callbacks + * @type object + * @default null + */ + "jqXHR": null, + + /** + * JSON returned from the server in the last Ajax request + * @type object + * @default undefined + */ + "json": undefined, + + /** + * Data submitted as part of the last Ajax request + * @type object + * @default undefined + */ + "oAjaxData": undefined, + + /** + * Function to get the server-side data. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type function + */ + "fnServerData": null, + + /** + * Functions which are called prior to sending an Ajax request so extra + * parameters can easily be sent to the server + * @type array + * @default [] + */ + "aoServerParams": [], + + /** + * Send the XHR HTTP method - GET or POST (could be PUT or DELETE if + * required). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sServerMethod": null, + + /** + * Format numbers for display. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type function + */ + "fnFormatNumber": null, + + /** + * List of options that can be used for the user selectable length menu. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array + * @default [] + */ + "aLengthMenu": null, + + /** + * Counter for the draws that the table does. Also used as a tracker for + * server-side processing + * @type int + * @default 0 + */ + "iDraw": 0, + + /** + * Indicate if a redraw is being done - useful for Ajax + * @type boolean + * @default false + */ + "bDrawing": false, + + /** + * Draw index (iDraw) of the last error when parsing the returned data + * @type int + * @default -1 + */ + "iDrawError": -1, + + /** + * Paging display length + * @type int + * @default 10 + */ + "_iDisplayLength": 10, + + /** + * Paging start point - aiDisplay index + * @type int + * @default 0 + */ + "_iDisplayStart": 0, + + /** + * Server-side processing - number of records in the result set + * (i.e. before filtering), Use fnRecordsTotal rather than + * this property to get the value of the number of records, regardless of + * the server-side processing setting. + * @type int + * @default 0 + * @private + */ + "_iRecordsTotal": 0, + + /** + * Server-side processing - number of records in the current display set + * (i.e. after filtering). Use fnRecordsDisplay rather than + * this property to get the value of the number of records, regardless of + * the server-side processing setting. + * @type boolean + * @default 0 + * @private + */ + "_iRecordsDisplay": 0, + + /** + * The classes to use for the table + * @type object + * @default {} + */ + "oClasses": {}, + + /** + * Flag attached to the settings object so you can check in the draw + * callback if filtering has been done in the draw. Deprecated in favour of + * events. + * @type boolean + * @default false + * @deprecated + */ + "bFiltered": false, + + /** + * Flag attached to the settings object so you can check in the draw + * callback if sorting has been done in the draw. Deprecated in favour of + * events. + * @type boolean + * @default false + * @deprecated + */ + "bSorted": false, + + /** + * Indicate that if multiple rows are in the header and there is more than + * one unique cell per column, if the top one (true) or bottom one (false) + * should be used for sorting / title by DataTables. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bSortCellsTop": null, + + /** + * Initialisation object that is used for the table + * @type object + * @default null + */ + "oInit": null, + + /** + * Destroy callback functions - for plug-ins to attach themselves to the + * destroy so they can clean up markup and events. + * @type array + * @default [] + */ + "aoDestroyCallback": [], + + + /** + * Get the number of records in the current record set, before filtering + * @type function + */ + "fnRecordsTotal": function () + { + return _fnDataSource( this ) == 'ssp' ? + this._iRecordsTotal * 1 : + this.aiDisplayMaster.length; + }, + + /** + * Get the number of records in the current record set, after filtering + * @type function + */ + "fnRecordsDisplay": function () + { + return _fnDataSource( this ) == 'ssp' ? + this._iRecordsDisplay * 1 : + this.aiDisplay.length; + }, + + /** + * Get the display end point - aiDisplay index + * @type function + */ + "fnDisplayEnd": function () + { + var + len = this._iDisplayLength, + start = this._iDisplayStart, + calc = start + len, + records = this.aiDisplay.length, + features = this.oFeatures, + paginate = features.bPaginate; + + if ( features.bServerSide ) { + return paginate === false || len === -1 ? + start + records : + Math.min( start+len, this._iRecordsDisplay ); + } + else { + return ! paginate || calc>records || len===-1 ? + records : + calc; + } + }, + + /** + * The DataTables object for this table + * @type object + * @default null + */ + "oInstance": null, + + /** + * Unique identifier for each instance of the DataTables object. If there + * is an ID on the table node, then it takes that value, otherwise an + * incrementing internal counter is used. + * @type string + * @default null + */ + "sInstance": null, + + /** + * tabindex attribute value that is added to DataTables control elements, allowing + * keyboard navigation of the table and its controls. + */ + "iTabIndex": 0, + + /** + * DIV container for the footer scrolling table if scrolling + */ + "nScrollHead": null, + + /** + * DIV container for the footer scrolling table if scrolling + */ + "nScrollFoot": null, + + /** + * Last applied sort + * @type array + * @default [] + */ + "aLastSort": [], + + /** + * Stored plug-in instances + * @type object + * @default {} + */ + "oPlugins": {}, + + /** + * Function used to get a row's id from the row's data + * @type function + * @default null + */ + "rowIdFn": null, + + /** + * Data location where to store a row's id + * @type string + * @default null + */ + "rowId": null + }; + + /** + * Extension object for DataTables that is used to provide all extension + * options. + * + * Note that the `DataTable.ext` object is available through + * `jQuery.fn.dataTable.ext` where it may be accessed and manipulated. It is + * also aliased to `jQuery.fn.dataTableExt` for historic reasons. + * @namespace + * @extends DataTable.models.ext + */ + + + /** + * DataTables extensions + * + * This namespace acts as a collection area for plug-ins that can be used to + * extend DataTables capabilities. Indeed many of the build in methods + * use this method to provide their own capabilities (sorting methods for + * example). + * + * Note that this namespace is aliased to `jQuery.fn.dataTableExt` for legacy + * reasons + * + * @namespace + */ + DataTable.ext = _ext = { + /** + * Buttons. For use with the Buttons extension for DataTables. This is + * defined here so other extensions can define buttons regardless of load + * order. It is _not_ used by DataTables core. + * + * @type object + * @default {} + */ + buttons: {}, + + + /** + * Element class names + * + * @type object + * @default {} + */ + classes: {}, + + + /** + * DataTables build type (expanded by the download builder) + * + * @type string + */ + build:"dt/dt-1.10.21/fh-3.1.7/sp-1.1.1/sl-1.3.1", + + + /** + * Error reporting. + * + * How should DataTables report an error. Can take the value 'alert', + * 'throw', 'none' or a function. + * + * @type string|function + * @default alert + */ + errMode: "alert", + + + /** + * Feature plug-ins. + * + * This is an array of objects which describe the feature plug-ins that are + * available to DataTables. These feature plug-ins are then available for + * use through the `dom` initialisation option. + * + * Each feature plug-in is described by an object which must have the + * following properties: + * + * * `fnInit` - function that is used to initialise the plug-in, + * * `cFeature` - a character so the feature can be enabled by the `dom` + * instillation option. This is case sensitive. + * + * The `fnInit` function has the following input parameters: + * + * 1. `{object}` DataTables settings object: see + * {@link DataTable.models.oSettings} + * + * And the following return is expected: + * + * * {node|null} The element which contains your feature. Note that the + * return may also be void if your plug-in does not require to inject any + * DOM elements into DataTables control (`dom`) - for example this might + * be useful when developing a plug-in which allows table control via + * keyboard entry + * + * @type array + * + * @example + * $.fn.dataTable.ext.features.push( { + * "fnInit": function( oSettings ) { + * return new TableTools( { "oDTSettings": oSettings } ); + * }, + * "cFeature": "T" + * } ); + */ + feature: [], + + + /** + * Row searching. + * + * This method of searching is complimentary to the default type based + * searching, and a lot more comprehensive as it allows you complete control + * over the searching logic. Each element in this array is a function + * (parameters described below) that is called for every row in the table, + * and your logic decides if it should be included in the searching data set + * or not. + * + * Searching functions have the following input parameters: + * + * 1. `{object}` DataTables settings object: see + * {@link DataTable.models.oSettings} + * 2. `{array|object}` Data for the row to be processed (same as the + * original format that was passed in as the data source, or an array + * from a DOM data source + * 3. `{int}` Row index ({@link DataTable.models.oSettings.aoData}), which + * can be useful to retrieve the `TR` element if you need DOM interaction. + * + * And the following return is expected: + * + * * {boolean} Include the row in the searched result set (true) or not + * (false) + * + * Note that as with the main search ability in DataTables, technically this + * is "filtering", since it is subtractive. However, for consistency in + * naming we call it searching here. + * + * @type array + * @default [] + * + * @example + * // The following example shows custom search being applied to the + * // fourth column (i.e. the data[3] index) based on two input values + * // from the end-user, matching the data in a certain range. + * $.fn.dataTable.ext.search.push( + * function( settings, data, dataIndex ) { + * var min = document.getElementById('min').value * 1; + * var max = document.getElementById('max').value * 1; + * var version = data[3] == "-" ? 0 : data[3]*1; + * + * if ( min == "" && max == "" ) { + * return true; + * } + * else if ( min == "" && version < max ) { + * return true; + * } + * else if ( min < version && "" == max ) { + * return true; + * } + * else if ( min < version && version < max ) { + * return true; + * } + * return false; + * } + * ); + */ + search: [], + + + /** + * Selector extensions + * + * The `selector` option can be used to extend the options available for the + * selector modifier options (`selector-modifier` object data type) that + * each of the three built in selector types offer (row, column and cell + + * their plural counterparts). For example the Select extension uses this + * mechanism to provide an option to select only rows, columns and cells + * that have been marked as selected by the end user (`{selected: true}`), + * which can be used in conjunction with the existing built in selector + * options. + * + * Each property is an array to which functions can be pushed. The functions + * take three attributes: + * + * * Settings object for the host table + * * Options object (`selector-modifier` object type) + * * Array of selected item indexes + * + * The return is an array of the resulting item indexes after the custom + * selector has been applied. + * + * @type object + */ + selector: { + cell: [], + column: [], + row: [] + }, + + + /** + * Internal functions, exposed for used in plug-ins. + * + * Please note that you should not need to use the internal methods for + * anything other than a plug-in (and even then, try to avoid if possible). + * The internal function may change between releases. + * + * @type object + * @default {} + */ + internal: {}, + + + /** + * Legacy configuration options. Enable and disable legacy options that + * are available in DataTables. + * + * @type object + */ + legacy: { + /** + * Enable / disable DataTables 1.9 compatible server-side processing + * requests + * + * @type boolean + * @default null + */ + ajax: null + }, + + + /** + * Pagination plug-in methods. + * + * Each entry in this object is a function and defines which buttons should + * be shown by the pagination rendering method that is used for the table: + * {@link DataTable.ext.renderer.pageButton}. The renderer addresses how the + * buttons are displayed in the document, while the functions here tell it + * what buttons to display. This is done by returning an array of button + * descriptions (what each button will do). + * + * Pagination types (the four built in options and any additional plug-in + * options defined here) can be used through the `paginationType` + * initialisation parameter. + * + * The functions defined take two parameters: + * + * 1. `{int} page` The current page index + * 2. `{int} pages` The number of pages in the table + * + * Each function is expected to return an array where each element of the + * array can be one of: + * + * * `first` - Jump to first page when activated + * * `last` - Jump to last page when activated + * * `previous` - Show previous page when activated + * * `next` - Show next page when activated + * * `{int}` - Show page of the index given + * * `{array}` - A nested array containing the above elements to add a + * containing 'DIV' element (might be useful for styling). + * + * Note that DataTables v1.9- used this object slightly differently whereby + * an object with two functions would be defined for each plug-in. That + * ability is still supported by DataTables 1.10+ to provide backwards + * compatibility, but this option of use is now decremented and no longer + * documented in DataTables 1.10+. + * + * @type object + * @default {} + * + * @example + * // Show previous, next and current page buttons only + * $.fn.dataTableExt.oPagination.current = function ( page, pages ) { + * return [ 'previous', page, 'next' ]; + * }; + */ + pager: {}, + + + renderer: { + pageButton: {}, + header: {} + }, + + + /** + * Ordering plug-ins - custom data source + * + * The extension options for ordering of data available here is complimentary + * to the default type based ordering that DataTables typically uses. It + * allows much greater control over the the data that is being used to + * order a column, but is necessarily therefore more complex. + * + * This type of ordering is useful if you want to do ordering based on data + * live from the DOM (for example the contents of an 'input' element) rather + * than just the static string that DataTables knows of. + * + * The way these plug-ins work is that you create an array of the values you + * wish to be ordering for the column in question and then return that + * array. The data in the array much be in the index order of the rows in + * the table (not the currently ordering order!). Which order data gathering + * function is run here depends on the `dt-init columns.orderDataType` + * parameter that is used for the column (if any). + * + * The functions defined take two parameters: + * + * 1. `{object}` DataTables settings object: see + * {@link DataTable.models.oSettings} + * 2. `{int}` Target column index + * + * Each function is expected to return an array: + * + * * `{array}` Data for the column to be ordering upon + * + * @type array + * + * @example + * // Ordering using `input` node values + * $.fn.dataTable.ext.order['dom-text'] = function ( settings, col ) + * { + * return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) { + * return $('input', td).val(); + * } ); + * } + */ + order: {}, + + + /** + * Type based plug-ins. + * + * Each column in DataTables has a type assigned to it, either by automatic + * detection or by direct assignment using the `type` option for the column. + * The type of a column will effect how it is ordering and search (plug-ins + * can also make use of the column type if required). + * + * @namespace + */ + type: { + /** + * Type detection functions. + * + * The functions defined in this object are used to automatically detect + * a column's type, making initialisation of DataTables super easy, even + * when complex data is in the table. + * + * The functions defined take two parameters: + * + * 1. `{*}` Data from the column cell to be analysed + * 2. `{settings}` DataTables settings object. This can be used to + * perform context specific type detection - for example detection + * based on language settings such as using a comma for a decimal + * place. Generally speaking the options from the settings will not + * be required + * + * Each function is expected to return: + * + * * `{string|null}` Data type detected, or null if unknown (and thus + * pass it on to the other type detection functions. + * + * @type array + * + * @example + * // Currency type detection plug-in: + * $.fn.dataTable.ext.type.detect.push( + * function ( data, settings ) { + * // Check the numeric part + * if ( ! data.substring(1).match(/[0-9]/) ) { + * return null; + * } + * + * // Check prefixed by currency + * if ( data.charAt(0) == '$' || data.charAt(0) == '£' ) { + * return 'currency'; + * } + * return null; + * } + * ); + */ + detect: [], + + + /** + * Type based search formatting. + * + * The type based searching functions can be used to pre-format the + * data to be search on. For example, it can be used to strip HTML + * tags or to de-format telephone numbers for numeric only searching. + * + * Note that is a search is not defined for a column of a given type, + * no search formatting will be performed. + * + * Pre-processing of searching data plug-ins - When you assign the sType + * for a column (or have it automatically detected for you by DataTables + * or a type detection plug-in), you will typically be using this for + * custom sorting, but it can also be used to provide custom searching + * by allowing you to pre-processing the data and returning the data in + * the format that should be searched upon. This is done by adding + * functions this object with a parameter name which matches the sType + * for that target column. This is the corollary of afnSortData + * for searching data. + * + * The functions defined take a single parameter: + * + * 1. `{*}` Data from the column cell to be prepared for searching + * + * Each function is expected to return: + * + * * `{string|null}` Formatted string that will be used for the searching. + * + * @type object + * @default {} + * + * @example + * $.fn.dataTable.ext.type.search['title-numeric'] = function ( d ) { + * return d.replace(/\n/g," ").replace( /<.*?>/g, "" ); + * } + */ + search: {}, + + + /** + * Type based ordering. + * + * The column type tells DataTables what ordering to apply to the table + * when a column is sorted upon. The order for each type that is defined, + * is defined by the functions available in this object. + * + * Each ordering option can be described by three properties added to + * this object: + * + * * `{type}-pre` - Pre-formatting function + * * `{type}-asc` - Ascending order function + * * `{type}-desc` - Descending order function + * + * All three can be used together, only `{type}-pre` or only + * `{type}-asc` and `{type}-desc` together. It is generally recommended + * that only `{type}-pre` is used, as this provides the optimal + * implementation in terms of speed, although the others are provided + * for compatibility with existing Javascript sort functions. + * + * `{type}-pre`: Functions defined take a single parameter: + * + * 1. `{*}` Data from the column cell to be prepared for ordering + * + * And return: + * + * * `{*}` Data to be sorted upon + * + * `{type}-asc` and `{type}-desc`: Functions are typical Javascript sort + * functions, taking two parameters: + * + * 1. `{*}` Data to compare to the second parameter + * 2. `{*}` Data to compare to the first parameter + * + * And returning: + * + * * `{*}` Ordering match: <0 if first parameter should be sorted lower + * than the second parameter, ===0 if the two parameters are equal and + * >0 if the first parameter should be sorted height than the second + * parameter. + * + * @type object + * @default {} + * + * @example + * // Numeric ordering of formatted numbers with a pre-formatter + * $.extend( $.fn.dataTable.ext.type.order, { + * "string-pre": function(x) { + * a = (a === "-" || a === "") ? 0 : a.replace( /[^\d\-\.]/g, "" ); + * return parseFloat( a ); + * } + * } ); + * + * @example + * // Case-sensitive string ordering, with no pre-formatting method + * $.extend( $.fn.dataTable.ext.order, { + * "string-case-asc": function(x,y) { + * return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + * }, + * "string-case-desc": function(x,y) { + * return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + * } + * } ); + */ + order: {} + }, + + /** + * Unique DataTables instance counter + * + * @type int + * @private + */ + _unique: 0, + + + // + // Depreciated + // The following properties are retained for backwards compatiblity only. + // The should not be used in new projects and will be removed in a future + // version + // + + /** + * Version check function. + * @type function + * @depreciated Since 1.10 + */ + fnVersionCheck: DataTable.fnVersionCheck, + + + /** + * Index for what 'this' index API functions should use + * @type int + * @deprecated Since v1.10 + */ + iApiIndex: 0, + + + /** + * jQuery UI class container + * @type object + * @deprecated Since v1.10 + */ + oJUIClasses: {}, + + + /** + * Software version + * @type string + * @deprecated Since v1.10 + */ + sVersion: DataTable.version + }; + + + // + // Backwards compatibility. Alias to pre 1.10 Hungarian notation counter parts + // + $.extend( _ext, { + afnFiltering: _ext.search, + aTypes: _ext.type.detect, + ofnSearch: _ext.type.search, + oSort: _ext.type.order, + afnSortData: _ext.order, + aoFeatures: _ext.feature, + oApi: _ext.internal, + oStdClasses: _ext.classes, + oPagination: _ext.pager + } ); + + + $.extend( DataTable.ext.classes, { + "sTable": "dataTable", + "sNoFooter": "no-footer", + + /* Paging buttons */ + "sPageButton": "paginate_button", + "sPageButtonActive": "current", + "sPageButtonDisabled": "disabled", + + /* Striping classes */ + "sStripeOdd": "odd", + "sStripeEven": "even", + + /* Empty row */ + "sRowEmpty": "dataTables_empty", + + /* Features */ + "sWrapper": "dataTables_wrapper", + "sFilter": "dataTables_filter", + "sInfo": "dataTables_info", + "sPaging": "dataTables_paginate paging_", /* Note that the type is postfixed */ + "sLength": "dataTables_length", + "sProcessing": "dataTables_processing", + + /* Sorting */ + "sSortAsc": "sorting_asc", + "sSortDesc": "sorting_desc", + "sSortable": "sorting", /* Sortable in both directions */ + "sSortableAsc": "sorting_asc_disabled", + "sSortableDesc": "sorting_desc_disabled", + "sSortableNone": "sorting_disabled", + "sSortColumn": "sorting_", /* Note that an int is postfixed for the sorting order */ + + /* Filtering */ + "sFilterInput": "", + + /* Page length */ + "sLengthSelect": "", + + /* Scrolling */ + "sScrollWrapper": "dataTables_scroll", + "sScrollHead": "dataTables_scrollHead", + "sScrollHeadInner": "dataTables_scrollHeadInner", + "sScrollBody": "dataTables_scrollBody", + "sScrollFoot": "dataTables_scrollFoot", + "sScrollFootInner": "dataTables_scrollFootInner", + + /* Misc */ + "sHeaderTH": "", + "sFooterTH": "", + + // Deprecated + "sSortJUIAsc": "", + "sSortJUIDesc": "", + "sSortJUI": "", + "sSortJUIAscAllowed": "", + "sSortJUIDescAllowed": "", + "sSortJUIWrapper": "", + "sSortIcon": "", + "sJUIHeader": "", + "sJUIFooter": "" + } ); + + + var extPagination = DataTable.ext.pager; + + function _numbers ( page, pages ) { + var + numbers = [], + buttons = extPagination.numbers_length, + half = Math.floor( buttons / 2 ), + i = 1; + + if ( pages <= buttons ) { + numbers = _range( 0, pages ); + } + else if ( page <= half ) { + numbers = _range( 0, buttons-2 ); + numbers.push( 'ellipsis' ); + numbers.push( pages-1 ); + } + else if ( page >= pages - 1 - half ) { + numbers = _range( pages-(buttons-2), pages ); + numbers.splice( 0, 0, 'ellipsis' ); // no unshift in ie6 + numbers.splice( 0, 0, 0 ); + } + else { + numbers = _range( page-half+2, page+half-1 ); + numbers.push( 'ellipsis' ); + numbers.push( pages-1 ); + numbers.splice( 0, 0, 'ellipsis' ); + numbers.splice( 0, 0, 0 ); + } + + numbers.DT_el = 'span'; + return numbers; + } + + + $.extend( extPagination, { + simple: function ( page, pages ) { + return [ 'previous', 'next' ]; + }, + + full: function ( page, pages ) { + return [ 'first', 'previous', 'next', 'last' ]; + }, + + numbers: function ( page, pages ) { + return [ _numbers(page, pages) ]; + }, + + simple_numbers: function ( page, pages ) { + return [ 'previous', _numbers(page, pages), 'next' ]; + }, + + full_numbers: function ( page, pages ) { + return [ 'first', 'previous', _numbers(page, pages), 'next', 'last' ]; + }, + + first_last_numbers: function (page, pages) { + return ['first', _numbers(page, pages), 'last']; + }, + + // For testing and plug-ins to use + _numbers: _numbers, + + // Number of number buttons (including ellipsis) to show. _Must be odd!_ + numbers_length: 7 + } ); + + + $.extend( true, DataTable.ext.renderer, { + pageButton: { + _: function ( settings, host, idx, buttons, page, pages ) { + var classes = settings.oClasses; + var lang = settings.oLanguage.oPaginate; + var aria = settings.oLanguage.oAria.paginate || {}; + var btnDisplay, btnClass, counter=0; + + var attach = function( container, buttons ) { + var i, ien, node, button, tabIndex; + var disabledClass = classes.sPageButtonDisabled; + var clickHandler = function ( e ) { + _fnPageChange( settings, e.data.action, true ); + }; + + for ( i=0, ien=buttons.length ; i' ) + .appendTo( container ); + attach( inner, button ); + } + else { + btnDisplay = null; + btnClass = button; + tabIndex = settings.iTabIndex; + + switch ( button ) { + case 'ellipsis': + container.append('…'); + break; + + case 'first': + btnDisplay = lang.sFirst; + + if ( page === 0 ) { + tabIndex = -1; + btnClass += ' ' + disabledClass; + } + break; + + case 'previous': + btnDisplay = lang.sPrevious; + + if ( page === 0 ) { + tabIndex = -1; + btnClass += ' ' + disabledClass; + } + break; + + case 'next': + btnDisplay = lang.sNext; + + if ( pages === 0 || page === pages-1 ) { + tabIndex = -1; + btnClass += ' ' + disabledClass; + } + break; + + case 'last': + btnDisplay = lang.sLast; + + if ( page === pages-1 ) { + tabIndex = -1; + btnClass += ' ' + disabledClass; + } + break; + + default: + btnDisplay = button + 1; + btnClass = page === button ? + classes.sPageButtonActive : ''; + break; + } + + if ( btnDisplay !== null ) { + node = $('', { + 'class': classes.sPageButton+' '+btnClass, + 'aria-controls': settings.sTableId, + 'aria-label': aria[ button ], + 'data-dt-idx': counter, + 'tabindex': tabIndex, + 'id': idx === 0 && typeof button === 'string' ? + settings.sTableId +'_'+ button : + null + } ) + .html( btnDisplay ) + .appendTo( container ); + + _fnBindAction( + node, {action: button}, clickHandler + ); + + counter++; + } + } + } + }; + + // IE9 throws an 'unknown error' if document.activeElement is used + // inside an iframe or frame. Try / catch the error. Not good for + // accessibility, but neither are frames. + var activeEl; + + try { + // Because this approach is destroying and recreating the paging + // elements, focus is lost on the select button which is bad for + // accessibility. So we want to restore focus once the draw has + // completed + activeEl = $(host).find(document.activeElement).data('dt-idx'); + } + catch (e) {} + + attach( $(host).empty(), buttons ); + + if ( activeEl !== undefined ) { + $(host).find( '[data-dt-idx='+activeEl+']' ).trigger('focus'); + } + } + } + } ); + + + + // Built in type detection. See model.ext.aTypes for information about + // what is required from this methods. + $.extend( DataTable.ext.type.detect, [ + // Plain numbers - first since V8 detects some plain numbers as dates + // e.g. Date.parse('55') (but not all, e.g. Date.parse('22')...). + function ( d, settings ) + { + var decimal = settings.oLanguage.sDecimal; + return _isNumber( d, decimal ) ? 'num'+decimal : null; + }, + + // Dates (only those recognised by the browser's Date.parse) + function ( d, settings ) + { + // V8 tries _very_ hard to make a string passed into `Date.parse()` + // valid, so we need to use a regex to restrict date formats. Use a + // plug-in for anything other than ISO8601 style strings + if ( d && !(d instanceof Date) && ! _re_date.test(d) ) { + return null; + } + var parsed = Date.parse(d); + return (parsed !== null && !isNaN(parsed)) || _empty(d) ? 'date' : null; + }, + + // Formatted numbers + function ( d, settings ) + { + var decimal = settings.oLanguage.sDecimal; + return _isNumber( d, decimal, true ) ? 'num-fmt'+decimal : null; + }, + + // HTML numeric + function ( d, settings ) + { + var decimal = settings.oLanguage.sDecimal; + return _htmlNumeric( d, decimal ) ? 'html-num'+decimal : null; + }, + + // HTML numeric, formatted + function ( d, settings ) + { + var decimal = settings.oLanguage.sDecimal; + return _htmlNumeric( d, decimal, true ) ? 'html-num-fmt'+decimal : null; + }, + + // HTML (this is strict checking - there must be html) + function ( d, settings ) + { + return _empty( d ) || (typeof d === 'string' && d.indexOf('<') !== -1) ? + 'html' : null; + } + ] ); + + + + // Filter formatting functions. See model.ext.ofnSearch for information about + // what is required from these methods. + // + // Note that additional search methods are added for the html numbers and + // html formatted numbers by `_addNumericSort()` when we know what the decimal + // place is + + + $.extend( DataTable.ext.type.search, { + html: function ( data ) { + return _empty(data) ? + data : + typeof data === 'string' ? + data + .replace( _re_new_lines, " " ) + .replace( _re_html, "" ) : + ''; + }, + + string: function ( data ) { + return _empty(data) ? + data : + typeof data === 'string' ? + data.replace( _re_new_lines, " " ) : + data; + } + } ); + + + + var __numericReplace = function ( d, decimalPlace, re1, re2 ) { + if ( d !== 0 && (!d || d === '-') ) { + return -Infinity; + } + + // If a decimal place other than `.` is used, it needs to be given to the + // function so we can detect it and replace with a `.` which is the only + // decimal place Javascript recognises - it is not locale aware. + if ( decimalPlace ) { + d = _numToDecimal( d, decimalPlace ); + } + + if ( d.replace ) { + if ( re1 ) { + d = d.replace( re1, '' ); + } + + if ( re2 ) { + d = d.replace( re2, '' ); + } + } + + return d * 1; + }; + + + // Add the numeric 'deformatting' functions for sorting and search. This is done + // in a function to provide an easy ability for the language options to add + // additional methods if a non-period decimal place is used. + function _addNumericSort ( decimalPlace ) { + $.each( + { + // Plain numbers + "num": function ( d ) { + return __numericReplace( d, decimalPlace ); + }, + + // Formatted numbers + "num-fmt": function ( d ) { + return __numericReplace( d, decimalPlace, _re_formatted_numeric ); + }, + + // HTML numeric + "html-num": function ( d ) { + return __numericReplace( d, decimalPlace, _re_html ); + }, + + // HTML numeric, formatted + "html-num-fmt": function ( d ) { + return __numericReplace( d, decimalPlace, _re_html, _re_formatted_numeric ); + } + }, + function ( key, fn ) { + // Add the ordering method + _ext.type.order[ key+decimalPlace+'-pre' ] = fn; + + // For HTML types add a search formatter that will strip the HTML + if ( key.match(/^html\-/) ) { + _ext.type.search[ key+decimalPlace ] = _ext.type.search.html; + } + } + ); + } + + + // Default sort methods + $.extend( _ext.type.order, { + // Dates + "date-pre": function ( d ) { + var ts = Date.parse( d ); + return isNaN(ts) ? -Infinity : ts; + }, + + // html + "html-pre": function ( a ) { + return _empty(a) ? + '' : + a.replace ? + a.replace( /<.*?>/g, "" ).toLowerCase() : + a+''; + }, + + // string + "string-pre": function ( a ) { + // This is a little complex, but faster than always calling toString, + // http://jsperf.com/tostring-v-check + return _empty(a) ? + '' : + typeof a === 'string' ? + a.toLowerCase() : + ! a.toString ? + '' : + a.toString(); + }, + + // string-asc and -desc are retained only for compatibility with the old + // sort methods + "string-asc": function ( x, y ) { + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + }, + + "string-desc": function ( x, y ) { + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + } + } ); + + + // Numeric sorting types - order doesn't matter here + _addNumericSort( '' ); + + + $.extend( true, DataTable.ext.renderer, { + header: { + _: function ( settings, cell, column, classes ) { + // No additional mark-up required + // Attach a sort listener to update on sort - note that using the + // `DT` namespace will allow the event to be removed automatically + // on destroy, while the `dt` namespaced event is the one we are + // listening for + $(settings.nTable).on( 'order.dt.DT', function ( e, ctx, sorting, columns ) { + if ( settings !== ctx ) { // need to check this this is the host + return; // table, not a nested one + } + + var colIdx = column.idx; + + cell + .removeClass( + column.sSortingClass +' '+ + classes.sSortAsc +' '+ + classes.sSortDesc + ) + .addClass( columns[ colIdx ] == 'asc' ? + classes.sSortAsc : columns[ colIdx ] == 'desc' ? + classes.sSortDesc : + column.sSortingClass + ); + } ); + }, + + jqueryui: function ( settings, cell, column, classes ) { + $('
') + .addClass( classes.sSortJUIWrapper ) + .append( cell.contents() ) + .append( $('') + .addClass( classes.sSortIcon+' '+column.sSortingClassJUI ) + ) + .appendTo( cell ); + + // Attach a sort listener to update on sort + $(settings.nTable).on( 'order.dt.DT', function ( e, ctx, sorting, columns ) { + if ( settings !== ctx ) { + return; + } + + var colIdx = column.idx; + + cell + .removeClass( classes.sSortAsc +" "+classes.sSortDesc ) + .addClass( columns[ colIdx ] == 'asc' ? + classes.sSortAsc : columns[ colIdx ] == 'desc' ? + classes.sSortDesc : + column.sSortingClass + ); + + cell + .find( 'span.'+classes.sSortIcon ) + .removeClass( + classes.sSortJUIAsc +" "+ + classes.sSortJUIDesc +" "+ + classes.sSortJUI +" "+ + classes.sSortJUIAscAllowed +" "+ + classes.sSortJUIDescAllowed + ) + .addClass( columns[ colIdx ] == 'asc' ? + classes.sSortJUIAsc : columns[ colIdx ] == 'desc' ? + classes.sSortJUIDesc : + column.sSortingClassJUI + ); + } ); + } + } + } ); + + /* + * Public helper functions. These aren't used internally by DataTables, or + * called by any of the options passed into DataTables, but they can be used + * externally by developers working with DataTables. They are helper functions + * to make working with DataTables a little bit easier. + */ + + var __htmlEscapeEntities = function ( d ) { + return typeof d === 'string' ? + d + .replace(/&/g, '&') + .replace(//g, '>') + .replace(/"/g, '"') : + d; + }; + + /** + * Helpers for `columns.render`. + * + * The options defined here can be used with the `columns.render` initialisation + * option to provide a display renderer. The following functions are defined: + * + * * `number` - Will format numeric data (defined by `columns.data`) for + * display, retaining the original unformatted data for sorting and filtering. + * It takes 5 parameters: + * * `string` - Thousands grouping separator + * * `string` - Decimal point indicator + * * `integer` - Number of decimal points to show + * * `string` (optional) - Prefix. + * * `string` (optional) - Postfix (/suffix). + * * `text` - Escape HTML to help prevent XSS attacks. It has no optional + * parameters. + * + * @example + * // Column definition using the number renderer + * { + * data: "salary", + * render: $.fn.dataTable.render.number( '\'', '.', 0, '$' ) + * } + * + * @namespace + */ + DataTable.render = { + number: function ( thousands, decimal, precision, prefix, postfix ) { + return { + display: function ( d ) { + if ( typeof d !== 'number' && typeof d !== 'string' ) { + return d; + } + + var negative = d < 0 ? '-' : ''; + var flo = parseFloat( d ); + + // If NaN then there isn't much formatting that we can do - just + // return immediately, escaping any HTML (this was supposed to + // be a number after all) + if ( isNaN( flo ) ) { + return __htmlEscapeEntities( d ); + } + + flo = flo.toFixed( precision ); + d = Math.abs( flo ); + + var intPart = parseInt( d, 10 ); + var floatPart = precision ? + decimal+(d - intPart).toFixed( precision ).substring( 2 ): + ''; + + return negative + (prefix||'') + + intPart.toString().replace( + /\B(?=(\d{3})+(?!\d))/g, thousands + ) + + floatPart + + (postfix||''); + } + }; + }, + + text: function () { + return { + display: __htmlEscapeEntities, + filter: __htmlEscapeEntities + }; + } + }; + + + /* + * This is really a good bit rubbish this method of exposing the internal methods + * publicly... - To be fixed in 2.0 using methods on the prototype + */ + + + /** + * Create a wrapper function for exporting an internal functions to an external API. + * @param {string} fn API function name + * @returns {function} wrapped function + * @memberof DataTable#internal + */ + function _fnExternApiFunc (fn) + { + return function() { + var args = [_fnSettingsFromNode( this[DataTable.ext.iApiIndex] )].concat( + Array.prototype.slice.call(arguments) + ); + return DataTable.ext.internal[fn].apply( this, args ); + }; + } + + + /** + * Reference to internal functions for use by plug-in developers. Note that + * these methods are references to internal functions and are considered to be + * private. If you use these methods, be aware that they are liable to change + * between versions. + * @namespace + */ + $.extend( DataTable.ext.internal, { + _fnExternApiFunc: _fnExternApiFunc, + _fnBuildAjax: _fnBuildAjax, + _fnAjaxUpdate: _fnAjaxUpdate, + _fnAjaxParameters: _fnAjaxParameters, + _fnAjaxUpdateDraw: _fnAjaxUpdateDraw, + _fnAjaxDataSrc: _fnAjaxDataSrc, + _fnAddColumn: _fnAddColumn, + _fnColumnOptions: _fnColumnOptions, + _fnAdjustColumnSizing: _fnAdjustColumnSizing, + _fnVisibleToColumnIndex: _fnVisibleToColumnIndex, + _fnColumnIndexToVisible: _fnColumnIndexToVisible, + _fnVisbleColumns: _fnVisbleColumns, + _fnGetColumns: _fnGetColumns, + _fnColumnTypes: _fnColumnTypes, + _fnApplyColumnDefs: _fnApplyColumnDefs, + _fnHungarianMap: _fnHungarianMap, + _fnCamelToHungarian: _fnCamelToHungarian, + _fnLanguageCompat: _fnLanguageCompat, + _fnBrowserDetect: _fnBrowserDetect, + _fnAddData: _fnAddData, + _fnAddTr: _fnAddTr, + _fnNodeToDataIndex: _fnNodeToDataIndex, + _fnNodeToColumnIndex: _fnNodeToColumnIndex, + _fnGetCellData: _fnGetCellData, + _fnSetCellData: _fnSetCellData, + _fnSplitObjNotation: _fnSplitObjNotation, + _fnGetObjectDataFn: _fnGetObjectDataFn, + _fnSetObjectDataFn: _fnSetObjectDataFn, + _fnGetDataMaster: _fnGetDataMaster, + _fnClearTable: _fnClearTable, + _fnDeleteIndex: _fnDeleteIndex, + _fnInvalidate: _fnInvalidate, + _fnGetRowElements: _fnGetRowElements, + _fnCreateTr: _fnCreateTr, + _fnBuildHead: _fnBuildHead, + _fnDrawHead: _fnDrawHead, + _fnDraw: _fnDraw, + _fnReDraw: _fnReDraw, + _fnAddOptionsHtml: _fnAddOptionsHtml, + _fnDetectHeader: _fnDetectHeader, + _fnGetUniqueThs: _fnGetUniqueThs, + _fnFeatureHtmlFilter: _fnFeatureHtmlFilter, + _fnFilterComplete: _fnFilterComplete, + _fnFilterCustom: _fnFilterCustom, + _fnFilterColumn: _fnFilterColumn, + _fnFilter: _fnFilter, + _fnFilterCreateSearch: _fnFilterCreateSearch, + _fnEscapeRegex: _fnEscapeRegex, + _fnFilterData: _fnFilterData, + _fnFeatureHtmlInfo: _fnFeatureHtmlInfo, + _fnUpdateInfo: _fnUpdateInfo, + _fnInfoMacros: _fnInfoMacros, + _fnInitialise: _fnInitialise, + _fnInitComplete: _fnInitComplete, + _fnLengthChange: _fnLengthChange, + _fnFeatureHtmlLength: _fnFeatureHtmlLength, + _fnFeatureHtmlPaginate: _fnFeatureHtmlPaginate, + _fnPageChange: _fnPageChange, + _fnFeatureHtmlProcessing: _fnFeatureHtmlProcessing, + _fnProcessingDisplay: _fnProcessingDisplay, + _fnFeatureHtmlTable: _fnFeatureHtmlTable, + _fnScrollDraw: _fnScrollDraw, + _fnApplyToChildren: _fnApplyToChildren, + _fnCalculateColumnWidths: _fnCalculateColumnWidths, + _fnThrottle: _fnThrottle, + _fnConvertToWidth: _fnConvertToWidth, + _fnGetWidestNode: _fnGetWidestNode, + _fnGetMaxLenString: _fnGetMaxLenString, + _fnStringToCss: _fnStringToCss, + _fnSortFlatten: _fnSortFlatten, + _fnSort: _fnSort, + _fnSortAria: _fnSortAria, + _fnSortListener: _fnSortListener, + _fnSortAttachListener: _fnSortAttachListener, + _fnSortingClasses: _fnSortingClasses, + _fnSortData: _fnSortData, + _fnSaveState: _fnSaveState, + _fnLoadState: _fnLoadState, + _fnSettingsFromNode: _fnSettingsFromNode, + _fnLog: _fnLog, + _fnMap: _fnMap, + _fnBindAction: _fnBindAction, + _fnCallbackReg: _fnCallbackReg, + _fnCallbackFire: _fnCallbackFire, + _fnLengthOverflow: _fnLengthOverflow, + _fnRenderer: _fnRenderer, + _fnDataSource: _fnDataSource, + _fnRowAttributes: _fnRowAttributes, + _fnExtend: _fnExtend, + _fnCalculateEnd: function () {} // Used by a lot of plug-ins, but redundant + // in 1.10, so this dead-end function is + // added to prevent errors + } ); + + + // jQuery access + $.fn.dataTable = DataTable; + + // Provide access to the host jQuery object (circular reference) + DataTable.$ = $; + + // Legacy aliases + $.fn.dataTableSettings = DataTable.settings; + $.fn.dataTableExt = DataTable.ext; + + // With a capital `D` we return a DataTables API instance rather than a + // jQuery object + $.fn.DataTable = function ( opts ) { + return $(this).dataTable( opts ).api(); + }; + + // All properties that are available to $.fn.dataTable should also be + // available on $.fn.DataTable + $.each( DataTable, function ( prop, val ) { + $.fn.DataTable[ prop ] = val; + } ); + + + // Information about events fired by DataTables - for documentation. + /** + * Draw event, fired whenever the table is redrawn on the page, at the same + * point as fnDrawCallback. This may be useful for binding events or + * performing calculations when the table is altered at all. + * @name DataTable#draw.dt + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * Search event, fired when the searching applied to the table (using the + * built-in global search, or column filters) is altered. + * @name DataTable#search.dt + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * Page change event, fired when the paging of the table is altered. + * @name DataTable#page.dt + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * Order event, fired when the ordering applied to the table is altered. + * @name DataTable#order.dt + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * DataTables initialisation complete event, fired when the table is fully + * drawn, including Ajax data loaded, if Ajax data is required. + * @name DataTable#init.dt + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The JSON object request from the server - only + * present if client-side Ajax sourced data is used + */ + + /** + * State save event, fired when the table has changed state a new state save + * is required. This event allows modification of the state saving object + * prior to actually doing the save, including addition or other state + * properties (for plug-ins) or modification of a DataTables core property. + * @name DataTable#stateSaveParams.dt + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The state information to be saved + */ + + /** + * State load event, fired when the table is loading state from the stored + * data, but prior to the settings object being modified by the saved state + * - allowing modification of the saved state is required or loading of + * state for a plug-in. + * @name DataTable#stateLoadParams.dt + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The saved state information + */ + + /** + * State loaded event, fired when state has been loaded from stored data and + * the settings object has been modified by the loaded data. + * @name DataTable#stateLoaded.dt + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The saved state information + */ + + /** + * Processing event, fired when DataTables is doing some kind of processing + * (be it, order, search or anything else). It can be used to indicate to + * the end user that there is something happening, or that something has + * finished. + * @name DataTable#processing.dt + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {boolean} bShow Flag for if DataTables is doing processing or not + */ + + /** + * Ajax (XHR) event, fired whenever an Ajax request is completed from a + * request to made to the server for new data. This event is called before + * DataTables processed the returned data, so it can also be used to pre- + * process the data returned from the server, if needed. + * + * Note that this trigger is called in `fnServerData`, if you override + * `fnServerData` and which to use this event, you need to trigger it in you + * success function. + * @name DataTable#xhr.dt + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + * @param {object} json JSON returned from the server + * + * @example + * // Use a custom property returned from the server in another DOM element + * $('#table').dataTable().on('xhr.dt', function (e, settings, json) { + * $('#status').html( json.status ); + * } ); + * + * @example + * // Pre-process the data returned from the server + * $('#table').dataTable().on('xhr.dt', function (e, settings, json) { + * for ( var i=0, ien=json.aaData.length ; i= position.tfootBottom + this.c.footerOffset ) { + footerMode = 'in-place'; + } + else if ( position.windowHeight + windowTop > position.tbodyTop + position.tfootHeight + this.c.footerOffset ) { + footerMode = 'in'; + } + else { + footerMode = 'above'; + } + + if ( forceChange || footerMode !== this.s.footerMode ) { + this._modeChange( footerMode, 'footer', forceChange ); + } + + this._horizontal( 'footer', windowLeft ); + } + } +} ); + + +/** + * Version + * @type {String} + * @static + */ +FixedHeader.version = "3.1.7"; + +/** + * Defaults + * @type {Object} + * @static + */ +FixedHeader.defaults = { + header: true, + footer: false, + headerOffset: 0, + footerOffset: 0 +}; + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables interfaces + */ + +// Attach for constructor access +$.fn.dataTable.FixedHeader = FixedHeader; +$.fn.DataTable.FixedHeader = FixedHeader; + + +// DataTables creation - check if the FixedHeader option has been defined on the +// table and if so, initialise +$(document).on( 'init.dt.dtfh', function (e, settings, json) { + if ( e.namespace !== 'dt' ) { + return; + } + + var init = settings.oInit.fixedHeader; + var defaults = DataTable.defaults.fixedHeader; + + if ( (init || defaults) && ! settings._fixedHeader ) { + var opts = $.extend( {}, defaults, init ); + + if ( init !== false ) { + new FixedHeader( settings, opts ); + } + } +} ); + +// DataTables API methods +DataTable.Api.register( 'fixedHeader()', function () {} ); + +DataTable.Api.register( 'fixedHeader.adjust()', function () { + return this.iterator( 'table', function ( ctx ) { + var fh = ctx._fixedHeader; + + if ( fh ) { + fh.update(); + } + } ); +} ); + +DataTable.Api.register( 'fixedHeader.enable()', function ( flag ) { + return this.iterator( 'table', function ( ctx ) { + var fh = ctx._fixedHeader; + + flag = ( flag !== undefined ? flag : true ); + if ( fh && flag !== fh.enabled() ) { + fh.enable( flag ); + } + } ); +} ); + +DataTable.Api.register( 'fixedHeader.enabled()', function () { + if ( this.context.length ) { + var fh = this.content[0]._fixedHeader; + + if ( fh ) { + return fh.enabled(); + } + } + + return false; +} ); + +DataTable.Api.register( 'fixedHeader.disable()', function ( ) { + return this.iterator( 'table', function ( ctx ) { + var fh = ctx._fixedHeader; + + if ( fh && fh.enabled() ) { + fh.enable( false ); + } + } ); +} ); + +$.each( ['header', 'footer'], function ( i, el ) { + DataTable.Api.register( 'fixedHeader.'+el+'Offset()', function ( offset ) { + var ctx = this.context; + + if ( offset === undefined ) { + return ctx.length && ctx[0]._fixedHeader ? + ctx[0]._fixedHeader[el +'Offset']() : + undefined; + } + + return this.iterator( 'table', function ( ctx ) { + var fh = ctx._fixedHeader; + + if ( fh ) { + fh[ el +'Offset' ]( offset ); + } + } ); + } ); +} ); + + +return FixedHeader; +})); + + +/*! SearchPanes 1.1.1 + * 2019-2020 SpryMedia Ltd - datatables.net/license + */ +(function () { + 'use strict'; + + var $; + var DataTable; + function setJQuery(jq) { + $ = jq; + DataTable = jq.fn.dataTable; + } + var SearchPane = /** @class */ (function () { + /** + * Creates the panes, sets up the search function + * @param paneSettings The settings for the searchPanes + * @param opts The options for the default features + * @param idx the index of the column for this pane + * @returns {object} the pane that has been created, including the table and the index of the pane + */ + function SearchPane(paneSettings, opts, idx, layout, panesContainer, panes) { + var _this = this; + if (panes === void 0) { panes = null; } + // Check that the required version of DataTables is included + if (!DataTable || !DataTable.versionCheck || !DataTable.versionCheck('1.10.0')) { + throw new Error('SearchPane requires DataTables 1.10 or newer'); + } + // Check that Select is included + if (!DataTable.select) { + throw new Error('SearchPane requires Select'); + } + var table = new DataTable.Api(paneSettings); + this.classes = $.extend(true, {}, SearchPane.classes); + // Get options from user + this.c = $.extend(true, {}, SearchPane.defaults, opts); + this.customPaneSettings = panes; + this.s = { + cascadeRegen: false, + clearing: false, + colOpts: [], + deselect: false, + displayed: false, + dt: table, + dtPane: undefined, + filteringActive: false, + index: idx, + indexes: [], + lastCascade: false, + lastSelect: false, + listSet: false, + name: undefined, + redraw: false, + rowData: { + arrayFilter: [], + arrayOriginal: [], + arrayTotals: [], + bins: {}, + binsOriginal: {}, + binsTotal: {}, + filterMap: new Map(), + totalOptions: 0 + }, + scrollTop: 0, + searchFunction: undefined, + selectPresent: false, + serverSelect: [], + serverSelecting: false, + showFiltered: false, + tableLength: null, + updating: false + }; + var rowLength = table.columns().eq(0).toArray().length; + this.colExists = this.s.index < rowLength; + // Add extra elements to DOM object including clear and hide buttons + this.c.layout = layout; + var layVal = parseInt(layout.split('-')[1], 10); + this.dom = { + buttonGroup: $('
').addClass(this.classes.buttonGroup), + clear: $('') + .addClass(this.classes.dull) + .addClass(this.classes.paneButton) + .addClass(this.classes.clearButton), + container: $('
').addClass(this.classes.container).addClass(this.classes.layout + + (layVal < 10 ? layout : layout.split('-')[0] + '-9')), + countButton: $('') + .addClass(this.classes.paneButton) + .addClass(this.classes.countButton), + dtP: $('

' + + (this.colExists + ? $(table.column(this.colExists ? this.s.index : 0).header()).text() + : this.customPaneSettings.header \|\| 'Custom Pane') + '

'), + lower: $('
').addClass(this.classes.subRow2).addClass(this.classes.narrowButton), + nameButton: $('').addClass(this.classes.paneButton).addClass(this.classes.nameButton), + panesContainer: panesContainer, + searchBox: $('').addClass(this.classes.paneInputButton).addClass(this.classes.search), + searchButton: $('') + .addClass(this.classes.paneButton), + searchCont: $('
').addClass(this.classes.searchCont), + searchLabelCont: $('
').addClass(this.classes.searchLabelCont), + topRow: $('
').addClass(this.classes.topRow), + upper: $('
').addClass(this.classes.subRow1).addClass(this.classes.narrowSearch) + }; + this.s.displayed = false; + table = this.s.dt; + this.selections = []; + this.s.colOpts = this.colExists ? this._getOptions() : this._getBonusOptions(); + var colOpts = this.s.colOpts; + var clear = $('').addClass(this.classes.paneButton); + $(clear).text(table.i18n('searchPanes.clearPane', 'X')); + this.dom.container.addClass(colOpts.className); + this.dom.container.addClass((this.customPaneSettings !== null && this.customPaneSettings.className !== undefined) + ? this.customPaneSettings.className + : ''); + // Set the value of name incase ordering is desired + if (this.s.colOpts.name !== undefined) { + this.s.name = this.s.colOpts.name; + } + else if (this.customPaneSettings !== null && this.customPaneSettings.name !== undefined) { + this.s.name = this.customPaneSettings.name; + } + else { + this.s.name = this.colExists ? + $(table.column(this.s.index).header()).text() : + this.customPaneSettings.header || 'Custom Pane'; + } + $(panesContainer).append(this.dom.container); + var tableNode = table.table(0).node(); + // Custom search function for table + this.s.searchFunction = function (settings, searchData, dataIndex, origData) { + // If no data has been selected then show all + if (_this.selections.length === 0) { + return true; + } + if (settings.nTable !== tableNode) { + return true; + } + var filter = ''; + if (_this.colExists) { + // Get the current filtered data + filter = searchData[_this.s.index]; + if (colOpts.orthogonal.filter !== 'filter') { + // get the filter value from the map + filter = _this.s.rowData.filterMap.get(dataIndex); + if (filter instanceof $.fn.dataTable.Api) { + filter = filter.toArray(); + } + } + } + return _this._search(filter, dataIndex); + }; + $.fn.dataTable.ext.search.push(this.s.searchFunction); + // If the clear button for this pane is clicked clear the selections + if (this.c.clear) { + $(clear).on('click', function () { + var searches = _this.dom.container.find(_this.classes.search); + searches.each(function () { + $(this).val(''); + $(this).trigger('input'); + }); + _this.clearPane(); + }); + } + // Sometimes the top row of the panes containing the search box and ordering buttons appears + // weird if the width of the panes is lower than expected, this fixes the design. + // Equally this may occur when the table is resized. + table.on('draw.dtsp', function () { + _this._adjustTopRow(); + }); + table.on('buttons-action', function () { + _this._adjustTopRow(); + }); + $(window).on('resize.dtsp', DataTable.util.throttle(function () { + _this._adjustTopRow(); + })); + // When column-reorder is present and the columns are moved, it is necessary to + // reassign all of the panes indexes to the new index of the column. + table.on('column-reorder.dtsp', function (e, settings, details) { + _this.s.index = details.mapping[_this.s.index]; + }); + return this; + } + /** + * In the case of a rebuild there is potential for new data to have been included or removed + * so all of the rowData must be reset as a precaution. + */ + SearchPane.prototype.clearData = function () { + this.s.rowData = { + arrayFilter: [], + arrayOriginal: [], + arrayTotals: [], + bins: {}, + binsOriginal: {}, + binsTotal: {}, + filterMap: new Map(), + totalOptions: 0 + }; + }; + /** + * Clear the selections in the pane + */ + SearchPane.prototype.clearPane = function () { + // Deselect all rows which are selected and update the table and filter count. + this.s.dtPane.rows({ selected: true }).deselect(); + this.updateTable(); + return this; + }; + /** + * Strips all of the SearchPanes elements from the document and turns all of the listeners for the buttons off + */ + SearchPane.prototype.destroy = function () { + $(this.s.dtPane).off('.dtsp'); + $(this.s.dt).off('.dtsp'); + $(this.dom.nameButton).off('.dtsp'); + $(this.dom.countButton).off('.dtsp'); + $(this.dom.clear).off('.dtsp'); + $(this.dom.searchButton).off('.dtsp'); + $(this.dom.container).remove(); + var searchIdx = $.fn.dataTable.ext.search.indexOf(this.s.searchFunction); + while (searchIdx !== -1) { + $.fn.dataTable.ext.search.splice(searchIdx, 1); + searchIdx = $.fn.dataTable.ext.search.indexOf(this.s.searchFunction); + } + // If the datatables have been defined for the panes then also destroy these + if (this.s.dtPane !== undefined) { + this.s.dtPane.destroy(); + } + this.s.listSet = false; + }; + /** + * Updates the number of filters that have been applied in the title + */ + SearchPane.prototype.getPaneCount = function () { + return this.s.dtPane !== undefined ? + this.s.dtPane.rows({ selected: true }).data().toArray().length : + 0; + }; + /** + * Rebuilds the panes from the start having deleted the old ones + * @param? last boolean to indicate if this is the last pane a selection was made in + * @param? dataIn data to be used in buildPane + * @param? init Whether this is the initial draw or not + * @param? maintainSelection Whether the current selections are to be maintained over rebuild + */ + SearchPane.prototype.rebuildPane = function (last, dataIn, init, maintainSelection) { + if (last === void 0) { last = false; } + if (dataIn === void 0) { dataIn = null; } + if (init === void 0) { init = null; } + if (maintainSelection === void 0) { maintainSelection = false; } + this.clearData(); + var selectedRows = []; + this.s.serverSelect = []; + var prevEl = null; + // When rebuilding strip all of the HTML Elements out of the container and start from scratch + if (this.s.dtPane !== undefined) { + if (maintainSelection) { + if (!this.s.dt.page.info().serverSide) { + selectedRows = this.s.dtPane.rows({ selected: true }).data().toArray(); + } + else { + this.s.serverSelect = this.s.dtPane.rows({ selected: true }).data().toArray(); + } + } + this.s.dtPane.clear().destroy(); + prevEl = $(this.dom.container).prev(); + this.destroy(); + this.s.dtPane = undefined; + $.fn.dataTable.ext.search.push(this.s.searchFunction); + } + this.dom.container.removeClass(this.classes.hidden); + this.s.displayed = false; + this._buildPane(!this.s.dt.page.info().serverSide ? + selectedRows : + this.s.serverSelect, last, dataIn, init, prevEl); + return this; + }; + /** + * removes the pane from the page and sets the displayed property to false. + */ + SearchPane.prototype.removePane = function () { + this.s.displayed = false; + $(this.dom.container).hide(); + }; + /** + * Sets the cascadeRegen property of the pane. Accessible from above because as SearchPanes.ts deals with the rebuilds. + * @param val the boolean value that the cascadeRegen property is to be set to + */ + SearchPane.prototype.setCascadeRegen = function (val) { + this.s.cascadeRegen = val; + }; + /** + * This function allows the clearing property to be assigned. This is used when implementing cascadePane. + * In setting this to true for the clearing of the panes selection on the deselects it forces the pane to + * repopulate from the entire dataset not just the displayed values. + * @param val the boolean value which the clearing property is to be assigned + */ + SearchPane.prototype.setClear = function (val) { + this.s.clearing = val; + }; + /** + * Updates the values of all of the panes + * @param draw whether this has been triggered by a draw event or not + */ + SearchPane.prototype.updatePane = function (draw) { + if (draw === void 0) { draw = false; } + this.s.updating = true; + this._updateCommon(draw); + this.s.updating = false; + }; + /** + * Updates the panes if one of the options to do so has been set to true + * rather than the filtered message when using viewTotal. + */ + SearchPane.prototype.updateTable = function () { + var selectedRows = this.s.dtPane.rows({ selected: true }).data().toArray(); + this.selections = selectedRows; + this._searchExtras(); + // If either of the options that effect how the panes are displayed are selected then update the Panes + if (this.c.cascadePanes || this.c.viewTotal) { + this.updatePane(); + } + }; + /** + * Sets the listeners for the pane. + * + * Having it in it's own function makes it easier to only set them once + */ + SearchPane.prototype._setListeners = function () { + var _this = this; + var rowData = this.s.rowData; + var t0; + // When an item is selected on the pane, add these to the array which holds selected items. + // Custom search will perform. + this.s.dtPane.on('select.dtsp', function () { + if (_this.s.dt.page.info().serverSide && !_this.s.updating) { + if (!_this.s.serverSelecting) { + _this.s.serverSelect = _this.s.dtPane.rows({ selected: true }).data().toArray(); + _this.s.scrollTop = $(_this.s.dtPane.table().node()).parent()[0].scrollTop; + _this.s.selectPresent = true; + _this.s.dt.draw(false); + } + } + else { + clearTimeout(t0); + $(_this.dom.clear).removeClass(_this.classes.dull); + _this.s.selectPresent = true; + if (!_this.s.updating) { + _this._makeSelection(); + } + _this.s.selectPresent = false; + } + }); + // When an item is deselected on the pane, re add the currently selected items to the array + // which holds selected items. Custom search will be performed. + this.s.dtPane.on('deselect.dtsp', function () { + t0 = setTimeout(function () { + if (_this.s.dt.page.info().serverSide && !_this.s.updating) { + if (!_this.s.serverSelecting) { + _this.s.serverSelect = _this.s.dtPane.rows({ selected: true }).data().toArray(); + _this.s.deselect = true; + _this.s.dt.draw(false); + } + } + else { + _this.s.deselect = true; + if (_this.s.dtPane.rows({ selected: true }).data().toArray().length === 0) { + $(_this.dom.clear).addClass(_this.classes.dull); + } + _this._makeSelection(); + _this.s.deselect = false; + _this.s.dt.state.save(); + } + }, 50); + }); + // When saving the state store all of the selected rows for preselection next time around + this.s.dt.on('stateSaveParams.dtsp', function (e, settings, data) { + // If the data being passed in is empty then a state clear must have occured so clear the panes state as well + if ($.isEmptyObject(data)) { + _this.s.dtPane.state.clear(); + return; + } + var selected = []; + var searchTerm; + var order; + var bins; + var arrayFilter; + // Get all of the data needed for the state save from the pane + if (_this.s.dtPane !== undefined) { + selected = _this.s.dtPane.rows({ selected: true }).data().map(function (item) { return item.filter.toString(); }).toArray(); + searchTerm = $(_this.dom.searchBox).val(); + order = _this.s.dtPane.order(); + bins = rowData.binsOriginal; + arrayFilter = rowData.arrayOriginal; + } + if (data.searchPanes === undefined) { + data.searchPanes = {}; + } + if (data.searchPanes.panes === undefined) { + data.searchPanes.panes = []; + } + // Add the panes data to the state object + data.searchPanes.panes.push({ + arrayFilter: arrayFilter, + bins: bins, + id: _this.s.index, + order: order, + searchTerm: searchTerm, + selected: selected + }); + }); + this.s.dtPane.on('user-select.dtsp', function (e, _dt, type, cell, originalEvent) { + originalEvent.stopPropagation(); + }); + this.s.dtPane.on('draw.dtsp', function () { + _this._adjustTopRow(); + }); + // When the button to order by the name of the options is clicked then + // change the ordering to whatever it isn't currently + $(this.dom.nameButton).on('click.dtsp', function () { + var currentOrder = _this.s.dtPane.order()[0][1]; + _this.s.dtPane.order([0, currentOrder === 'asc' ? 'desc' : 'asc']).draw(); + _this.s.dt.state.save(); + }); + // When the button to order by the number of entries in the column is clicked then + // change the ordering to whatever it isn't currently + $(this.dom.countButton).on('click.dtsp', function () { + var currentOrder = _this.s.dtPane.order()[0][1]; + _this.s.dtPane.order([1, currentOrder === 'asc' ? 'desc' : 'asc']).draw(); + _this.s.dt.state.save(); + }); + // When the clear button is clicked reset the pane + $(this.dom.clear).on('click.dtsp', function () { + var searches = _this.dom.container.find('.' + _this.classes.search); + searches.each(function () { + // set the value of the search box to be an empty string and then search on that, effectively reseting + $(this).val(''); + $(this).trigger('input'); + }); + _this.clearPane(); + }); + // When the search button is clicked then draw focus to the search box + $(this.dom.searchButton).on('click.dtsp', function () { + $(_this.dom.searchBox).focus(); + }); + // When a character is inputted into the searchbox search the pane for matching values. + // Doing it this way means that no button has to be clicked to trigger a search, it is done asynchronously + $(this.dom.searchBox).on('input.dtsp', function () { + _this.s.dtPane.search($(_this.dom.searchBox).val()).draw(); + _this.s.dt.state.save(); + }); + // Make sure to save the state once the pane has been built + this.s.dt.state.save(); + return true; + }; + /** + * Takes in potentially undetected rows and adds them to the array if they are not yet featured + * @param filter the filter value of the potential row + * @param display the display value of the potential row + * @param sort the sort value of the potential row + * @param type the type value of the potential row + * @param arrayFilter the array to be populated + * @param bins the bins to be populated + */ + SearchPane.prototype._addOption = function (filter, display, sort, type, arrayFilter, bins) { + // If the filter is an array then take a note of this, and add the elements to the arrayFilter array + if (Array.isArray(filter) || filter instanceof DataTable.Api) { + // Convert to an array so that we can work with it + if (filter instanceof DataTable.Api) { + filter = filter.toArray(); + display = display.toArray(); + } + if (filter.length === display.length) { + for (var i = 0; i < filter.length; i++) { + // If we haven't seen this row before add it + if (!bins[filter[i]]) { + bins[filter[i]] = 1; + arrayFilter.push({ + display: display[i], + filter: filter[i], + sort: sort[i], + type: type[i] + }); + } + // Otherwise just increment the count + else { + bins[filter[i]]++; + } + this.s.rowData.totalOptions++; + } + return; + } + else { + throw new Error('display and filter not the same length'); + } + } + // If the values were affected by othogonal data and are not an array then check if it is already present + else if (typeof this.s.colOpts.orthogonal === 'string') { + if (!bins[filter]) { + bins[filter] = 1; + arrayFilter.push({ + display: display, + filter: filter, + sort: sort, + type: type + }); + this.s.rowData.totalOptions++; + } + else { + bins[filter]++; + this.s.rowData.totalOptions++; + return; + } + } + // Otherwise we must just be adding an option + else { + arrayFilter.push({ + display: display, + filter: filter, + sort: sort, + type: type + }); + } + }; + /** + * Adds a row to the panes table + * @param display the value to be displayed to the user + * @param filter the value to be filtered on when searchpanes is implemented + * @param shown the number of rows in the table that are currently visible matching this criteria + * @param total the total number of rows in the table that match this criteria + * @param sort the value to be sorted in the pane table + * @param type the value of which the type is to be derived from + */ + SearchPane.prototype._addRow = function (display, filter, shown, total, sort, type) { + var index; + for (var _i = 0, _a = this.s.indexes; _i < _a.length; _i++) { + var entry = _a[_i]; + if (entry.filter === filter) { + index = entry.index; + } + } + if (index === undefined) { + index = this.s.indexes.length; + this.s.indexes.push({ filter: filter, index: index }); + } + return this.s.dtPane.row.add({ + display: display !== '' ? display : this.c.emptyMessage, + filter: filter, + index: index, + shown: shown, + sort: sort !== '' ? sort : this.c.emptyMessage, + total: total, + type: type + }); + }; + /** + * Adjusts the layout of the top row when the screen is resized + */ + SearchPane.prototype._adjustTopRow = function () { + var subContainers = this.dom.container.find('.' + this.classes.subRowsContainer); + var subRow1 = this.dom.container.find('.dtsp-subRow1'); + var subRow2 = this.dom.container.find('.dtsp-subRow2'); + var topRow = this.dom.container.find('.' + this.classes.topRow); + // If the width is 0 then it is safe to assume that the pane has not yet been displayed. + // Even if it has, if the width is 0 it won't make a difference if it has the narrow class or not + if (($(subContainers[0]).width() < 252 || $(topRow[0]).width() < 252) && $(subContainers[0]).width() !== 0) { + $(subContainers[0]).addClass(this.classes.narrow); + $(subRow1[0]).addClass(this.classes.narrowSub).removeClass(this.classes.narrowSearch); + $(subRow2[0]).addClass(this.classes.narrowSub).removeClass(this.classes.narrowButton); + } + else { + $(subContainers[0]).removeClass(this.classes.narrow); + $(subRow1[0]).removeClass(this.classes.narrowSub).addClass(this.classes.narrowSearch); + $(subRow2[0]).removeClass(this.classes.narrowSub).addClass(this.classes.narrowButton); + } + }; + /** + * Method to construct the actual pane. + * @param selectedRows previously selected Rows to be reselected + * @last boolean to indicate whether this pane was the last one to have a selection made + */ + SearchPane.prototype._buildPane = function (selectedRows, last, dataIn, init, prevEl) { + var _this = this; + if (selectedRows === void 0) { selectedRows = []; } + if (last === void 0) { last = false; } + if (dataIn === void 0) { dataIn = null; } + if (init === void 0) { init = null; } + if (prevEl === void 0) { prevEl = null; } + // Aliases + this.selections = []; + var table = this.s.dt; + var column = table.column(this.colExists ? this.s.index : 0); + var colOpts = this.s.colOpts; + var rowData = this.s.rowData; + // Other Variables + var countMessage = table.i18n('searchPanes.count', '{total}'); + var filteredMessage = table.i18n('searchPanes.countFiltered', '{shown} ({total})'); + var loadedFilter = table.state.loaded(); + // If the listeners have not been set yet then using the latest state may result in funny errors + if (this.s.listSet) { + loadedFilter = table.state(); + } + // If it is not a custom pane in place + if (this.colExists) { + var idx = -1; + if (loadedFilter && loadedFilter.searchPanes && loadedFilter.searchPanes.panes) { + for (var i = 0; i < loadedFilter.searchPanes.panes.length; i++) { + if (loadedFilter.searchPanes.panes[i].id === this.s.index) { + idx = i; + break; + } + } + } + // Perform checks that do not require populate pane to run + if ((colOpts.show === false + || (colOpts.show !== undefined && colOpts.show !== true)) && + idx === -1) { + this.dom.container.addClass(this.classes.hidden); + this.s.displayed = false; + return false; + } + else if (colOpts.show === true || idx !== -1) { + this.s.displayed = true; + } + if (!this.s.dt.page.info().serverSide) { + // Only run populatePane if the data has not been collected yet + if (rowData.arrayFilter.length === 0) { + this._populatePane(last); + this.s.rowData.totalOptions = 0; + this._detailsPane(); + if (loadedFilter && loadedFilter.searchPanes && loadedFilter.searchPanes.panes) { + // If the index is not found then no data has been added to the state for this pane, + // which will only occur if it has previously failed to meet the criteria to be + // displayed, therefore we can just hide it again here + if (idx !== -1) { + rowData.binsOriginal = loadedFilter.searchPanes.panes[idx].bins; + rowData.arrayOriginal = loadedFilter.searchPanes.panes[idx].arrayFilter; + } + else { + this.dom.container.addClass(this.classes.hidden); + this.s.displayed = false; + return; + } + } + else { + rowData.arrayOriginal = rowData.arrayTotals; + rowData.binsOriginal = rowData.binsTotal; + } + } + var binLength = Object.keys(rowData.binsOriginal).length; + var uniqueRatio = this._uniqueRatio(binLength, table.rows()[0].length); + // Don't show the pane if there isn't enough variance in the data, or there is only 1 entry for that pane + if (this.s.displayed === false && ((colOpts.show === undefined && colOpts.threshold === null ? + uniqueRatio > this.c.threshold : + uniqueRatio > colOpts.threshold) + || (colOpts.show !== true && binLength <= 1))) { + this.dom.container.addClass(this.classes.hidden); + this.s.displayed = false; + return; + } + // If the option viewTotal is true then find + // the total count for the whole table to display alongside the displayed count + if (this.c.viewTotal && rowData.arrayTotals.length === 0) { + this.s.rowData.totalOptions = 0; + this._detailsPane(); + } + else { + rowData.binsTotal = rowData.bins; + } + this.dom.container.addClass(this.classes.show); + this.s.displayed = true; + } + else if (dataIn !== null) { + if (dataIn.tableLength !== undefined) { + this.s.tableLength = dataIn.tableLength; + this.s.rowData.totalOptions = this.s.tableLength; + } + else if (this.s.tableLength === null || table.rows()[0].length > this.s.tableLength) { + this.s.tableLength = table.rows()[0].length; + this.s.rowData.totalOptions = this.s.tableLength; + } + var colTitle = table.column(this.s.index).dataSrc(); + if (dataIn[colTitle] !== undefined) { + for (var _i = 0, _a = dataIn[colTitle]; _i < _a.length; _i++) { + var dataPoint = _a[_i]; + this.s.rowData.arrayFilter.push({ + display: dataPoint.label, + filter: dataPoint.value, + sort: dataPoint.label, + type: dataPoint.label + }); + this.s.rowData.bins[dataPoint.value] = this.c.viewTotal || this.c.cascadePanes ? + dataPoint.count : + dataPoint.total; + this.s.rowData.binsTotal[dataPoint.value] = dataPoint.total; + } + } + var binLength = Object.keys(rowData.binsTotal).length; + var uniqueRatio = this._uniqueRatio(binLength, this.s.tableLength); + // Don't show the pane if there isn't enough variance in the data, or there is only 1 entry for that pane + if (this.s.displayed === false && ((colOpts.show === undefined && colOpts.threshold === null ? + uniqueRatio > this.c.threshold : + uniqueRatio > colOpts.threshold) + || (colOpts.show !== true && binLength <= 1))) { + this.dom.container.addClass(this.classes.hidden); + this.s.displayed = false; + return; + } + this.s.displayed = true; + } + } + else { + this.s.displayed = true; + } + // If the variance is accceptable then display the search pane + this._displayPane(); + if (!this.s.listSet) { + // Here, when the state is loaded if the data object on the original table is empty, + // then a state.clear() must have occurred, so delete all of the panes tables state objects too. + this.dom.dtP.on('stateLoadParams.dt', function (e, settings, data) { + if ($.isEmptyObject(table.state.loaded())) { + $.each(data, function (index, value) { + delete data[index]; + }); + } + }); + } + // Add the container to the document in its original location + if (prevEl !== null && $(this.dom.panesContainer).has(prevEl).length > 0) { + $(this.dom.panesContainer).insertAfter(prevEl); + } + else { + $(this.dom.panesContainer).prepend(this.dom.container); + } + // Declare the datatable for the pane + var errMode = $.fn.dataTable.ext.errMode; + $.fn.dataTable.ext.errMode = 'none'; + var haveScroller = DataTable.Scroller; + this.s.dtPane = $(this.dom.dtP).DataTable($.extend(true, { + columnDefs: [ + { + className: 'dtsp-nameColumn', + data: 'display', + render: function (data, type, row) { + if (type === 'sort') { + return row.sort; + } + else if (type === 'type') { + return row.type; + } + var message; + (_this.s.filteringActive || _this.s.showFiltered) && _this.c.viewTotal + ? message = filteredMessage.replace(/{total}/, row.total) + : message = countMessage.replace(/{total}/, row.total); + message = message.replace(/{shown}/, row.shown); + while (message.indexOf('{total}') !== -1) { + message = message.replace(/{total}/, row.total); + } + while (message.indexOf('{shown}') !== -1) { + message = message.replace(/{shown}/, row.shown); + } + // We are displaying the count in the same columne as the name of the search option. + // This is so that there is not need to call columns.adjust(), which in turn speeds up the code + var displayMessage = ''; + var pill = '' + message + ''; + if (_this.c.hideCount || colOpts.hideCount) { + pill = ''; + } + if (!_this.c.dataLength) { + displayMessage = '' + data + '' + pill; + } + else if (data !== null && data.length > _this.c.dataLength) { + displayMessage = '' + + data.substr(0, _this.c.dataLength) + '...' + + '' + + pill; + } + else { + displayMessage = '' + data + '' + pill; + } + return displayMessage; + }, + targets: 0, + // Accessing the private datatables property to set type based on the original table. + // This is null if not defined by the user, meaning that automatic type detection would take place + type: table.settings()[0].aoColumns[this.s.index] !== undefined ? + table.settings()[0].aoColumns[this.s.index]._sManualType : + null + }, + { + className: 'dtsp-countColumn ' + this.classes.badgePill, + data: 'total', + targets: 1, + visible: false + } + ], + deferRender: true, + dom: 't', + info: false, + paging: haveScroller ? true : false, + scrollY: '200px', + scroller: haveScroller ? true : false, + select: true, + stateSave: table.settings()[0].oFeatures.bStateSave ? true : false + }, this.c.dtOpts, colOpts !== undefined ? colOpts.dtOpts : {}, (this.customPaneSettings !== null && this.customPaneSettings.dtOpts !== undefined) + ? this.customPaneSettings.dtOpts + : {})); + $(this.dom.dtP).addClass(this.classes.table); + // This is hacky but necessary for when datatables is generating the column titles automatically + $(this.dom.searchBox).attr('placeholder', colOpts.header !== undefined + ? colOpts.header + : this.colExists + ? table.settings()[0].aoColumns[this.s.index].sTitle + : this.customPaneSettings.header || 'Custom Pane'); + // As the pane table is not in the document yet we must initialise select ourselves + $.fn.dataTable.select.init(this.s.dtPane); + $.fn.dataTable.ext.errMode = errMode; + // If it is not a custom pane + if (this.colExists) { + // On initialisation, do we need to set a filtering value from a + // saved state or init option? + var search = column.search(); + search = search ? search.substr(1, search.length - 2).split('|') : []; + // Count the number of empty cells + var count_1 = 0; + rowData.arrayFilter.forEach(function (element) { + if (element.filter === '') { + count_1++; + } + }); + // Add all of the search options to the pane + for (var i = 0, ien = rowData.arrayFilter.length; i < ien; i++) { + var selected = false; + for (var _b = 0, _c = this.s.serverSelect; _b < _c.length; _b++) { + var option = _c[_b]; + if (option.filter === rowData.arrayFilter[i].filter) { + selected = true; + } + } + if (this.s.dt.page.info().serverSide && + (!this.c.cascadePanes || + (this.c.cascadePanes && rowData.bins[rowData.arrayFilter[i].filter] !== 0) || + (this.c.cascadePanes && init !== null) || + selected)) { + var row = this._addRow(rowData.arrayFilter[i].display, rowData.arrayFilter[i].filter, init ? + rowData.binsTotal[rowData.arrayFilter[i].filter] : + rowData.bins[rowData.arrayFilter[i].filter], this.c.viewTotal || init + ? String(rowData.binsTotal[rowData.arrayFilter[i].filter]) + : rowData.bins[rowData.arrayFilter[i].filter], rowData.arrayFilter[i].sort, rowData.arrayFilter[i].type); + if (colOpts.preSelect !== undefined && colOpts.preSelect.indexOf(rowData.arrayFilter[i].filter) !== -1) { + row.select(); + } + for (var _d = 0, _e = this.s.serverSelect; _d < _e.length; _d++) { + var option = _e[_d]; + if (option.filter === rowData.arrayFilter[i].filter) { + this.s.serverSelecting = true; + row.select(); + this.s.serverSelecting = false; + } + } + } + else if (!this.s.dt.page.info().serverSide && + rowData.arrayFilter[i] && + (rowData.bins[rowData.arrayFilter[i].filter] !== undefined || !this.c.cascadePanes)) { + var row = this._addRow(rowData.arrayFilter[i].display, rowData.arrayFilter[i].filter, rowData.bins[rowData.arrayFilter[i].filter], rowData.binsTotal[rowData.arrayFilter[i].filter], rowData.arrayFilter[i].sort, rowData.arrayFilter[i].type); + if (colOpts.preSelect !== undefined && colOpts.preSelect.indexOf(rowData.arrayFilter[i].filter) !== -1) { + row.select(); + } + } + else if (!this.s.dt.page.info().serverSide) { + this._addRow(this.c.emptyMessage, count_1, count_1, this.c.emptyMessage, this.c.emptyMessage, this.c.emptyMessage); + } + } + } + // If there are custom options set or it is a custom pane then get them + if (colOpts.options !== undefined || + (this.customPaneSettings !== null && this.customPaneSettings.options !== undefined)) { + this._getComparisonRows(); + } + DataTable.select.init(this.s.dtPane); + // Display the pane + this.s.dtPane.draw(); + this._adjustTopRow(); + if (!this.s.listSet) { + this._setListeners(); + this.s.listSet = true; + } + for (var _f = 0, selectedRows_1 = selectedRows; _f < selectedRows_1.length; _f++) { + var selection = selectedRows_1[_f]; + if (selection !== undefined) { + for (var _g = 0, _h = this.s.dtPane.rows().indexes().toArray(); _g < _h.length; _g++) { + var row = _h[_g]; + if (this.s.dtPane.row(row).data() !== undefined && selection.filter === this.s.dtPane.row(row).data().filter) { + // If this is happening when serverSide processing is happening then different behaviour is needed + if (this.s.dt.page.info().serverSide) { + this.s.serverSelecting = true; + this.s.dtPane.row(row).select(); + this.s.serverSelecting = false; + } + else { + this.s.dtPane.row(row).select(); + } + } + } + } + } + this.s.dt.draw(); + // Reload the selection, searchbox entry and ordering from the previous state + if (loadedFilter && loadedFilter.searchPanes && loadedFilter.searchPanes.panes) { + if (!this.c.cascadePanes) { + this._reloadSelect(loadedFilter); + } + for (var _j = 0, _k = loadedFilter.searchPanes.panes; _j < _k.length; _j++) { + var pane = _k[_j]; + if (pane.id === this.s.index) { + $(this.dom.searchBox).val(pane.searchTerm); + $(this.dom.searchBox).trigger('input'); + this.s.dtPane.order(pane.order).draw(); + } + } + } + // Make sure to save the state once the pane has been built + this.s.dt.state.save(); + return true; + }; + /** + * Update the array which holds the display and filter values for the table + */ + SearchPane.prototype._detailsPane = function () { + var _this = this; + var table = this.s.dt; + this.s.rowData.arrayTotals = []; + this.s.rowData.binsTotal = {}; + var settings = this.s.dt.settings()[0]; + table.rows().every(function (rowIdx) { + _this._populatePaneArray(rowIdx, _this.s.rowData.arrayTotals, settings, _this.s.rowData.binsTotal); + }); + }; + /** + * Appends all of the HTML elements to their relevant parent Elements + */ + SearchPane.prototype._displayPane = function () { + var container = this.dom.container; + var colOpts = this.s.colOpts; + var layVal = parseInt(this.c.layout.split('-')[1], 10); + // Empty everything to start again + $(this.dom.topRow).empty(); + $(this.dom.dtP).empty(); + $(this.dom.topRow).addClass(this.classes.topRow); + // If there are more than 3 columns defined then make there be a smaller gap between the panes + if (layVal > 3) { + $(this.dom.container).addClass(this.classes.smallGap); + } + $(this.dom.topRow).addClass(this.classes.subRowsContainer); + $(this.dom.upper).appendTo(this.dom.topRow); + $(this.dom.lower).appendTo(this.dom.topRow); + $(this.dom.searchCont).appendTo(this.dom.upper); + $(this.dom.buttonGroup).appendTo(this.dom.lower); + // If no selections have been made in the pane then disable the clear button + if (this.c.dtOpts.searching === false || + (colOpts.dtOpts !== undefined && + colOpts.dtOpts.searching === false) || + (!this.c.controls || !colOpts.controls) || + (this.customPaneSettings !== null && + this.customPaneSettings.dtOpts !== undefined && + this.customPaneSettings.dtOpts.searching !== undefined && + !this.customPaneSettings.dtOpts.searching)) { + $(this.dom.searchBox).attr('disabled', 'disabled') + .removeClass(this.classes.paneInputButton) + .addClass(this.classes.disabledButton); + } + $(this.dom.searchBox).appendTo(this.dom.searchCont); + // Create the contents of the searchCont div. Worth noting that this function will change when using semantic ui + this._searchContSetup(); + // If the clear button is allowed to show then display it + if (this.c.clear && this.c.controls && colOpts.controls) { + $(this.dom.clear).appendTo(this.dom.buttonGroup); + } + if (this.c.orderable && colOpts.orderable && this.c.controls && colOpts.controls) { + $(this.dom.nameButton).appendTo(this.dom.buttonGroup); + } + // If the count column is hidden then don't display the ordering button for it + if (!this.c.hideCount && + !colOpts.hideCount && + this.c.orderable && + colOpts.orderable && + this.c.controls && + colOpts.controls) { + $(this.dom.countButton).appendTo(this.dom.buttonGroup); + } + $(this.dom.topRow).prependTo(this.dom.container); + $(container).append(this.dom.dtP); + $(container).show(); + }; + /** + * Gets the options for the row for the customPanes + * @returns {object} The options for the row extended to include the options from the user. + */ + SearchPane.prototype._getBonusOptions = function () { + // We need to reset the thresholds as if they have a value in colOpts then that value will be used + var defaultMutator = { + orthogonal: { + threshold: null + }, + threshold: null + }; + return $.extend(true, {}, SearchPane.defaults, defaultMutator, this.c !== undefined ? this.c : {}); + }; + /** + * Adds the custom options to the pane + * @returns {Array} Returns the array of rows which have been added to the pane + */ + SearchPane.prototype._getComparisonRows = function () { + var colOpts = this.s.colOpts; + // Find the appropriate options depending on whether this is a pane for a specific column or a custom pane + var options = colOpts.options !== undefined + ? colOpts.options + : this.customPaneSettings !== null && this.customPaneSettings.options !== undefined + ? this.customPaneSettings.options + : undefined; + if (options === undefined) { + return; + } + var tableVals = this.s.dt.rows({ search: 'applied' }).data().toArray(); + var appRows = this.s.dt.rows({ search: 'applied' }); + var tableValsTotal = this.s.dt.rows().data().toArray(); + var allRows = this.s.dt.rows(); + var rows = []; + // Clear all of the other rows from the pane, only custom options are to be displayed when they are defined + this.s.dtPane.clear(); + for (var _i = 0, options_1 = options; _i < options_1.length; _i++) { + var comp = options_1[_i]; + // Initialise the object which is to be placed in the row + var insert = comp.label !== '' ? comp.label : this.c.emptyMessage; + var comparisonObj = { + display: insert, + filter: typeof comp.value === 'function' ? comp.value : [], + shown: 0, + sort: insert, + total: 0, + type: insert + }; + // If a custom function is in place + if (typeof comp.value === 'function') { + // Count the number of times the function evaluates to true for the data currently being displayed + for (var tVal = 0; tVal < tableVals.length; tVal++) { + if (comp.value.call(this.s.dt, tableVals[tVal], appRows[0][tVal])) { + comparisonObj.shown++; + } + } + // Count the number of times the function evaluates to true for the original data in the Table + for (var i = 0; i < tableValsTotal.length; i++) { + if (comp.value.call(this.s.dt, tableValsTotal[i], allRows[0][i])) { + comparisonObj.total++; + } + } + // Update the comparisonObj + if (typeof comparisonObj.filter !== 'function') { + comparisonObj.filter.push(comp.filter); + } + } + // If cascadePanes is not active or if it is and the comparisonObj should be shown then add it to the pane + if (!this.c.cascadePanes || (this.c.cascadePanes && comparisonObj.shown !== 0)) { + rows.push(this._addRow(comparisonObj.display, comparisonObj.filter, comparisonObj.shown, comparisonObj.total, comparisonObj.sort, comparisonObj.type)); + } + } + return rows; + }; + /** + * Gets the options for the row for the customPanes + * @returns {object} The options for the row extended to include the options from the user. + */ + SearchPane.prototype._getOptions = function () { + var table = this.s.dt; + // We need to reset the thresholds as if they have a value in colOpts then that value will be used + var defaultMutator = { + orthogonal: { + threshold: null + }, + threshold: null + }; + return $.extend(true, {}, SearchPane.defaults, defaultMutator, table.settings()[0].aoColumns[this.s.index].searchPanes); + }; + /** + * This method allows for changes to the panes and table to be made when a selection or a deselection occurs + * @param select Denotes whether a selection has been made or not + */ + SearchPane.prototype._makeSelection = function () { + this.updateTable(); + this.s.updating = true; + this.s.dt.draw(); + this.s.updating = false; + }; + /** + * Fill the array with the values that are currently being displayed in the table + * @param last boolean to indicate whether this was the last pane a selection was made in + */ + SearchPane.prototype._populatePane = function (last) { + if (last === void 0) { last = false; } + var table = this.s.dt; + this.s.rowData.arrayFilter = []; + this.s.rowData.bins = {}; + var settings = this.s.dt.settings()[0]; + // If cascadePanes or viewTotal are active it is necessary to get the data which is currently + // being displayed for their functionality. Also make sure that this was not the last pane to have a selection made + if (!this.s.dt.page.info().serverSide) { + var indexArray = (this.c.cascadePanes || this.c.viewTotal) && (!this.s.clearing && !last) ? + table.rows({ search: 'applied' }).indexes() : + table.rows().indexes(); + for (var _i = 0, _a = indexArray.toArray(); _i < _a.length; _i++) { + var index = _a[_i]; + this._populatePaneArray(index, this.s.rowData.arrayFilter, settings); + } + } + }; + /** + * Populates an array with all of the data for the table + * @param rowIdx The current row index to be compared + * @param arrayFilter The array that is to be populated with row Details + * @param bins The bins object that is to be populated with the row counts + */ + SearchPane.prototype._populatePaneArray = function (rowIdx, arrayFilter, settings, bins) { + if (bins === void 0) { bins = this.s.rowData.bins; } + var colOpts = this.s.colOpts; + // Retrieve the rendered data from the cell using the fnGetCellData function + // rather than the cell().render API method for optimisation + if (typeof colOpts.orthogonal === 'string') { + var rendered = settings.oApi._fnGetCellData(settings, rowIdx, this.s.index, colOpts.orthogonal); + this.s.rowData.filterMap.set(rowIdx, rendered); + this._addOption(rendered, rendered, rendered, rendered, arrayFilter, bins); + } + else { + var filter = settings.oApi._fnGetCellData(settings, rowIdx, this.s.index, colOpts.orthogonal.search); + this.s.rowData.filterMap.set(rowIdx, filter); + if (!bins[filter]) { + bins[filter] = 1; + this._addOption(filter, settings.oApi._fnGetCellData(settings, rowIdx, this.s.index, colOpts.orthogonal.display), settings.oApi._fnGetCellData(settings, rowIdx, this.s.index, colOpts.orthogonal.sort), settings.oApi._fnGetCellData(settings, rowIdx, this.s.index, colOpts.orthogonal.type), arrayFilter, bins); + this.s.rowData.totalOptions++; + } + else { + bins[filter]++; + this.s.rowData.totalOptions++; + return; + } + } + }; + /** + * Reloads all of the previous selects into the panes + * @param loadedFilter The loaded filters from a previous state + */ + SearchPane.prototype._reloadSelect = function (loadedFilter) { + // If the state was not saved don't selected any + if (loadedFilter === undefined) { + return; + } + var idx; + // For each pane, check that the loadedFilter list exists and is not null, + // find the id of each search item and set it to be selected. + for (var i = 0; i < loadedFilter.searchPanes.panes.length; i++) { + if (loadedFilter.searchPanes.panes[i].id === this.s.index) { + idx = i; + break; + } + } + if (idx !== undefined) { + var table = this.s.dtPane; + var rows = table.rows({ order: 'index' }).data().map(function (item) { return item.filter !== null ? + item.filter.toString() : + null; }).toArray(); + for (var _i = 0, _a = loadedFilter.searchPanes.panes[idx].selected; _i < _a.length; _i++) { + var filter = _a[_i]; + var id = -1; + if (filter !== null) { + id = rows.indexOf(filter.toString()); + } + if (id > -1) { + table.row(id).select(); + this.s.dt.state.save(); + } + } + } + }; + /** + * This method decides whether a row should contribute to the pane or not + * @param filter the value that the row is to be filtered on + * @param dataIndex the row index + */ + SearchPane.prototype._search = function (filter, dataIndex) { + var colOpts = this.s.colOpts; + var table = this.s.dt; + // For each item selected in the pane, check if it is available in the cell + for (var _i = 0, _a = this.selections; _i < _a.length; _i++) { + var colSelect = _a[_i]; + // if the filter is an array then is the column present in it + if (Array.isArray(filter)) { + if (filter.indexOf(colSelect.filter) !== -1) { + return true; + } + } + // if the filter is a function then does it meet the criteria of that function or not + else if (typeof colSelect.filter === 'function') { + if (colSelect.filter.call(table, table.row(dataIndex).data(), dataIndex)) { + if (colOpts.combiner === 'or') { + return true; + } + } + // If the combiner is an "and" then we need to check against all possible selections + // so if it fails here then the and is not met and return false + else if (colOpts.combiner === 'and') { + return false; + } + } + // otherwise if the two filter values are equal then return true + else if (filter === colSelect.filter) { + return true; + } + } + // If the combiner is an and then we need to check against all possible selections + // so return true here if so because it would have returned false earlier if it had failed + if (colOpts.combiner === 'and') { + return true; + } + // Otherwise it hasn't matched with anything by this point so it must be false + else { + return false; + } + }; + /** + * Creates the contents of the searchCont div + * + * NOTE This is overridden when semantic ui styling in order to integrate the search button into the text box. + */ + SearchPane.prototype._searchContSetup = function () { + if (this.c.controls && this.s.colOpts.controls) { + $(this.dom.searchButton).appendTo(this.dom.searchLabelCont); + } + if (!(this.c.dtOpts.searching === false || + this.s.colOpts.dtOpts.searching === false || + (this.customPaneSettings !== null && + this.customPaneSettings.dtOpts !== undefined && + this.customPaneSettings.dtOpts.searching !== undefined && + !this.customPaneSettings.dtOpts.searching))) { + $(this.dom.searchLabelCont).appendTo(this.dom.searchCont); + } + }; + /** + * Adds outline to the pane when a selection has been made + */ + SearchPane.prototype._searchExtras = function () { + var updating = this.s.updating; + this.s.updating = true; + var filters = this.s.dtPane.rows({ selected: true }).data().pluck('filter').toArray(); + var nullIndex = filters.indexOf(this.c.emptyMessage); + var container = $(this.s.dtPane.table().container()); + // If null index is found then search for empty cells as a filter. + if (nullIndex > -1) { + filters[nullIndex] = ''; + } + // If a filter has been applied then outline the respective pane, remove it when it no longer is. + if (filters.length > 0) { + container.addClass(this.classes.selected); + } + else if (filters.length === 0) { + container.removeClass(this.classes.selected); + } + this.s.updating = updating; + }; + /** + * Finds the ratio of the number of different options in the table to the number of rows + * @param bins the number of different options in the table + * @param rowCount the total number of rows in the table + * @returns {number} returns the ratio + */ + SearchPane.prototype._uniqueRatio = function (bins, rowCount) { + if (rowCount > 0 && + ((this.s.rowData.totalOptions > 0 && !this.s.dt.page.info().serverSide) || + (this.s.dt.page.info().serverSide && this.s.tableLength > 0))) { + return bins / this.s.rowData.totalOptions; + } + else { + return 1; + } + }; + /** + * updates the options within the pane + * @param draw a flag to define whether this has been called due to a draw event or not + */ + SearchPane.prototype._updateCommon = function (draw) { + if (draw === void 0) { draw = false; } + // Update the panes if doing a deselect. if doing a select then + // update all of the panes except for the one causing the change + if (!this.s.dt.page.info().serverSide && + this.s.dtPane !== undefined && + (!this.s.filteringActive || this.c.cascadePanes || draw === true) && + (this.c.cascadePanes !== true || this.s.selectPresent !== true) && (!this.s.lastSelect || !this.s.lastCascade)) { + var colOpts = this.s.colOpts; + var selected = this.s.dtPane.rows({ selected: true }).data().toArray(); + var scrollTop = $(this.s.dtPane.table().node()).parent()[0].scrollTop; + var rowData = this.s.rowData; + // Clear the pane in preparation for adding the updated search options + this.s.dtPane.clear(); + // If it is not a custom pane + if (this.colExists) { + // Only run populatePane if the data has not been collected yet + if (rowData.arrayFilter.length === 0) { + this._populatePane(); + } + // If cascadePanes is active and the table has returned to its default state then + // there is a need to update certain parts ofthe rowData. + else if (this.c.cascadePanes + && this.s.dt.rows().data().toArray().length === this.s.dt.rows({ search: 'applied' }).data().toArray().length) { + rowData.arrayFilter = rowData.arrayOriginal; + rowData.bins = rowData.binsOriginal; + } + // Otherwise if viewTotal or cascadePanes is active then the data from the table must be read. + else if (this.c.viewTotal || this.c.cascadePanes) { + this._populatePane(); + } + // If the viewTotal option is selected then find the totals for the table + if (this.c.viewTotal) { + this._detailsPane(); + } + else { + rowData.binsTotal = rowData.bins; + } + if (this.c.viewTotal && !this.c.cascadePanes) { + rowData.arrayFilter = rowData.arrayTotals; + } + var _loop_1 = function (dataP) { + // If both view Total and cascadePanes have been selected and the count of the row is not 0 then add it to pane + // Do this also if the viewTotal option has been selected and cascadePanes has not + if (dataP && ((rowData.bins[dataP.filter] !== undefined && rowData.bins[dataP.filter] !== 0 && this_1.c.cascadePanes) + || !this_1.c.cascadePanes + || this_1.s.clearing)) { + var row = this_1._addRow(dataP.display, dataP.filter, !this_1.c.viewTotal + ? rowData.bins[dataP.filter] + : rowData.bins[dataP.filter] !== undefined + ? rowData.bins[dataP.filter] + : 0, this_1.c.viewTotal + ? String(rowData.binsTotal[dataP.filter]) + : rowData.bins[dataP.filter], dataP.sort, dataP.type); + // Find out if the filter was selected in the previous search, if so select it and remove from array. + var selectIndex = selected.findIndex(function (element) { + return element.filter === dataP.filter; + }); + if (selectIndex !== -1) { + row.select(); + selected.splice(selectIndex, 1); + } + } + }; + var this_1 = this; + for (var _i = 0, _a = rowData.arrayFilter; _i < _a.length; _i++) { + var dataP = _a[_i]; + _loop_1(dataP); + } + } + if ((colOpts.searchPanes !== undefined && colOpts.searchPanes.options !== undefined) || + colOpts.options !== undefined || + (this.customPaneSettings !== null && this.customPaneSettings.options !== undefined)) { + var rows = this._getComparisonRows(); + var _loop_2 = function (row) { + var selectIndex = selected.findIndex(function (element) { + if (element.display === row.data().display) { + return true; + } + }); + if (selectIndex !== -1) { + row.select(); + selected.splice(selectIndex, 1); + } + }; + for (var _b = 0, rows_1 = rows; _b < rows_1.length; _b++) { + var row = rows_1[_b]; + _loop_2(row); + } + } + // Add search options which were previously selected but whos results are no + // longer present in the resulting data set. + for (var _c = 0, selected_1 = selected; _c < selected_1.length; _c++) { + var selectedEl = selected_1[_c]; + var row = this._addRow(selectedEl.display, selectedEl.filter, 0, this.c.viewTotal + ? selectedEl.total + : 0, selectedEl.filter, selectedEl.filter); + this.s.updating = true; + row.select(); + this.s.updating = false; + } + this.s.dtPane.draw(); + this.s.dtPane.table().node().parentNode.scrollTop = scrollTop; + } + }; + SearchPane.version = '1.1.0'; + SearchPane.classes = { + buttonGroup: 'dtsp-buttonGroup', + buttonSub: 'dtsp-buttonSub', + clear: 'dtsp-clear', + clearAll: 'dtsp-clearAll', + clearButton: 'clearButton', + container: 'dtsp-searchPane', + countButton: 'dtsp-countButton', + disabledButton: 'dtsp-disabledButton', + dull: 'dtsp-dull', + hidden: 'dtsp-hidden', + hide: 'dtsp-hide', + layout: 'dtsp-', + name: 'dtsp-name', + nameButton: 'dtsp-nameButton', + narrow: 'dtsp-narrow', + paneButton: 'dtsp-paneButton', + paneInputButton: 'dtsp-paneInputButton', + pill: 'dtsp-pill', + search: 'dtsp-search', + searchCont: 'dtsp-searchCont', + searchIcon: 'dtsp-searchIcon', + searchLabelCont: 'dtsp-searchButtonCont', + selected: 'dtsp-selected', + smallGap: 'dtsp-smallGap', + subRow1: 'dtsp-subRow1', + subRow2: 'dtsp-subRow2', + subRowsContainer: 'dtsp-subRowsContainer', + title: 'dtsp-title', + topRow: 'dtsp-topRow' + }; + // Define SearchPanes default options + SearchPane.defaults = { + cascadePanes: false, + clear: true, + combiner: 'or', + controls: true, + container: function (dt) { + return dt.table().container(); + }, + dataLength: 30, + dtOpts: {}, + emptyMessage: 'No Data', + hideCount: false, + layout: 'columns-3', + name: undefined, + orderable: true, + orthogonal: { + display: 'display', + hideCount: false, + search: 'filter', + show: undefined, + sort: 'sort', + threshold: 0.6, + type: 'type' + }, + preSelect: [], + threshold: 0.6, + viewTotal: false + }; + return SearchPane; + }()); + + var $$1; + var DataTable$1; + function setJQuery$1(jq) { + $$1 = jq; + DataTable$1 = jq.fn.dataTable; + } + var SearchPanes = /** @class */ (function () { + function SearchPanes(paneSettings, opts, fromInit) { + var _this = this; + if (fromInit === void 0) { fromInit = false; } + this.regenerating = false; + // Check that the required version of DataTables is included + if (!DataTable$1 || !DataTable$1.versionCheck || !DataTable$1.versionCheck('1.10.0')) { + throw new Error('SearchPane requires DataTables 1.10 or newer'); + } + // Check that Select is included + if (!DataTable$1.select) { + throw new Error('SearchPane requires Select'); + } + var table = new DataTable$1.Api(paneSettings); + this.classes = $$1.extend(true, {}, SearchPanes.classes); + // Get options from user + this.c = $$1.extend(true, {}, SearchPanes.defaults, opts); + // Add extra elements to DOM object including clear + this.dom = { + clearAll: $$1('').addClass(this.classes.clearAll), + container: $$1('
').addClass(this.classes.panes).text(table.i18n('searchPanes.loadMessage', 'Loading Search Panes...')), + emptyMessage: $$1('
').addClass(this.classes.emptyMessage), + options: $$1('
').addClass(this.classes.container), + panes: $$1('
').addClass(this.classes.container), + title: $$1('
').addClass(this.classes.title), + titleRow: $$1('
').addClass(this.classes.titleRow), + wrapper: $$1('
') + }; + this.s = { + colOpts: [], + dt: table, + filterPane: -1, + panes: [], + selectionList: [], + serverData: {}, + updating: false + }; + if (table.settings()[0]._searchPanes !== undefined) { + return; + } + // We are using the xhr event to rebuild the panes if required due to viewTotal being enabled + // If viewTotal is not enabled then we simply update the data from the server + table.on('xhr', function (e, settings, json, xhr) { + if (json.searchPanes && json.searchPanes.options) { + _this.s.serverData = json.searchPanes.options; + _this.s.serverData.tableLength = json.recordsTotal; + if (_this.c.viewTotal || _this.c.cascadePanes) { + _this._serverTotals(); + } + } + }); + table.settings()[0]._searchPanes = this; + this.dom.clearAll.text(table.i18n('searchPanes.clearMessage', 'Clear All')); + this._getState(); + if (this.s.dt.settings()[0]._bInitComplete || fromInit) { + this._paneDeclare(table, paneSettings, opts); + } + else { + table.one('preInit.dt', function (settings) { + _this._paneDeclare(table, paneSettings, opts); + }); + } + } + /** + * Clear the selections of all of the panes + */ + SearchPanes.prototype.clearSelections = function () { + // Load in all of the searchBoxes in the documents + var searches = this.dom.container.find(this.classes.search); + // For each searchBox set the input text to be empty and then trigger + // an input on them so that they no longer filter the panes + searches.each(function () { + $$1(this).val(''); + $$1(this).trigger('input'); + }); + var returnArray = []; + // For every pane, clear the selections in the pane + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + if (pane.s.dtPane !== undefined) { + returnArray.push(pane.clearPane()); + } + } + this.s.dt.draw(); + return returnArray; + }; + /** + * returns the container node for the searchPanes + */ + SearchPanes.prototype.getNode = function () { + return this.dom.container; + }; + /** + * rebuilds all of the panes + */ + SearchPanes.prototype.rebuild = function (targetIdx, maintainSelection) { + if (targetIdx === void 0) { targetIdx = false; } + if (maintainSelection === void 0) { maintainSelection = false; } + $$1(this.dom.emptyMessage).remove(); + // As a rebuild from scratch is required, empty the searchpanes container. + var returnArray = []; + // Rebuild each pane individually, if a specific pane has been selected then only rebuild that one + $$1(this.dom.panes).empty(); + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + if (targetIdx !== false && pane.s.index !== targetIdx) { + $$1(this.dom.panes).append(pane.dom.container); + continue; + } + pane.clearData(); + returnArray.push( + // Pass a boolean to say whether this is the last choice made for maintaining selections when rebuilding + pane.rebuildPane(this.s.selectionList[this.s.selectionList.length - 1] !== undefined ? + pane.s.index === this.s.selectionList[this.s.selectionList.length - 1].index : + false, this.s.dt.page.info().serverSide ? + this.s.serverData : + undefined, null, maintainSelection)); + $$1(this.dom.panes).append(pane.dom.container); + } + if (this.c.cascadePanes || this.c.viewTotal) { + this.redrawPanes(true); + } + else { + this._updateSelection(); + } + // Attach panes, clear buttons, and title bar to the document + this._updateFilterCount(); + this._attachPaneContainer(); + this.s.dt.draw(); + // If a single pane has been rebuilt then return only that pane + if (returnArray.length === 1) { + return returnArray[0]; + } + // Otherwise return all of the panes that have been rebuilt + else { + return returnArray; + } + }; + /** + * Redraws all of the panes + */ + SearchPanes.prototype.redrawPanes = function (rebuild) { + if (rebuild === void 0) { rebuild = false; } + var table = this.s.dt; + // Only do this if the redraw isn't being triggered by the panes updating themselves + if (!this.s.updating && !this.s.dt.page.info().serverSide) { + var filterActive = true; + var filterPane = this.s.filterPane; + // If the number of rows currently visible is equal to the number of rows in the table + // then there can't be any filtering taking place + if (table.rows({ search: 'applied' }).data().toArray().length === table.rows().data().toArray().length) { + filterActive = false; + } + // Otherwise if viewTotal is active then it is necessary to determine which panes a select is present in. + // If there is only one pane with a selection present then it should not show the filtered message as + // more selections may be made in that pane. + else if (this.c.viewTotal) { + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + if (pane.s.dtPane !== undefined) { + var selectLength = pane.s.dtPane.rows({ selected: true }).data().toArray().length; + if (selectLength === 0) { + for (var _b = 0, _c = this.s.selectionList; _b < _c.length; _b++) { + var selection = _c[_b]; + if (selection.index === pane.s.index && selection.rows.length !== 0) { + selectLength = selection.rows.length; + } + } + } + // If filterPane === -1 then a pane with a selection has not been found yet, so set filterPane to that panes index + if (selectLength > 0 && filterPane === -1) { + filterPane = pane.s.index; + } + // Then if another pane is found with a selection then set filterPane to null to + // show that multiple panes have selections present + else if (selectLength > 0) { + filterPane = null; + } + } + } + } + var deselectIdx = void 0; + var newSelectionList = []; + // Don't run this if it is due to the panes regenerating + if (!this.regenerating) { + for (var _d = 0, _e = this.s.panes; _d < _e.length; _d++) { + var pane = _e[_d]; + // Identify the pane where a selection or deselection has been made and add it to the list. + if (pane.s.selectPresent) { + this.s.selectionList.push({ index: pane.s.index, rows: pane.s.dtPane.rows({ selected: true }).data().toArray(), protect: false }); + table.state.save(); + break; + } + else if (pane.s.deselect) { + deselectIdx = pane.s.index; + var selectedData = pane.s.dtPane.rows({ selected: true }).data().toArray(); + if (selectedData.length > 0) { + this.s.selectionList.push({ index: pane.s.index, rows: selectedData, protect: true }); + } + } + } + if (this.s.selectionList.length > 0) { + var last = this.s.selectionList[this.s.selectionList.length - 1].index; + for (var _f = 0, _g = this.s.panes; _f < _g.length; _f++) { + var pane = _g[_f]; + pane.s.lastSelect = (pane.s.index === last); + } + } + // Remove selections from the list from the pane where a deselect has taken place + for (var i = 0; i < this.s.selectionList.length; i++) { + if (this.s.selectionList[i].index !== deselectIdx || this.s.selectionList[i].protect === true) { + var further = false; + // Find out if this selection is the last one in the list for that pane + for (var j = i + 1; j < this.s.selectionList.length; j++) { + if (this.s.selectionList[j].index === this.s.selectionList[i].index) { + further = true; + } + } + // If there are no selections for this pane in the list then just push this one + if (!further) { + newSelectionList.push(this.s.selectionList[i]); + this.s.selectionList[i].protect = false; + } + } + } + var solePane = -1; + if (newSelectionList.length === 1) { + solePane = newSelectionList[0].index; + } + // Update all of the panes to reflect the current state of the filters + for (var _h = 0, _j = this.s.panes; _h < _j.length; _h++) { + var pane = _j[_h]; + if (pane.s.dtPane !== undefined) { + var tempFilter = true; + pane.s.filteringActive = true; + if ((filterPane !== -1 && filterPane !== null && filterPane === pane.s.index) || + filterActive === false || + pane.s.index === solePane) { + tempFilter = false; + pane.s.filteringActive = false; + } + pane.updatePane(!tempFilter ? false : filterActive); + } + } + // Update the label that shows how many filters are in place + this._updateFilterCount(); + // If the length of the selections are different then some of them have been removed and a deselect has occured + if (newSelectionList.length > 0 && (newSelectionList.length < this.s.selectionList.length || rebuild)) { + this._cascadeRegen(newSelectionList); + var last = newSelectionList[newSelectionList.length - 1].index; + for (var _k = 0, _l = this.s.panes; _k < _l.length; _k++) { + var pane = _l[_k]; + pane.s.lastSelect = (pane.s.index === last); + } + } + else if (newSelectionList.length > 0) { + // Update all of the other panes as you would just making a normal selection + for (var _m = 0, _o = this.s.panes; _m < _o.length; _m++) { + var paneUpdate = _o[_m]; + if (paneUpdate.s.dtPane !== undefined) { + var tempFilter = true; + paneUpdate.s.filteringActive = true; + if ((filterPane !== -1 && filterPane !== null && filterPane === paneUpdate.s.index) || filterActive === false) { + tempFilter = false; + paneUpdate.s.filteringActive = false; + } + paneUpdate.updatePane(!tempFilter ? tempFilter : filterActive); + } + } + } + } + else { + var solePane = -1; + if (newSelectionList.length === 1) { + solePane = newSelectionList[0].index; + } + for (var _p = 0, _q = this.s.panes; _p < _q.length; _p++) { + var pane = _q[_p]; + if (pane.s.dtPane !== undefined) { + var tempFilter = true; + pane.s.filteringActive = true; + if ((filterPane !== -1 && filterPane !== null && filterPane === pane.s.index) || + filterActive === false || + pane.s.index === solePane) { + tempFilter = false; + pane.s.filteringActive = false; + } + pane.updatePane(!tempFilter ? tempFilter : filterActive); + } + } + // Update the label that shows how many filters are in place + this._updateFilterCount(); + } + if (!filterActive) { + this.s.selectionList = []; + } + } + }; + /** + * Attach the panes, buttons and title to the document + */ + SearchPanes.prototype._attach = function () { + var _this = this; + $$1(this.dom.container).removeClass(this.classes.hide); + $$1(this.dom.titleRow).removeClass(this.classes.hide); + $$1(this.dom.titleRow).remove(); + $$1(this.dom.title).appendTo(this.dom.titleRow); + // If the clear button is permitted attach it + if (this.c.clear) { + $$1(this.dom.clearAll).appendTo(this.dom.titleRow); + $$1(this.dom.clearAll).on('click.dtsps', function () { + _this.clearSelections(); + }); + } + $$1(this.dom.titleRow).appendTo(this.dom.container); + // Attach the container for each individual pane to the overall container + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + $$1(pane.dom.container).appendTo(this.dom.panes); + } + // Attach everything to the document + $$1(this.dom.panes).appendTo(this.dom.container); + if ($$1('div.' + this.classes.container).length === 0) { + $$1(this.dom.container).prependTo(this.s.dt); + } + return this.dom.container; + }; + /** + * Attach the top row containing the filter count and clear all button + */ + SearchPanes.prototype._attachExtras = function () { + $$1(this.dom.container).removeClass(this.classes.hide); + $$1(this.dom.titleRow).removeClass(this.classes.hide); + $$1(this.dom.titleRow).remove(); + $$1(this.dom.title).appendTo(this.dom.titleRow); + // If the clear button is permitted attach it + if (this.c.clear) { + $$1(this.dom.clearAll).appendTo(this.dom.titleRow); + } + $$1(this.dom.titleRow).appendTo(this.dom.container); + return this.dom.container; + }; + /** + * If there are no panes to display then this method is called to either + * display a message in their place or hide them completely. + */ + SearchPanes.prototype._attachMessage = function () { + // Create a message to display on the screen + var message; + try { + message = this.s.dt.i18n('searchPanes.emptyPanes', 'No SearchPanes'); + } + catch (error) { + message = null; + } + // If the message is an empty string then searchPanes.emptyPanes is undefined, + // therefore the pane container should be removed from the display + if (message === null) { + $$1(this.dom.container).addClass(this.classes.hide); + $$1(this.dom.titleRow).removeClass(this.classes.hide); + return; + } + else { + $$1(this.dom.container).removeClass(this.classes.hide); + $$1(this.dom.titleRow).addClass(this.classes.hide); + } + // Otherwise display the message + $$1(this.dom.emptyMessage).text(message); + this.dom.emptyMessage.appendTo(this.dom.container); + return this.dom.container; + }; + /** + * Attaches the panes to the document and displays a message or hides if there are none + */ + SearchPanes.prototype._attachPaneContainer = function () { + // If a pane is to be displayed then attach the normal pane output + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + if (pane.s.displayed === true) { + return this._attach(); + } + } + // Otherwise attach the custom message or remove the container from the display + return this._attachMessage(); + }; + /** + * Prepares the panes for selections to be made when cascade is active and a deselect has occured + * @param newSelectionList the list of selections which are to be made + */ + SearchPanes.prototype._cascadeRegen = function (newSelectionList) { + // Set this to true so that the actions taken do not cause this to run until it is finished + this.regenerating = true; + // If only one pane has been selected then take note of its index + var solePane = -1; + if (newSelectionList.length === 1) { + solePane = newSelectionList[0].index; + } + // Let the pane know that a cascadeRegen is taking place to avoid unexpected behaviour + // and clear all of the previous selections in the pane + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + pane.setCascadeRegen(true); + pane.setClear(true); + // If this is the same as the pane with the only selection then pass it as a parameter into clearPane + if ((pane.s.dtPane !== undefined && pane.s.index === solePane) || pane.s.dtPane !== undefined) { + pane.clearPane(); + } + pane.setClear(false); + } + // Remake Selections + this._makeCascadeSelections(newSelectionList); + // Set the selection list property to be the list without the selections from the deselect pane + this.s.selectionList = newSelectionList; + // The regeneration of selections is over so set it back to false + for (var _b = 0, _c = this.s.panes; _b < _c.length; _b++) { + var pane = _c[_b]; + pane.setCascadeRegen(false); + } + this.regenerating = false; + }; + /** + * Attaches the message to the document but does not add any panes + */ + SearchPanes.prototype._checkMessage = function () { + // If a pane is to be displayed then attach the normal pane output + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + if (pane.s.displayed === true) { + return; + } + } + // Otherwise attach the custom message or remove the container from the display + return this._attachMessage(); + }; + /** + * Gets the selection list from the previous state and stores it in the selectionList Property + */ + SearchPanes.prototype._getState = function () { + var loadedFilter = this.s.dt.state.loaded(); + if (loadedFilter && loadedFilter.searchPanes && loadedFilter.searchPanes.selectionList !== undefined) { + this.s.selectionList = loadedFilter.searchPanes.selectionList; + } + }; + /** + * Makes all of the selections when cascade is active + * @param newSelectionList the list of selections to be made, in the order they were originally selected + */ + SearchPanes.prototype._makeCascadeSelections = function (newSelectionList) { + // make selections in the order they were made previously, excluding those from the pane where a deselect was made + for (var i = 0; i < newSelectionList.length; i++) { + var _loop_1 = function (pane) { + if (pane.s.index === newSelectionList[i].index && pane.s.dtPane !== undefined) { + // When regenerating the cascade selections we need this flag so that the panes are only ignored if it + // is the last selection and the pane for that selection + if (i === newSelectionList.length - 1) { + pane.s.lastCascade = true; + } + // if there are any selections currently in the pane then deselect them as we are about to make our new selections + if (pane.s.dtPane.rows({ selected: true }).data().toArray().length > 0 && pane.s.dtPane !== undefined) { + pane.setClear(true); + pane.clearPane(); + pane.setClear(false); + } + var _loop_2 = function (row) { + pane.s.dtPane.rows().every(function (rowIdx) { + if (pane.s.dtPane.row(rowIdx).data() !== undefined && + row !== undefined && + pane.s.dtPane.row(rowIdx).data().filter === row.filter) { + pane.s.dtPane.row(rowIdx).select(); + } + }); + }; + // select every row in the pane that was selected previously + for (var _i = 0, _a = newSelectionList[i].rows; _i < _a.length; _i++) { + var row = _a[_i]; + _loop_2(row); + } + // Update the label that shows how many filters are in place + this_1._updateFilterCount(); + pane.s.lastCascade = false; + } + }; + var this_1 = this; + // As the selections may have been made across the panes in a different order to the pane index we must identify + // which pane has the index of the selection. This is also important for colreorder etc + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + _loop_1(pane); + } + } + // Make sure that the state is saved after all of these selections + this.s.dt.state.save(); + }; + /** + * Declares the instances of individual searchpanes dependant on the number of columns. + * It is necessary to run this once preInit has completed otherwise no panes will be + * created as the column count will be 0. + * @param table the DataTable api for the parent table + * @param paneSettings the settings passed into the constructor + * @param opts the options passed into the constructor + */ + SearchPanes.prototype._paneDeclare = function (table, paneSettings, opts) { + var _this = this; + // Create Panes + table + .columns(this.c.columns.length > 0 ? this.c.columns : undefined) + .eq(0) + .each(function (idx) { + _this.s.panes.push(new SearchPane(paneSettings, opts, idx, _this.c.layout, _this.dom.panes)); + }); + // If there is any extra custom panes defined then create panes for them too + var rowLength = table.columns().eq(0).toArray().length; + var paneLength = this.c.panes.length; + for (var i = 0; i < paneLength; i++) { + var id = rowLength + i; + this.s.panes.push(new SearchPane(paneSettings, opts, id, this.c.layout, this.dom.panes, this.c.panes[i])); + } + // If a custom ordering is being used + if (this.c.order.length > 0) { + // Make a new Array of panes based upon the order + var newPanes = this.c.order.map(function (name, index, values) { + return _this._findPane(name); + }); + // Remove the old panes from the dom + this.dom.panes.empty(); + this.s.panes = newPanes; + // Append the panes in the correct order + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + this.dom.panes.append(pane.dom.container); + } + } + // If this internal property is true then the DataTable has been initialised already + if (this.s.dt.settings()[0]._bInitComplete) { + this._paneStartup(table); + } + else { + // Otherwise add the paneStartup function to the list of functions that are to be run when the table is initialised + // This will garauntee that the panes are initialised before the init event and init Complete callback is fired + this.s.dt.settings()[0].aoInitComplete.push({ fn: function () { + _this._paneStartup(table); + } }); + } + }; + /** + * Finds a pane based upon the name of that pane + * @param name string representing the name of the pane + * @returns SearchPane The pane which has that name + */ + SearchPanes.prototype._findPane = function (name) { + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + if (name === pane.s.name) { + return pane; + } + } + }; + /** + * Runs the start up functions for the panes to enable listeners and populate panes + * @param table the DataTable api for the parent Table + */ + SearchPanes.prototype._paneStartup = function (table) { + var _this = this; + // Magic number of 500 is a guess at what will be fast + if (this.s.dt.page.info().recordsTotal <= 500) { + this._startup(table); + } + else { + setTimeout(function () { + _this._startup(table); + }, 100); + } + }; + /** + * Works out which panes to update when data is recieved from the server and viewTotal is active + */ + SearchPanes.prototype._serverTotals = function () { + var selectPresent = false; + var deselectPresent = false; + var table = this.s.dt; + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + // Identify the pane where a selection or deselection has been made and add it to the list. + if (pane.s.selectPresent) { + this.s.selectionList.push({ index: pane.s.index, rows: pane.s.dtPane.rows({ selected: true }).data().toArray(), protect: false }); + table.state.save(); + pane.s.selectPresent = false; + selectPresent = true; + break; + } + else if (pane.s.deselect) { + var selectedData = pane.s.dtPane.rows({ selected: true }).data().toArray(); + if (selectedData.length > 0) { + this.s.selectionList.push({ index: pane.s.index, rows: selectedData, protect: true }); + } + selectPresent = true; + deselectPresent = true; + } + } + // Build an updated list based on any selections or deselections added + if (!selectPresent) { + this.s.selectionList = []; + } + else { + var newSelectionList = []; + for (var i = 0; i < this.s.selectionList.length; i++) { + var further = false; + // Find out if this selection is the last one in the list for that pane + for (var j = i + 1; j < this.s.selectionList.length; j++) { + if (this.s.selectionList[j].index === this.s.selectionList[i].index) { + further = true; + } + } + // If there are no selections for this pane in the list then just push this one + if (!further && + this.s.panes[this.s.selectionList[i].index].s.dtPane.rows({ selected: true }).data().toArray().length > 0) { + newSelectionList.push(this.s.selectionList[i]); + } + } + this.s.selectionList = newSelectionList; + } + var initIdx = -1; + // If there has been a deselect and only one pane has a selection then update everything + if (deselectPresent && this.s.selectionList.length === 1) { + for (var _b = 0, _c = this.s.panes; _b < _c.length; _b++) { + var pane = _c[_b]; + pane.s.lastSelect = false; + pane.s.deselect = false; + if (pane.s.dtPane !== undefined && pane.s.dtPane.rows({ selected: true }).data().toArray().length > 0) { + initIdx = pane.s.index; + } + } + } + // Otherwise if there are more 1 selections then find the last one and set it to not update that pane + else if (this.s.selectionList.length > 0) { + var last = this.s.selectionList[this.s.selectionList.length - 1].index; + for (var _d = 0, _e = this.s.panes; _d < _e.length; _d++) { + var pane = _e[_d]; + pane.s.lastSelect = (pane.s.index === last); + pane.s.deselect = false; + } + } + // Otherwise if there are no selections then find where that took place and do not update to maintain scrolling + else if (this.s.selectionList.length === 0) { + for (var _f = 0, _g = this.s.panes; _f < _g.length; _f++) { + var pane = _g[_f]; + // pane.s.lastSelect = (pane.s.deselect === true); + pane.s.lastSelect = false; + pane.s.deselect = false; + } + } + $$1(this.dom.panes).empty(); + // Rebuild the desired panes + for (var _h = 0, _j = this.s.panes; _h < _j.length; _h++) { + var pane = _j[_h]; + if (!pane.s.lastSelect) { + pane.rebuildPane(undefined, this.s.dt.page.info().serverSide ? this.s.serverData : undefined, pane.s.index === initIdx ? true : null, true); + } + else { + pane._setListeners(); + } + // append all of the panes and enable select + $$1(this.dom.panes).append(pane.dom.container); + if (pane.s.dtPane !== undefined) { + $$1(pane.s.dtPane.table().node()).parent()[0].scrollTop = pane.s.scrollTop; + $$1.fn.dataTable.select.init(pane.s.dtPane); + } + } + }; + /** + * Initialises the tables previous/preset selections and initialises callbacks for events + * @param table the parent table for which the searchPanes are being created + */ + SearchPanes.prototype._startup = function (table) { + var _this = this; + $$1(this.dom.container).text(''); + // Attach clear button and title bar to the document + this._attachExtras(); + $$1(this.dom.container).append(this.dom.panes); + $$1(this.dom.panes).empty(); + if (this.c.viewTotal && !this.c.cascadePanes) { + var loadedFilter = this.s.dt.state.loaded(); + if (loadedFilter !== null && + loadedFilter !== undefined && + loadedFilter.searchPanes !== undefined && + loadedFilter.searchPanes.panes !== undefined) { + var filterActive = false; + for (var _i = 0, _a = loadedFilter.searchPanes.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + if (pane.selected.length > 0) { + filterActive = true; + break; + } + } + if (filterActive) { + for (var _b = 0, _c = this.s.panes; _b < _c.length; _b++) { + var pane = _c[_b]; + pane.s.showFiltered = true; + } + } + } + } + for (var _d = 0, _e = this.s.panes; _d < _e.length; _d++) { + var pane = _e[_d]; + pane.rebuildPane(undefined, this.s.dt.page.info().serverSide ? this.s.serverData : undefined); + $$1(this.dom.panes).append(pane.dom.container); + } + if (this.c.viewTotal && !this.c.cascadePanes) { + for (var _f = 0, _g = this.s.panes; _f < _g.length; _f++) { + var pane = _g[_f]; + pane.updatePane(); + } + } + this._updateFilterCount(); + this._checkMessage(); + // When a draw is called on the DataTable, update all of the panes incase the data in the DataTable has changed + table.on('draw.dtsps', function () { + _this._updateFilterCount(); + if ((_this.c.cascadePanes || _this.c.viewTotal) && !_this.s.dt.page.info().serverSide) { + _this.redrawPanes(); + } + else { + _this._updateSelection(); + } + _this.s.filterPane = -1; + }); + // Whenever a state save occurs store the selection list in the state object + this.s.dt.on('stateSaveParams.dtsp', function (e, settings, data) { + if (data.searchPanes === undefined) { + data.searchPanes = {}; + } + data.searchPanes.selectionList = _this.s.selectionList; + }); + // If the data is reloaded from the server then it is possible that it has changed completely, + // so we need to rebuild the panes + this.s.dt.on('xhr', function () { + var processing = false; + if (!_this.s.dt.page.info().serverSide) { + _this.s.dt.one('draw', function () { + if (processing) { + return; + } + processing = true; + $$1(_this.dom.panes).empty(); + for (var _i = 0, _a = _this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + pane.clearData(); // Clears all of the bins and will mean that the data has to be re-read + // Pass a boolean to say whether this is the last choice made for maintaining selections when rebuilding + pane.rebuildPane(_this.s.selectionList[_this.s.selectionList.length - 1] !== undefined ? + pane.s.index === _this.s.selectionList[_this.s.selectionList.length - 1].index : + false, undefined, undefined, true); + $$1(_this.dom.panes).append(pane.dom.container); + } + if (_this.c.cascadePanes || _this.c.viewTotal) { + _this.redrawPanes(_this.c.cascadePanes); + } + else { + _this._updateSelection(); + } + _this._checkMessage(); + }); + } + }); + if (this.s.selectionList !== undefined && this.s.selectionList.length > 0) { + var last = this.s.selectionList[this.s.selectionList.length - 1].index; + for (var _h = 0, _j = this.s.panes; _h < _j.length; _h++) { + var pane = _j[_h]; + pane.s.lastSelect = (pane.s.index === last); + } + } + // If cascadePanes is active then make the previous selections in the order they were previously + if (this.s.selectionList.length > 0 && this.c.cascadePanes) { + this._cascadeRegen(this.s.selectionList); + } + // PreSelect any selections which have been defined using the preSelect option + table + .columns(this.c.columns.length > 0 ? this.c.columns : undefined) + .eq(0) + .each(function (idx) { + if (_this.s.panes[idx] !== undefined && + _this.s.panes[idx].s.dtPane !== undefined && + _this.s.panes[idx].s.colOpts.preSelect !== undefined) { + var tableLength = _this.s.panes[idx].s.dtPane.rows().data().toArray().length; + for (var i = 0; i < tableLength; i++) { + if (_this.s.panes[idx].s.colOpts.preSelect.indexOf(_this.s.panes[idx].s.dtPane.cell(i, 0).data()) !== -1) { + _this.s.panes[idx].s.dtPane.row(i).select(); + _this.s.panes[idx].updateTable(); + } + } + } + }); + // Update the title bar to show how many filters have been selected + this._updateFilterCount(); + // If the table is destroyed and restarted then clear the selections so that they do not persist. + table.on('destroy.dtsps', function () { + for (var _i = 0, _a = _this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + pane.destroy(); + } + table.off('.dtsps'); + $$1(_this.dom.clearAll).off('.dtsps'); + $$1(_this.dom.container).remove(); + _this.clearSelections(); + }); + // When the clear All button has been pressed clear all of the selections in the panes + if (this.c.clear) { + $$1(this.dom.clearAll).on('click.dtsps', function () { + _this.clearSelections(); + }); + } + if (this.s.dt.page.info().serverSide) { + table.on('preXhr.dt', function (e, settings, data) { + if (data.searchPanes === undefined) { + data.searchPanes = {}; + } + for (var _i = 0, _a = _this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + var src = _this.s.dt.column(pane.s.index).dataSrc(); + if (data.searchPanes[src] === undefined) { + data.searchPanes[src] = {}; + } + if (pane.s.dtPane !== undefined) { + var rowData = pane.s.dtPane.rows({ selected: true }).data().toArray(); + for (var i = 0; i < rowData.length; i++) { + data.searchPanes[src][i] = rowData[i].display; + } + } + } + if (_this.c.viewTotal) { + _this._prepViewTotal(); + } + }); + } + else { + table.on('preXhr.dt', function (e, settings, data) { + for (var _i = 0, _a = _this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + pane.clearData(); + } + }); + } + table.settings()[0]._searchPanes = this; + }; + SearchPanes.prototype._prepViewTotal = function () { + var filterPane = this.s.filterPane; + var filterActive = false; + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + if (pane.s.dtPane !== undefined) { + var selectLength = pane.s.dtPane.rows({ selected: true }).data().toArray().length; + // If filterPane === -1 then a pane with a selection has not been found yet, so set filterPane to that panes index + if (selectLength > 0 && filterPane === -1) { + filterPane = pane.s.index; + filterActive = true; + } + // Then if another pane is found with a selection then set filterPane to null to + // show that multiple panes have selections present + else if (selectLength > 0) { + filterPane = null; + } + } + } + // Update all of the panes to reflect the current state of the filters + for (var _b = 0, _c = this.s.panes; _b < _c.length; _b++) { + var pane = _c[_b]; + if (pane.s.dtPane !== undefined) { + pane.s.filteringActive = true; + if ((filterPane !== -1 && filterPane !== null && filterPane === pane.s.index) || filterActive === false) { + pane.s.filteringActive = false; + } + } + } + }; + /** + * Updates the number of filters that have been applied in the title + */ + SearchPanes.prototype._updateFilterCount = function () { + var filterCount = 0; + // Add the number of all of the filters throughout the panes + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + if (pane.s.dtPane !== undefined) { + filterCount += pane.getPaneCount(); + } + } + // Run the message through the internationalisation method to improve readability + var message = this.s.dt.i18n('searchPanes.title', 'Filters Active - %d', filterCount); + $$1(this.dom.title).text(message); + if (this.c.filterChanged !== undefined && typeof this.c.filterChanged === 'function') { + this.c.filterChanged(filterCount); + } + }; + /** + * Updates the selectionList when cascade is not in place + */ + SearchPanes.prototype._updateSelection = function () { + this.s.selectionList = []; + for (var _i = 0, _a = this.s.panes; _i < _a.length; _i++) { + var pane = _a[_i]; + if (pane.s.dtPane !== undefined) { + this.s.selectionList.push({ index: pane.s.index, rows: pane.s.dtPane.rows({ selected: true }).data().toArray(), protect: false }); + } + } + this.s.dt.state.save(); + }; + SearchPanes.version = '1.1.1'; + SearchPanes.classes = { + clear: 'dtsp-clear', + clearAll: 'dtsp-clearAll', + container: 'dtsp-searchPanes', + emptyMessage: 'dtsp-emptyMessage', + hide: 'dtsp-hidden', + panes: 'dtsp-panesContainer', + search: 'dtsp-search', + title: 'dtsp-title', + titleRow: 'dtsp-titleRow' + }; + // Define SearchPanes default options + SearchPanes.defaults = { + cascadePanes: false, + clear: true, + container: function (dt) { + return dt.table().container(); + }, + columns: [], + filterChanged: undefined, + layout: 'columns-3', + order: [], + panes: [], + viewTotal: false + }; + return SearchPanes; + }()); + + /*! SearchPanes 1.1.1 + * 2019-2020 SpryMedia Ltd - datatables.net/license + */ + // DataTables extensions common UMD. Note that this allows for AMD, CommonJS + // (with window and jQuery being allowed as parameters to the returned + // function) or just default browser loading. + (function (factory) { + if (typeof define === 'function' && define.amd) { + // AMD + define(['jquery', 'datatables.net'], 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')(root, $).$; + } + return factory($, root, root.document); + }; + } + else { + // Browser - assume jQuery has already been loaded + factory(window.jQuery, window, document); + } + }(function ($, window, document) { + setJQuery($); + setJQuery$1($); + var DataTable = $.fn.dataTable; + $.fn.dataTable.SearchPanes = SearchPanes; + $.fn.DataTable.SearchPanes = SearchPanes; + $.fn.dataTable.SearchPane = SearchPane; + $.fn.DataTable.SearchPane = SearchPane; + DataTable.Api.register('searchPanes.rebuild()', function () { + return this.iterator('table', function () { + if (this.searchPanes) { + this.searchPanes.rebuild(); + } + }); + }); + DataTable.Api.register('column().paneOptions()', function (options) { + return this.iterator('column', function (idx) { + var col = this.aoColumns[idx]; + if (!col.searchPanes) { + col.searchPanes = {}; + } + col.searchPanes.values = options; + if (this.searchPanes) { + this.searchPanes.rebuild(); + } + }); + }); + var apiRegister = $.fn.dataTable.Api.register; + apiRegister('searchPanes()', function () { + return this; + }); + apiRegister('searchPanes.clearSelections()', function () { + var ctx = this.context[0]; + ctx._searchPanes.clearSelections(); + return this; + }); + apiRegister('searchPanes.rebuildPane()', function (targetIdx, maintainSelections) { + var ctx = this.context[0]; + ctx._searchPanes.rebuild(targetIdx, maintainSelections); + return this; + }); + apiRegister('searchPanes.container()', function () { + var ctx = this.context[0]; + return ctx._searchPanes.getNode(); + }); + $.fn.dataTable.ext.buttons.searchPanesClear = { + text: 'Clear Panes', + action: function (e, dt, node, config) { + dt.searchPanes.clearSelections(); + } + }; + $.fn.dataTable.ext.buttons.searchPanes = { + action: function (e, dt, node, config) { + e.stopPropagation(); + this.popover(config._panes.getNode(), { + align: 'dt-container' + }); + }, + config: {}, + init: function (dt, node, config) { + var panes = new $.fn.dataTable.SearchPanes(dt, $.extend({ + filterChanged: function (count) { + dt.button(node).text(dt.i18n('searchPanes.collapse', { 0: 'SearchPanes', _: 'SearchPanes (%d)' }, count)); + } + }, config.config)); + var message = dt.i18n('searchPanes.collapse', 'SearchPanes', 0); + dt.button(node).text(message); + config._panes = panes; + }, + text: 'Search Panes' + }; + function _init(settings, fromPre) { + if (fromPre === void 0) { fromPre = false; } + var api = new DataTable.Api(settings); + var opts = api.init().searchPanes || DataTable.defaults.searchPanes; + var searchPanes = new SearchPanes(api, opts, fromPre); + var node = searchPanes.getNode(); + return node; + } + // Attach a listener to the document which listens for DataTables initialisation + // events so we can automatically initialise + $(document).on('preInit.dt.dtsp', function (e, settings, json) { + if (e.namespace !== 'dt') { + return; + } + if (settings.oInit.searchPanes || + DataTable.defaults.searchPanes) { + if (!settings._searchPanes) { + _init(settings, true); + } + } + }); + // DataTables `dom` feature option + DataTable.ext.feature.push({ + cFeature: 'P', + fnInit: _init + }); + // DataTables 2 layout feature + if (DataTable.ext.features) { + DataTable.ext.features.register('searchPanes', _init); + } + })); + +}()); + + +(function (factory) { + if (typeof define === 'function' && define.amd) { + // AMD + define(['jquery', 'datatables.net-dt', 'datatables.net-searchPanes'], 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-dt')(root, $).$; + } + if (!$.fn.dataTable.searchPanes) { + require('datatables.net-searchpanes')(root, $); + } + return factory($, root, root.document); + }; + } + else { + // Browser + factory(jQuery, window, document); + } +}(function ($, window, document) { + 'use strict'; + var DataTable = $.fn.dataTable; + return DataTable.searchPanes; +})); + + +/*! Select for DataTables 1.3.1 + * 2015-2019 SpryMedia Ltd - datatables.net/license/mit + */ + +/** + * @summary Select for DataTables + * @description A collection of API methods, events and buttons for DataTables + * that provides selection options of the items in a DataTable + * @version 1.3.1 + * @file dataTables.select.js + * @author SpryMedia Ltd (www.sprymedia.co.uk) + * @contact datatables.net/forums + * @copyright Copyright 2015-2019 SpryMedia Ltd. + * + * This source file is free software, available under the following license: + * MIT license - http://datatables.net/license/mit + * + * This source file is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + * + * For details please refer to: http://www.datatables.net/extensions/select + */ +(function( factory ){ + if ( typeof define === 'function' && define.amd ) { + // AMD + define( ['jquery', 'datatables.net'], 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')(root, $).$; + } + + return factory( $, root, root.document ); + }; + } + else { + // Browser + factory( jQuery, window, document ); + } +}(function( $, window, document, undefined ) { +'use strict'; +var DataTable = $.fn.dataTable; + + +// Version information for debugger +DataTable.select = {}; + +DataTable.select.version = '1.3.1'; + +DataTable.select.init = function ( dt ) { + var ctx = dt.settings()[0]; + var init = ctx.oInit.select; + var defaults = DataTable.defaults.select; + var opts = init === undefined ? + defaults : + init; + + // Set defaults + var items = 'row'; + var style = 'api'; + var blurable = false; + var toggleable = true; + var info = true; + var selector = 'td, th'; + var className = 'selected'; + var setStyle = false; + + ctx._select = {}; + + // Initialisation customisations + if ( opts === true ) { + style = 'os'; + setStyle = true; + } + else if ( typeof opts === 'string' ) { + style = opts; + setStyle = true; + } + else if ( $.isPlainObject( opts ) ) { + if ( opts.blurable !== undefined ) { + blurable = opts.blurable; + } + + if ( opts.toggleable !== undefined ) { + toggleable = opts.toggleable; + } + + if ( opts.info !== undefined ) { + info = opts.info; + } + + if ( opts.items !== undefined ) { + items = opts.items; + } + + if ( opts.style !== undefined ) { + style = opts.style; + setStyle = true; + } + else { + style = 'os'; + setStyle = true; + } + + if ( opts.selector !== undefined ) { + selector = opts.selector; + } + + if ( opts.className !== undefined ) { + className = opts.className; + } + } + + dt.select.selector( selector ); + dt.select.items( items ); + dt.select.style( style ); + dt.select.blurable( blurable ); + dt.select.toggleable( toggleable ); + dt.select.info( info ); + ctx._select.className = className; + + + // Sort table based on selected rows. Requires Select Datatables extension + $.fn.dataTable.ext.order['select-checkbox'] = function ( settings, col ) { + return this.api().column( col, {order: 'index'} ).nodes().map( function ( td ) { + if ( settings._select.items === 'row' ) { + return $( td ).parent().hasClass( settings._select.className ); + } else if ( settings._select.items === 'cell' ) { + return $( td ).hasClass( settings._select.className ); + } + return false; + }); + }; + + // If the init options haven't enabled select, but there is a selectable + // class name, then enable + if ( ! setStyle && $( dt.table().node() ).hasClass( 'selectable' ) ) { + dt.select.style( 'os' ); + } +}; + +/* + +Select is a collection of API methods, event handlers, event emitters and +buttons (for the `Buttons` extension) for DataTables. It provides the following +features, with an overview of how they are implemented: + +## Selection of rows, columns and cells. Whether an item is selected or not is + stored in: + +* rows: a `_select_selected` property which contains a boolean value of the + DataTables' `aoData` object for each row +* columns: a `_select_selected` property which contains a boolean value of the + DataTables' `aoColumns` object for each column +* cells: a `_selected_cells` property which contains an array of boolean values + of the `aoData` object for each row. The array is the same length as the + columns array, with each element of it representing a cell. + +This method of using boolean flags allows Select to operate when nodes have not +been created for rows / cells (DataTables' defer rendering feature). + +## API methods + +A range of API methods are available for triggering selection and de-selection +of rows. Methods are also available to configure the selection events that can +be triggered by an end user (such as which items are to be selected). To a large +extent, these of API methods *is* Select. It is basically a collection of helper +functions that can be used to select items in a DataTable. + +Configuration of select is held in the object `_select` which is attached to the +DataTables settings object on initialisation. Select being available on a table +is not optional when Select is loaded, but its default is for selection only to +be available via the API - so the end user wouldn't be able to select rows +without additional configuration. + +The `_select` object contains the following properties: + +``` +{ + items:string - Can be `rows`, `columns` or `cells`. Defines what item + will be selected if the user is allowed to activate row + selection using the mouse. + style:string - Can be `none`, `single`, `multi` or `os`. Defines the + interaction style when selecting items + blurable:boolean - If row selection can be cleared by clicking outside of + the table + toggleable:boolean - If row selection can be cancelled by repeated clicking + on the row + info:boolean - If the selection summary should be shown in the table + information elements +} +``` + +In addition to the API methods, Select also extends the DataTables selector +options for rows, columns and cells adding a `selected` option to the selector +options object, allowing the developer to select only selected items or +unselected items. + +## Mouse selection of items + +Clicking on items can be used to select items. This is done by a simple event +handler that will select the items using the API methods. + + */ + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Local functions + */ + +/** + * Add one or more cells to the selection when shift clicking in OS selection + * style cell selection. + * + * Cell range is more complicated than row and column as we want to select + * in the visible grid rather than by index in sequence. For example, if you + * click first in cell 1-1 and then shift click in 2-2 - cells 1-2 and 2-1 + * should also be selected (and not 1-3, 1-4. etc) + * + * @param {DataTable.Api} dt DataTable + * @param {object} idx Cell index to select to + * @param {object} last Cell index to select from + * @private + */ +function cellRange( dt, idx, last ) +{ + var indexes; + var columnIndexes; + var rowIndexes; + var selectColumns = function ( start, end ) { + if ( start > end ) { + var tmp = end; + end = start; + start = tmp; + } + + var record = false; + return dt.columns( ':visible' ).indexes().filter( function (i) { + if ( i === start ) { + record = true; + } + + if ( i === end ) { // not else if, as start might === end + record = false; + return true; + } + + return record; + } ); + }; + + var selectRows = function ( start, end ) { + var indexes = dt.rows( { search: 'applied' } ).indexes(); + + // Which comes first - might need to swap + if ( indexes.indexOf( start ) > indexes.indexOf( end ) ) { + var tmp = end; + end = start; + start = tmp; + } + + var record = false; + return indexes.filter( function (i) { + if ( i === start ) { + record = true; + } + + if ( i === end ) { + record = false; + return true; + } + + return record; + } ); + }; + + if ( ! dt.cells( { selected: true } ).any() && ! last ) { + // select from the top left cell to this one + columnIndexes = selectColumns( 0, idx.column ); + rowIndexes = selectRows( 0 , idx.row ); + } + else { + // Get column indexes between old and new + columnIndexes = selectColumns( last.column, idx.column ); + rowIndexes = selectRows( last.row , idx.row ); + } + + indexes = dt.cells( rowIndexes, columnIndexes ).flatten(); + + if ( ! dt.cells( idx, { selected: true } ).any() ) { + // Select range + dt.cells( indexes ).select(); + } + else { + // Deselect range + dt.cells( indexes ).deselect(); + } +} + +/** + * Disable mouse selection by removing the selectors + * + * @param {DataTable.Api} dt DataTable to remove events from + * @private + */ +function disableMouseSelection( dt ) +{ + var ctx = dt.settings()[0]; + var selector = ctx._select.selector; + + $( dt.table().container() ) + .off( 'mousedown.dtSelect', selector ) + .off( 'mouseup.dtSelect', selector ) + .off( 'click.dtSelect', selector ); + + $('body').off( 'click.dtSelect' + _safeId(dt.table().node()) ); +} + +/** + * Attach mouse listeners to the table to allow mouse selection of items + * + * @param {DataTable.Api} dt DataTable to remove events from + * @private + */ +function enableMouseSelection ( dt ) +{ + var container = $( dt.table().container() ); + var ctx = dt.settings()[0]; + var selector = ctx._select.selector; + var matchSelection; + + container + .on( 'mousedown.dtSelect', selector, function(e) { + // Disallow text selection for shift clicking on the table so multi + // element selection doesn't look terrible! + if ( e.shiftKey || e.metaKey || e.ctrlKey ) { + container + .css( '-moz-user-select', 'none' ) + .one('selectstart.dtSelect', selector, function () { + return false; + } ); + } + + if ( window.getSelection ) { + matchSelection = window.getSelection(); + } + } ) + .on( 'mouseup.dtSelect', selector, function() { + // Allow text selection to occur again, Mozilla style (tested in FF + // 35.0.1 - still required) + container.css( '-moz-user-select', '' ); + } ) + .on( 'click.dtSelect', selector, function ( e ) { + var items = dt.select.items(); + var idx; + + // If text was selected (click and drag), then we shouldn't change + // the row's selected state + if ( matchSelection ) { + var selection = window.getSelection(); + + // If the element that contains the selection is not in the table, we can ignore it + // This can happen if the developer selects text from the click event + if ( ! selection.anchorNode || $(selection.anchorNode).closest('table')[0] === dt.table().node() ) { + if ( selection !== matchSelection ) { + return; + } + } + } + + var ctx = dt.settings()[0]; + var wrapperClass = $.trim(dt.settings()[0].oClasses.sWrapper).replace(/ +/g, '.'); + + // Ignore clicks inside a sub-table + if ( $(e.target).closest('div.'+wrapperClass)[0] != dt.table().container() ) { + return; + } + + var cell = dt.cell( $(e.target).closest('td, th') ); + + // Check the cell actually belongs to the host DataTable (so child + // rows, etc, are ignored) + if ( ! cell.any() ) { + return; + } + + var event = $.Event('user-select.dt'); + eventTrigger( dt, event, [ items, cell, e ] ); + + if ( event.isDefaultPrevented() ) { + return; + } + + var cellIndex = cell.index(); + if ( items === 'row' ) { + idx = cellIndex.row; + typeSelect( e, dt, ctx, 'row', idx ); + } + else if ( items === 'column' ) { + idx = cell.index().column; + typeSelect( e, dt, ctx, 'column', idx ); + } + else if ( items === 'cell' ) { + idx = cell.index(); + typeSelect( e, dt, ctx, 'cell', idx ); + } + + ctx._select_lastCell = cellIndex; + } ); + + // Blurable + $('body').on( 'click.dtSelect' + _safeId(dt.table().node()), function ( e ) { + if ( ctx._select.blurable ) { + // If the click was inside the DataTables container, don't blur + if ( $(e.target).parents().filter( dt.table().container() ).length ) { + return; + } + + // Ignore elements which have been removed from the DOM (i.e. paging + // buttons) + if ( $(e.target).parents('html').length === 0 ) { + return; + } + + // Don't blur in Editor form + if ( $(e.target).parents('div.DTE').length ) { + return; + } + + clear( ctx, true ); + } + } ); +} + +/** + * Trigger an event on a DataTable + * + * @param {DataTable.Api} api DataTable to trigger events on + * @param {boolean} selected true if selected, false if deselected + * @param {string} type Item type acting on + * @param {boolean} any Require that there are values before + * triggering + * @private + */ +function eventTrigger ( api, type, args, any ) +{ + if ( any && ! api.flatten().length ) { + return; + } + + if ( typeof type === 'string' ) { + type = type +'.dt'; + } + + args.unshift( api ); + + $(api.table().node()).trigger( type, args ); +} + +/** + * Update the information element of the DataTable showing information about the + * items selected. This is done by adding tags to the existing text + * + * @param {DataTable.Api} api DataTable to update + * @private + */ +function info ( api ) +{ + var ctx = api.settings()[0]; + + if ( ! ctx._select.info || ! ctx.aanFeatures.i ) { + return; + } + + if ( api.select.style() === 'api' ) { + return; + } + + var rows = api.rows( { selected: true } ).flatten().length; + var columns = api.columns( { selected: true } ).flatten().length; + var cells = api.cells( { selected: true } ).flatten().length; + + var add = function ( el, name, num ) { + el.append( $('').append( api.i18n( + 'select.'+name+'s', + { _: '%d '+name+'s selected', 0: '', 1: '1 '+name+' selected' }, + num + ) ) ); + }; + + // Internal knowledge of DataTables to loop over all information elements + $.each( ctx.aanFeatures.i, function ( i, el ) { + el = $(el); + + var output = $(''); + add( output, 'row', rows ); + add( output, 'column', columns ); + add( output, 'cell', cells ); + + var exisiting = el.children('span.select-info'); + if ( exisiting.length ) { + exisiting.remove(); + } + + if ( output.text() !== '' ) { + el.append( output ); + } + } ); +} + +/** + * Initialisation of a new table. Attach event handlers and callbacks to allow + * Select to operate correctly. + * + * This will occur _after_ the initial DataTables initialisation, although + * before Ajax data is rendered, if there is ajax data + * + * @param {DataTable.settings} ctx Settings object to operate on + * @private + */ +function init ( ctx ) { + var api = new DataTable.Api( ctx ); + + // Row callback so that classes can be added to rows and cells if the item + // was selected before the element was created. This will happen with the + // `deferRender` option enabled. + // + // This method of attaching to `aoRowCreatedCallback` is a hack until + // DataTables has proper events for row manipulation If you are reviewing + // this code to create your own plug-ins, please do not do this! + ctx.aoRowCreatedCallback.push( { + fn: function ( row, data, index ) { + var i, ien; + var d = ctx.aoData[ index ]; + + // Row + if ( d._select_selected ) { + $( row ).addClass( ctx._select.className ); + } + + // Cells and columns - if separated out, we would need to do two + // loops, so it makes sense to combine them into a single one + for ( i=0, ien=ctx.aoColumns.length ; i idx2 ) { + var tmp = idx2; + idx2 = idx1; + idx1 = tmp; + } + + indexes.splice( idx2+1, indexes.length ); + indexes.splice( 0, idx1 ); + } + + if ( ! dt[type]( idx, { selected: true } ).any() ) { + // Select range + dt[type+'s']( indexes ).select(); + } + else { + // Deselect range - need to keep the clicked on row selected + indexes.splice( $.inArray( idx, indexes ), 1 ); + dt[type+'s']( indexes ).deselect(); + } +} + +/** + * Clear all selected items + * + * @param {DataTable.settings} ctx Settings object of the host DataTable + * @param {boolean} [force=false] Force the de-selection to happen, regardless + * of selection style + * @private + */ +function clear( ctx, force ) +{ + if ( force || ctx._select.style === 'single' ) { + var api = new DataTable.Api( ctx ); + + api.rows( { selected: true } ).deselect(); + api.columns( { selected: true } ).deselect(); + api.cells( { selected: true } ).deselect(); + } +} + +/** + * Select items based on the current configuration for style and items. + * + * @param {object} e Mouse event object + * @param {DataTables.Api} dt DataTable + * @param {DataTable.settings} ctx Settings object of the host DataTable + * @param {string} type Items to select + * @param {int|object} idx Index of the item to select + * @private + */ +function typeSelect ( e, dt, ctx, type, idx ) +{ + var style = dt.select.style(); + var toggleable = dt.select.toggleable(); + var isSelected = dt[type]( idx, { selected: true } ).any(); + + if ( isSelected && ! toggleable ) { + return; + } + + if ( style === 'os' ) { + if ( e.ctrlKey || e.metaKey ) { + // Add or remove from the selection + dt[type]( idx ).select( ! isSelected ); + } + else if ( e.shiftKey ) { + if ( type === 'cell' ) { + cellRange( dt, idx, ctx._select_lastCell || null ); + } + else { + rowColumnRange( dt, type, idx, ctx._select_lastCell ? + ctx._select_lastCell[type] : + null + ); + } + } + else { + // No cmd or shift click - deselect if selected, or select + // this row only + var selected = dt[type+'s']( { selected: true } ); + + if ( isSelected && selected.flatten().length === 1 ) { + dt[type]( idx ).deselect(); + } + else { + selected.deselect(); + dt[type]( idx ).select(); + } + } + } else if ( style == 'multi+shift' ) { + if ( e.shiftKey ) { + if ( type === 'cell' ) { + cellRange( dt, idx, ctx._select_lastCell || null ); + } + else { + rowColumnRange( dt, type, idx, ctx._select_lastCell ? + ctx._select_lastCell[type] : + null + ); + } + } + else { + dt[ type ]( idx ).select( ! isSelected ); + } + } + else { + dt[ type ]( idx ).select( ! isSelected ); + } +} + +function _safeId( node ) { + return node.id.replace(/[^a-zA-Z0-9\-\_]/g, '-'); +} + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables selectors + */ + +// row and column are basically identical just assigned to different properties +// and checking a different array, so we can dynamically create the functions to +// reduce the code size +$.each( [ + { type: 'row', prop: 'aoData' }, + { type: 'column', prop: 'aoColumns' } +], function ( i, o ) { + DataTable.ext.selector[ o.type ].push( function ( settings, opts, indexes ) { + var selected = opts.selected; + var data; + var out = []; + + if ( selected !== true && selected !== false ) { + return indexes; + } + + for ( var i=0, ien=indexes.length ; i 0 ); + } ); + + this.disable(); + }, + destroy: function ( dt, node, config ) { + dt.off( config._eventNamespace ); + } + } +} ); + +$.each( [ 'Row', 'Column', 'Cell' ], function ( i, item ) { + var lc = item.toLowerCase(); + + DataTable.ext.buttons[ 'select'+item+'s' ] = { + text: i18n( 'select'+item+'s', 'Select '+lc+'s' ), + className: 'buttons-select-'+lc+'s', + action: function () { + this.select.items( lc ); + }, + init: function ( dt ) { + var that = this; + + dt.on( 'selectItems.dt.DT', function ( e, ctx, items ) { + that.active( items === lc ); + } ); + } + }; +} ); + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Initialisation + */ + +// DataTables creation - check if select has been defined in the options. Note +// this required that the table be in the document! If it isn't then something +// needs to trigger this method unfortunately. The next major release of +// DataTables will rework the events and address this. +$(document).on( 'preInit.dt.dtSelect', function (e, ctx) { + if ( e.namespace !== 'dt' ) { + return; + } + + DataTable.select.init( new DataTable.Api( ctx ) ); +} ); + + +return DataTable.select; +})); + + diff --git a/www/datatables/datatables.min.css b/www/datatables/datatables.min.css new file mode 100644 index 0000000..fbaa6f9 --- /dev/null +++ b/www/datatables/datatables.min.css @@ -0,0 +1,24 @@ +/* + * This combined file was created by the DataTables downloader builder: + * https://datatables.net/download + * + * To rebuild or modify this file with the latest versions of the included + * software please visit: + * https://datatables.net/download/#dt/dt-1.10.21/fh-3.1.7/sp-1.1.1/sl-1.3.1 + * + * Included libraries: + * DataTables 1.10.21, FixedHeader 3.1.7, SearchPanes 1.1.1, Select 1.3.1 + */ + +table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("DataTables-1.10.21/images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("DataTables-1.10.21/images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("DataTables-1.10.21/images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("DataTables-1.10.21/images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("DataTables-1.10.21/images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}} + + +table.fixedHeader-floating{position:fixed !important;background-color:white}table.fixedHeader-floating.no-footer{border-bottom-width:0}table.fixedHeader-locked{position:absolute !important;background-color:white}@media print{table.fixedHeader-floating{display:none}} + + +div.dtsp-topRow{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-content:flex-start;align-items:flex-start}div.dtsp-topRow input.dtsp-search{text-overflow:ellipsis}div.dtsp-topRow div.dtsp-subRow1{display:flex;flex-direction:row;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0}div.dtsp-topRow div.dtsp-searchCont{display:flex;flex-direction:row;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0}div.dtsp-topRow button.dtsp-nameButton{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAK2SURBVFgJ7ZY9j41BFICvryCExrJBQ6HyEYVEIREaUZDQIRoR2ViJKCioxV+gkVXYTVZEQiEUhG2EQnxUCh0FKolY4ut5XnM2cyfva3Pt5m7EPcmzZ2bemTNnzjkzd1utnvQi0IvAfxiBy5z5FoxO89kPY+8mbMjtzs47RXs5/WVpbAG6bWExt5PuIibvhVkwmC+ck3eK9ln6/fAddFojYzBVuYSBpcnIEvRaqOw2RcaN18FPuJH0JvRUxbT3wWf4ltiKPgfVidWlbGZgPozDFfgAC+EA/K2EI4cwcAJ+gPaeQ+VQU2SOMMGcPgPl/m/V2p50rrbRsRgt9Iv5h6xtpP22Bz7Ce1C+gFFxfKzOmShcU+Qmyh2w3w8rIJfddHTck66EukL/xPhj+JM8rHNmFys0Pg4v0up3aFNlwR9NYyodd3OL/C64zpsymcTFcf6ElM4YzjAWKYrJkaq8kE/yUYNP4BoYvS1QRo+hNtF5xfkTUjoTheukSFFMjlTFm6PjceOca/SMpKfeCR1L6Uzk/y2WIkVhNFJlJAZhP+hYns7b9D3IPuhY5mYrIv8OrQJvR5NYyNaW4jsU8pSGNySiVx4o5tXq3JkoXE/mg5R/M8dGJCJpKhaDcjBRdbI/Rm8g69c122om33BHmj2CHoV5qa9jUXBraJ+G1fAVjIBO1klc87ro1K4JZ/K35SWW3TwcyDd6TecqnAEd8cGq2+w84xvBm1n3vS0izKkkwh5XNC/GmFPqqAtPF89AOScKuemaNzoTV1SD5dtSbmLf1/RV+tC0WTgcj6R7HEtrVGWaqu/lYDZ/2pvxQ/kIyw/gFByHC9AHw910hv1aUUumyd8yy0QfhmEkfiNod0Xusct68J1qc8Tdux0Z97Q+hsDb+AYGYEbF/4Guw2Q/qDPqZG/zXgT+3Qj8AtKnfWhFwmuAAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:center;background-size:23px;vertical-align:bottom}div.dtsp-topRow button.dtsp-countButton{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAG5SURBVEgN3VU9LwVBFF0fiYhofUSlEQkKhU7z/oBCQkIiGr9BgUbhVzy9BAnhFyjV/AYFiU5ICM7ZN+c5Zud5dm3lJmfmzrkz9+7cu3c3y/6jjOBSF8CxXS7FmTkbwqIJjDpJvTcmsJ4K3KPZUpyZsx0sxoB9J6mnAkyC7wGuuCFIipNtEcpcWExgXpOBc78vgj6N+QO4NVsjwdFM59tUIDxDrHMBOeIQ34C5ZDregXuAQm4YcI68nN9B3wr2PcwPAIPkN2EqtJH6b+QZm1ajjTx7BqwAr26Lb+C2Kvpbt0Mb2HAJ7NrGFGfmXO3DeA4UshDfQAVmH0gaUFg852TTTDvlxwBlCtxy9zXyBhQFaq0wMmIdRebrfgosA3zb2hKnqG0oqchp4QbuR8X0TjzABhbdOT8jnQ/atcgqpnfwOA7yqZyTU587ZkIGdesLTt2EkynOnbreMUUKMI/dA4B/QVOcO13CQh+5wWCgDwo/75u59odB/wjmfhbgvACcAOyZPHihMWAoIwxyCLgf1oxfgjzVbgBXSTzIN+f0pg6s5DkcesLMRpsBrgE2XO3CN64JFP7JtUeKHX4CKtRRXFZ+7dEAAAAASUVORK5CYII=");background-repeat:no-repeat;background-position:center;background-size:18px;vertical-align:bottom}div.dtsp-topRow button.dtsp-searchIcon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAEnSURBVCgVpdG7SgNBFIDh1RhJsBBEsDIgIhaWFjZa2GtpKb6AnU0MprKOWEjK2IuFFxCxS2lhZyOWXh5AQVER/X+zuwwywoIHvp3dM3Nm55Ik/4i+P2or5FewiBIe0cEt8ogVz9LbhEVf+cgkcew1tvAZ5PPXGm9HOMEanMAYQhunaCAazuqA1UjvILl9HGPc/n4fabjPGbzjMM2FjfkDuPw5O8JilzgA9/OKWDynyWnbsPiF7yc4SRWxmEyTN7ZhsSd7gTLW8TuGSSzBcZd2hsV+n+MNC9jGCNzjPDwsz8XCO/x02Bqeptcxhg+4gjD8YxetLOkBGRbuwcIr+NdRLMPl3uMM2YHx2gsLd+D97qKEQuGe65jCAzbgVRWOCUZuovAfs5m/AdVxL0R1AIsLAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:center;background-size:12px}div.dt-button-collection{z-index:2002}div.dataTables_scrollBody{background:white !important}div.dtsp-columns-1{min-width:98%;max-width:98%;padding-left:1%;padding-right:1%;margin:0px !important}div.dtsp-columns-2{min-width:48%;max-width:48%;padding-left:1%;padding-right:1%;margin:0px !important}div.dtsp-columns-3{min-width:30.333%;max-width:30.333%;padding-left:1%;padding-right:1%;margin:0px !important}div.dtsp-columns-4{min-width:23%;max-width:23%;padding-left:1%;padding-right:1%;margin:0px !important}div.dtsp-columns-5{min-width:18%;max-width:18%;padding-left:1%;padding-right:1%;margin:0px !important}div.dtsp-columns-6{min-width:15.666%;max-width:15.666%;padding-left:0.5%;padding-right:0.5%;margin:0px !important}div.dtsp-columns-7{min-width:13.28%;max-width:13.28%;padding-left:0.5%;padding-right:0.5%;margin:0px !important}div.dtsp-columns-8{min-width:11.5%;max-width:11.5%;padding-left:0.5%;padding-right:0.5%;margin:0px !important}div.dtsp-columns-9{min-width:11.111%;max-width:11.111%;padding-left:0.5%;padding-right:0.5%;margin:0px !important}div.dt-button-collection{float:none}div.dtsp-panesContainer{width:100%}div.dtsp-panesContainer{font-family:'Roboto', sans-serif;padding:5px;border:1px solid #ccc;border-radius:6px;margin:5px 0;clear:both;text-align:center}div.dtsp-panesContainer div.dtsp-searchPanes{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:stretch;clear:both;text-align:start}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-hidden{display:none !important}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane{flex-direction:row;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:280px;justify-content:space-around;align-content:flex-start;align-items:stretch;padding-top:0px;padding-bottom:0px;margin:5px;margin-top:0px;margin-bottom:0px;font-size:0.9em}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper{flex:1;margin:1em 0.5%;margin-top:0px;border-bottom:2px solid #f0f0f0;border:2px solid #f0f0f0;border-radius:4px}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper:hover{border:2px solid #cfcfcf}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dataTables_filter{display:none}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-selected{border:2px solid #3276b1;border-radius:4px}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-selected:hover{border:2px solid #286092}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-content:flex-start;align-items:flex-start}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont{display:flex;flex-direction:row;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont input.dtsp-search{flex-direction:row;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:90px;min-height:20px;max-width:none;min-width:50px;border:none;padding-left:12px}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont input.dtsp-search::placeholder{color:black;font-size:16px}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont div.dtsp-searchButtonCont{display:inline-block;flex-direction:row;flex-wrap:nowrap;flex-grow:0;flex-shrink:0;flex-basis:0}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont div.dtsp-searchButtonCont .dtsp-searchIcon{position:relative;display:inline-block;margin:4px;display:block;top:-2px;right:0px;font-size:16px;margin-bottom:0px}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow button.dtsp-dull{cursor:context-menu !important;color:#7c7c7c}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow button.dtsp-dull:hover{background-color:transparent}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane input.dtsp-paneInputButton,div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane button.dtsp-paneButton{height:35px;width:35px;max-width:35px;min-width:0;display:inline-block;margin:2px;border:0px solid transparent;background-color:transparent;font-size:16px;margin-bottom:0px;flex-grow:0;flex-shrink:0;flex-basis:35px;font-family:sans-serif}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane input.dtsp-paneInputButton:hover,div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane button.dtsp-paneButton:hover{background-color:#f0f0f0;border-radius:2px;cursor:pointer}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane button.dtsp-paneButton{opacity:0.6}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane input.dtsp-disabledButton{height:35px;width:35px;max-width:35px;min-width:0;display:inline-block;margin:2px;border:0px solid transparent;background-color:transparent;font-size:16px;margin-bottom:0px;flex-grow:0;flex-shrink:0;flex-basis:35px}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_scrollHead{display:none !important}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_scrollBody{border-bottom:none}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_scrollBody td.dtsp-countColumn{text-align:right}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_scrollBody td.dtsp-countColumn div.dtsp-pill{background-color:#cfcfcf;text-align:center;border:1px solid #cfcfcf;border-radius:10px;width:auto;display:inline-block;min-width:30px;color:black;font-size:0.9em;padding:0 4px}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_scrollBody span.dtsp-pill{float:right;background-color:#cfcfcf;text-align:center;border:1px solid #cfcfcf;border-radius:10px;width:auto;min-width:30px;color:black;font-size:0.9em;padding:0 4px}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane tr>th,div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane tr>td{padding:5px 10px}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane td.dtsp-countColumn{text-align:right}div.dtsp-panesContainer div.dtsp-title{float:left;margin:20px;margin-bottom:0px;margin-top:13px}div.dtsp-panesContainer button.dtsp-clearAll{float:right;margin:20px;border:1px solid transparent;background-color:transparent;padding:10px;margin-bottom:0px;margin-top:5px}div.dtsp-panesContainer button.dtsp-clearAll:hover{background-color:#f0f0f0;border-radius:2px}div.dt-button-collection div.panes{padding:0px;border:none;margin:0px}div.dtsp-hidden{display:none !important}div.dtsp-narrow{flex-direction:column !important}div.dtsp-narrow div.dtsp-subRows{width:100%;text-align:right}@media screen and (max-width: 767px){div.dtsp-columns-4,div.dtsp-columns-5,div.dtsp-columns-6{max-width:31% !important;min-width:31% !important}}@media screen and (max-width: 640px){div.dtsp-searchPanes{flex-direction:column !important}div.dtsp-searchPane{max-width:98% !important;min-width:98% !important}} + + +table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:#B0BED9}table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected{background-color:#acbad4}table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover{background-color:#aab7d1}table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected{background-color:#acbad5}table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected{background-color:#a6b4cd}table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{background-color:#acbad5}table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3{background-color:#a5b2cb}table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{background-color:#a2aec7}table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox{position:relative}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after{display:block;position:absolute;top:1.2em;left:50%;width:12px;height:12px;box-sizing:border-box}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{content:' ';margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px}table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{content:'\2714';margin-top:-11px;margin-left:-4px;text-align:center;text-shadow:1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0.5em}@media screen and (max-width: 640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}} + + diff --git a/www/datatables/datatables.min.js b/www/datatables/datatables.min.js new file mode 100644 index 0000000..a80dd2d --- /dev/null +++ b/www/datatables/datatables.min.js @@ -0,0 +1,379 @@ +/* + * This combined file was created by the DataTables downloader builder: + * https://datatables.net/download + * + * To rebuild or modify this file with the latest versions of the included + * software please visit: + * https://datatables.net/download/#dt/dt-1.10.21/fh-3.1.7/sp-1.1.1/sl-1.3.1 + * + * Included libraries: + * DataTables 1.10.21, FixedHeader 3.1.7, SearchPanes 1.1.1, Select 1.3.1 + */ + +/*! + Copyright 2008-2020 SpryMedia Ltd. + + This source file is free software, available under the following license: + MIT license - http://datatables.net/license + + This source file is distributed in the hope that it will be useful, but + WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + + For details please refer to: http://www.datatables.net + DataTables 1.10.21 + Â©2008-2020 SpryMedia Ltd - datatables.net/license +*/ +var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.findInternal=function(f,y,w){f instanceof String&&(f=String(f));for(var n=f.length,H=0;H").css({position:"fixed",top:0,left:-1*f(y).scrollLeft(),height:1,width:1, +overflow:"hidden"}).append(f("
").css({position:"absolute",top:1,left:1,width:100,overflow:"scroll"}).append(f("
").css({width:"100%",height:10}))).appendTo("body"),d=c.children(),e=d.children();b.barWidth=d[0].offsetWidth-d[0].clientWidth;b.bScrollOversize=100===e[0].offsetWidth&&100!==d[0].clientWidth;b.bScrollbarLeft=1!==Math.round(e.offset().left);b.bBounding=c[0].getBoundingClientRect().width?!0:!1;c.remove()}f.extend(a.oBrowser,q.__browser);a.oScroll.iBarWidth=q.__browser.barWidth} +function lb(a,b,c,d,e,h){var g=!1;if(c!==n){var k=c;g=!0}for(;d!==e;)a.hasOwnProperty(d)&&(k=g?b(k,a[d],d,a):a[d],g=!0,d+=h);return k}function Ha(a,b){var c=q.defaults.column,d=a.aoColumns.length;c=f.extend({},q.models.oColumn,c,{nTh:b?b:w.createElement("th"),sTitle:c.sTitle?c.sTitle:b?b.innerHTML:"",aDataSort:c.aDataSort?c.aDataSort:[d],mData:c.mData?c.mData:d,idx:d});a.aoColumns.push(c);c=a.aoPreSearchCols;c[d]=f.extend({},q.models.oSearch,c[d]);la(a,d,f(b).data())}function la(a,b,c){b=a.aoColumns[b]; +var d=a.oClasses,e=f(b.nTh);if(!b.sWidthOrig){b.sWidthOrig=e.attr("width")||null;var h=(e.attr("style")||"").match(/width:\s*(\d+[pxem%]+)/);h&&(b.sWidthOrig=h[1])}c!==n&&null!==c&&(jb(c),L(q.defaults.column,c,!0),c.mDataProp===n||c.mData||(c.mData=c.mDataProp),c.sType&&(b._sManualType=c.sType),c.className&&!c.sClass&&(c.sClass=c.className),c.sClass&&e.addClass(c.sClass),f.extend(b,c),M(b,c,"sWidth","sWidthOrig"),c.iDataSort!==n&&(b.aDataSort=[c.iDataSort]),M(b,c,"aDataSort"));var g=b.mData,k=T(g), +l=b.mRender?T(b.mRender):null;c=function(a){return"string"===typeof a&&-1!==a.indexOf("@")};b._bAttrSrc=f.isPlainObject(g)&&(c(g.sort)||c(g.type)||c(g.filter));b._setter=null;b.fnGetData=function(a,b,c){var d=k(a,b,n,c);return l&&b?l(d,b,a,c):d};b.fnSetData=function(a,b,c){return Q(g)(a,b,c)};"number"!==typeof g&&(a._rowReadObject=!0);a.oFeatures.bSort||(b.bSortable=!1,e.addClass(d.sSortableNone));a=-1!==f.inArray("asc",b.asSorting);c=-1!==f.inArray("desc",b.asSorting);b.bSortable&&(a||c)?a&&!c?(b.sSortingClass= +d.sSortableAsc,b.sSortingClassJUI=d.sSortJUIAscAllowed):!a&&c?(b.sSortingClass=d.sSortableDesc,b.sSortingClassJUI=d.sSortJUIDescAllowed):(b.sSortingClass=d.sSortable,b.sSortingClassJUI=d.sSortJUI):(b.sSortingClass=d.sSortableNone,b.sSortingClassJUI="")}function Z(a){if(!1!==a.oFeatures.bAutoWidth){var b=a.aoColumns;Ia(a);for(var c=0,d=b.length;cm[p])d(k.length+ +m[p],l);else if("string"===typeof m[p]){var v=0;for(g=k.length;vb&&a[e]--; -1!=d&&c===n&&a.splice(d,1)}function da(a,b,c,d){var e=a.aoData[b],h,g=function(c,d){for(;c.childNodes.length;)c.removeChild(c.firstChild);c.innerHTML=F(a,b,d,"display")};if("dom"!==c&&(c&&"auto"!==c||"dom"!==e.src)){var k=e.anCells;if(k)if(d!==n)g(k[d],d);else for(c=0,h=k.length;c").appendTo(d));var l=0;for(b=k.length;ltr").attr("role","row");f(d).find(">tr>th, >tr>td").addClass(g.sHeaderTH);f(e).find(">tr>th, >tr>td").addClass(g.sFooterTH);if(null!==e)for(a=a.aoFooter[0],l=0,b=a.length;l=a.fnRecordsDisplay()?0:g,a.iInitDisplayStart=-1);g=a._iDisplayStart;var m=a.fnDisplayEnd();if(a.bDeferLoading)a.bDeferLoading=!1,a.iDraw++,J(a,!1);else if(!k)a.iDraw++;else if(!a.bDestroying&&!pb(a))return;if(0!==l.length)for(h=k?a.aoData.length:m,k=k?0:g;k",{"class":e?d[0]:""}).append(f("",{valign:"top",colSpan:V(a),"class":a.oClasses.sRowEmpty}).html(c))[0];A(a,"aoHeaderCallback","header",[f(a.nTHead).children("tr")[0], +Na(a),g,m,l]);A(a,"aoFooterCallback","footer",[f(a.nTFoot).children("tr")[0],Na(a),g,m,l]);d=f(a.nTBody);d.children().detach();d.append(f(b));A(a,"aoDrawCallback","draw",[a]);a.bSorted=!1;a.bFiltered=!1;a.bDrawing=!1}}function U(a,b){var c=a.oFeatures,d=c.bFilter;c.bSort&&qb(a);d?ha(a,a.oPreviousSearch):a.aiDisplay=a.aiDisplayMaster.slice();!0!==b&&(a._iDisplayStart=0);a._drawHold=b;S(a);a._drawHold=!1}function rb(a){var b=a.oClasses,c=f(a.nTable);c=f("
").insertBefore(c);var d=a.oFeatures,e= +f("
",{id:a.sTableId+"_wrapper","class":b.sWrapper+(a.nTFoot?"":" "+b.sNoFooter)});a.nHolding=c[0];a.nTableWrapper=e[0];a.nTableReinsertBefore=a.nTable.nextSibling;for(var h=a.sDom.split(""),g,k,l,m,p,n,u=0;u")[0];m=h[u+1];if("'"==m||'"'==m){p="";for(n=2;h[u+n]!=m;)p+=h[u+n],n++;"H"==p?p=b.sJUIHeader:"F"==p&&(p=b.sJUIFooter);-1!=p.indexOf(".")?(m=p.split("."),l.id=m[0].substr(1,m[0].length-1),l.className=m[1]):"#"==p.charAt(0)?l.id=p.substr(1, +p.length-1):l.className=p;u+=n}e.append(l);e=f(l)}else if(">"==k)e=e.parent();else if("l"==k&&d.bPaginate&&d.bLengthChange)g=sb(a);else if("f"==k&&d.bFilter)g=tb(a);else if("r"==k&&d.bProcessing)g=ub(a);else if("t"==k)g=vb(a);else if("i"==k&&d.bInfo)g=wb(a);else if("p"==k&&d.bPaginate)g=xb(a);else if(0!==q.ext.feature.length)for(l=q.ext.feature,n=0,m=l.length;n',k=d.sSearch;k=k.match(/_INPUT_/)?k.replace("_INPUT_",g):k+g;b=f("
",{id:h.f?null:c+"_filter","class":b.sFilter}).append(f("").append(k));var l=function(){var b=this.value?this.value:"";b!=e.sSearch&&(ha(a,{sSearch:b,bRegex:e.bRegex,bSmart:e.bSmart,bCaseInsensitive:e.bCaseInsensitive}),a._iDisplayStart=0,S(a))};h=null!==a.searchDelay?a.searchDelay:"ssp"===I(a)?400:0;var m= +f("input",b).val(e.sSearch).attr("placeholder",d.sSearchPlaceholder).on("keyup.DT search.DT input.DT paste.DT cut.DT",h?Ra(l,h):l).on("mouseup",function(a){setTimeout(function(){l.call(m[0])},10)}).on("keypress.DT",function(a){if(13==a.keyCode)return!1}).attr("aria-controls",c);f(a.nTable).on("search.dt.DT",function(b,c){if(a===c)try{m[0]!==w.activeElement&&m.val(e.sSearch)}catch(u){}});return b[0]}function ha(a,b,c){var d=a.oPreviousSearch,e=a.aoPreSearchCols,h=function(a){d.sSearch=a.sSearch;d.bRegex= +a.bRegex;d.bSmart=a.bSmart;d.bCaseInsensitive=a.bCaseInsensitive},g=function(a){return a.bEscapeRegex!==n?!a.bEscapeRegex:a.bRegex};Ja(a);if("ssp"!=I(a)){Ab(a,b.sSearch,c,g(b),b.bSmart,b.bCaseInsensitive);h(b);for(b=0;b=b.length)a.aiDisplay=k.slice();else{if(f||c||d||g.length>b.length||0!==b.indexOf(g)||a.bSorted)a.aiDisplay=k.slice();b=a.aiDisplay;for(c= +0;c",{"class":a.oClasses.sInfo,id:c?null:b+"_info"});c||(a.aoDrawCallback.push({fn:Gb,sName:"information"}),d.attr("role","status").attr("aria-live","polite"),f(a.nTable).attr("aria-describedby",b+"_info"));return d[0]}function Gb(a){var b=a.aanFeatures.i;if(0!==b.length){var c=a.oLanguage,d=a._iDisplayStart+1,e=a.fnDisplayEnd(),h=a.fnRecordsTotal(),g=a.fnRecordsDisplay(),k=g?c.sInfo:c.sInfoEmpty; +g!==h&&(k+=" "+c.sInfoFiltered);k+=c.sInfoPostFix;k=Hb(a,k);c=c.fnInfoCallback;null!==c&&(k=c.call(a.oInstance,a,d,e,h,g,k));f(b).html(k)}}function Hb(a,b){var c=a.fnFormatNumber,d=a._iDisplayStart+1,e=a._iDisplayLength,h=a.fnRecordsDisplay(),g=-1===e;return b.replace(/_START_/g,c.call(a,d)).replace(/_END_/g,c.call(a,a.fnDisplayEnd())).replace(/_MAX_/g,c.call(a,a.fnRecordsTotal())).replace(/_TOTAL_/g,c.call(a,h)).replace(/_PAGE_/g,c.call(a,g?1:Math.ceil(d/e))).replace(/_PAGES_/g,c.call(a,g?1:Math.ceil(h/ +e)))}function ia(a){var b=a.iInitDisplayStart,c=a.aoColumns;var d=a.oFeatures;var e=a.bDeferLoading;if(a.bInitialised){rb(a);ob(a);fa(a,a.aoHeader);fa(a,a.aoFooter);J(a,!0);d.bAutoWidth&&Ia(a);var h=0;for(d=c.length;h",{name:c+"_length","aria-controls":c,"class":b.sLengthSelect});for(var g=0,k=h.length;g
").addClass(b.sLength);a.aanFeatures.l||(l[0].id=c+"_length");l.children().append(a.oLanguage.sLengthMenu.replace("_MENU_",e[0].outerHTML));f("select",l).val(a._iDisplayLength).on("change.DT",function(b){Ua(a,f(this).val());S(a)});f(a.nTable).on("length.dt.DT",function(b,c,d){a===c&&f("select",l).val(d)});return l[0]}function xb(a){var b=a.sPaginationType,c=q.ext.pager[b],d="function"===typeof c,e=function(a){S(a)};b=f("
").addClass(a.oClasses.sPaging+b)[0];var h= +a.aanFeatures;d||c.fnInit(a,b,e);h.p||(b.id=a.sTableId+"_paginate",a.aoDrawCallback.push({fn:function(a){if(d){var b=a._iDisplayStart,g=a._iDisplayLength,f=a.fnRecordsDisplay(),p=-1===g;b=p?0:Math.ceil(b/g);g=p?1:Math.ceil(f/g);f=c(b,g);var n;p=0;for(n=h.p.length;ph&&(d=0)): +"first"==b?d=0:"previous"==b?(d=0<=e?d-e:0,0>d&&(d=0)):"next"==b?d+e",{id:a.aanFeatures.r?null:a.sTableId+"_processing","class":a.oClasses.sProcessing}).html(a.oLanguage.sProcessing).insertBefore(a.nTable)[0]}function J(a,b){a.oFeatures.bProcessing&&f(a.aanFeatures.r).css("display",b?"block":"none");A(a, +null,"processing",[a,b])}function vb(a){var b=f(a.nTable);b.attr("role","grid");var c=a.oScroll;if(""===c.sX&&""===c.sY)return a.nTable;var d=c.sX,e=c.sY,h=a.oClasses,g=b.children("caption"),k=g.length?g[0]._captionSide:null,l=f(b[0].cloneNode(!1)),m=f(b[0].cloneNode(!1)),p=b.children("tfoot");p.length||(p=null);l=f("
",{"class":h.sScrollWrapper}).append(f("
",{"class":h.sScrollHead}).css({overflow:"hidden",position:"relative",border:0,width:d?d?B(d):null:"100%"}).append(f("
",{"class":h.sScrollHeadInner}).css({"box-sizing":"content-box", +width:c.sXInner||"100%"}).append(l.removeAttr("id").css("margin-left",0).append("top"===k?g:null).append(b.children("thead"))))).append(f("
",{"class":h.sScrollBody}).css({position:"relative",overflow:"auto",width:d?B(d):null}).append(b));p&&l.append(f("
",{"class":h.sScrollFoot}).css({overflow:"hidden",border:0,width:d?d?B(d):null:"100%"}).append(f("
",{"class":h.sScrollFootInner}).append(m.removeAttr("id").css("margin-left",0).append("bottom"===k?g:null).append(b.children("tfoot"))))); +b=l.children();var n=b[0];h=b[1];var u=p?b[2]:null;if(d)f(h).on("scroll.DT",function(a){a=this.scrollLeft;n.scrollLeft=a;p&&(u.scrollLeft=a)});f(h).css("max-height",e);c.bCollapse||f(h).css("height",e);a.nScrollHead=n;a.nScrollBody=h;a.nScrollFoot=u;a.aoDrawCallback.push({fn:ma,sName:"scrolling"});return l[0]}function ma(a){var b=a.oScroll,c=b.sX,d=b.sXInner,e=b.sY;b=b.iBarWidth;var h=f(a.nScrollHead),g=h[0].style,k=h.children("div"),l=k[0].style,m=k.children("table");k=a.nScrollBody;var p=f(k),v= +k.style,u=f(a.nScrollFoot).children("div"),q=u.children("table"),t=f(a.nTHead),r=f(a.nTable),x=r[0],ya=x.style,w=a.nTFoot?f(a.nTFoot):null,y=a.oBrowser,A=y.bScrollOversize,ac=K(a.aoColumns,"nTh"),Xa=[],z=[],C=[],G=[],H,I=function(a){a=a.style;a.paddingTop="0";a.paddingBottom="0";a.borderTopWidth="0";a.borderBottomWidth="0";a.height=0};var D=k.scrollHeight>k.clientHeight;if(a.scrollBarVis!==D&&a.scrollBarVis!==n)a.scrollBarVis=D,Z(a);else{a.scrollBarVis=D;r.children("thead, tfoot").remove();if(w){var E= +w.clone().prependTo(r);var F=w.find("tr");E=E.find("tr")}var J=t.clone().prependTo(r);t=t.find("tr");D=J.find("tr");J.find("th, td").removeAttr("tabindex");c||(v.width="100%",h[0].style.width="100%");f.each(ta(a,J),function(b,c){H=aa(a,b);c.style.width=a.aoColumns[H].sWidth});w&&N(function(a){a.style.width=""},E);h=r.outerWidth();""===c?(ya.width="100%",A&&(r.find("tbody").height()>k.offsetHeight||"scroll"==p.css("overflow-y"))&&(ya.width=B(r.outerWidth()-b)),h=r.outerWidth()):""!==d&&(ya.width=B(d), +h=r.outerWidth());N(I,D);N(function(a){C.push(a.innerHTML);Xa.push(B(f(a).css("width")))},D);N(function(a,b){-1!==f.inArray(a,ac)&&(a.style.width=Xa[b])},t);f(D).height(0);w&&(N(I,E),N(function(a){G.push(a.innerHTML);z.push(B(f(a).css("width")))},E),N(function(a,b){a.style.width=z[b]},F),f(E).height(0));N(function(a,b){a.innerHTML='
'+C[b]+"
";a.childNodes[0].style.height="0";a.childNodes[0].style.overflow="hidden";a.style.width=Xa[b]},D);w&&N(function(a,b){a.innerHTML= +'
'+G[b]+"
";a.childNodes[0].style.height="0";a.childNodes[0].style.overflow="hidden";a.style.width=z[b]},E);r.outerWidth()k.offsetHeight||"scroll"==p.css("overflow-y")?h+b:h,A&&(k.scrollHeight>k.offsetHeight||"scroll"==p.css("overflow-y"))&&(ya.width=B(F-b)),""!==c&&""===d||O(a,1,"Possible column misalignment",6)):F="100%";v.width=B(F);g.width=B(F);w&&(a.nScrollFoot.style.width=B(F));!e&&A&&(v.height=B(x.offsetHeight+b));c=r.outerWidth();m[0].style.width= +B(c);l.width=B(c);d=r.height()>k.clientHeight||"scroll"==p.css("overflow-y");e="padding"+(y.bScrollbarLeft?"Left":"Right");l[e]=d?b+"px":"0px";w&&(q[0].style.width=B(c),u[0].style.width=B(c),u[0].style[e]=d?b+"px":"0px");r.children("colgroup").insertBefore(r.children("thead"));p.trigger("scroll");!a.bSorted&&!a.bFiltered||a._drawHold||(k.scrollTop=0)}}function N(a,b,c){for(var d=0,e=0,h=b.length,g,k;e").appendTo(k.find("tbody"));k.find("thead, tfoot").remove();k.append(f(a.nTHead).clone()).append(f(a.nTFoot).clone());k.find("tfoot th, tfoot td").css("width","");m=ta(a,k.find("thead")[0]);for(q=0;q").css({width:r.sWidthOrig,margin:0,padding:0,border:0,height:1})); +if(a.aoData.length)for(q=0;q").css(h||e?{position:"absolute",top:0,left:0,height:1,right:0,overflow:"hidden"}:{}).append(k).appendTo(n);h&&g?k.width(g):h?(k.css("width","auto"),k.removeAttr("width"),k.width()").css("width",B(a)).appendTo(b||w.body);b=a[0].offsetWidth;a.remove();return b}function Jb(a,b){var c=Kb(a,b);if(0>c)return null;var d=a.aoData[c];return d.nTr?d.anCells[b]:f("").html(F(a,c,b,"display"))[0]}function Kb(a,b){for(var c, +d=-1,e=-1,h=0,g=a.aoData.length;hd&&(d=c.length,e=h);return e}function B(a){return null===a?"0px":"number"==typeof a?0>a?"0px":a+"px":a.match(/\d$/)?a+"px":a}function X(a){var b=[],c=a.aoColumns;var d=a.aaSortingFixed;var e=f.isPlainObject(d);var h=[];var g=function(a){a.length&&!f.isArray(a[0])?h.push(a):f.merge(h,a)};f.isArray(d)&&g(d);e&&d.pre&&g(d.pre);g(a.aaSorting);e&&d.post&&g(d.post);for(a=0;ap?1:0;if(0!==m)return"asc"===l.dir?m:-m}m=c[a];p=c[b];return mp?1:0}):g.sort(function(a,b){var h,g=k.length,f=e[a]._aSortData,l=e[b]._aSortData;for(h=0;hn?1:0})}a.bSorted=!0}function Mb(a){var b=a.aoColumns, +c=X(a);a=a.oLanguage.oAria;for(var d=0,e=b.length;d/g,"");var f=h.nTh;f.removeAttribute("aria-sort");h.bSortable&&(0e?e+1:3))}e=0;for(h=d.length;ee?e+1:3))}a.aLastSort=d}function Lb(a,b){var c=a.aoColumns[b],d=q.ext.order[c.sSortDataType], +e;d&&(e=d.call(a.oInstance,a,b,ba(a,b)));for(var h,g=q.ext.type.order[c.sType+"-pre"],f=0,l=a.aoData.length;f=h.length?[0,c[1]]:c)}));b.search!==n&&f.extend(a.oPreviousSearch,Fb(b.search));if(b.columns)for(d=0,e=b.columns.length;d=c&&(b=c-d);b-=b%d;if(-1===d||0>b)b=0;a._iDisplayStart=b}function Qa(a,b){a=a.renderer;var c=q.ext.renderer[b];return f.isPlainObject(a)&&a[b]?c[a[b]]||c._:"string"===typeof a?c[a]||c._:c._}function I(a){return a.oFeatures.bServerSide? +"ssp":a.ajax||a.sAjaxSource?"ajax":"dom"}function ja(a,b){var c=Ob.numbers_length,d=Math.floor(c/2);b<=c?a=Y(0,b):a<=d?(a=Y(0,c-2),a.push("ellipsis"),a.push(b-1)):(a>=b-1-d?a=Y(b-(c-2),b):(a=Y(a-d+2,a+d-1),a.push("ellipsis"),a.push(b-1)),a.splice(0,0,"ellipsis"),a.splice(0,0,0));a.DT_el="span";return a}function Ga(a){f.each({num:function(b){return Ca(b,a)},"num-fmt":function(b){return Ca(b,a,ab)},"html-num":function(b){return Ca(b,a,Da)},"html-num-fmt":function(b){return Ca(b,a,Da,ab)}},function(b, +c){C.type.order[b+a+"-pre"]=c;b.match(/^html\-/)&&(C.type.search[b+a]=C.type.search.html)})}function Pb(a){return function(){var b=[Ba(this[q.ext.iApiIndex])].concat(Array.prototype.slice.call(arguments));return q.ext.internal[a].apply(this,b)}}var q=function(a){this.$=function(a,b){return this.api(!0).$(a,b)};this._=function(a,b){return this.api(!0).rows(a,b).data()};this.api=function(a){return a?new x(Ba(this[C.iApiIndex])):new x(this)};this.fnAddData=function(a,b){var c=this.api(!0);a=f.isArray(a)&& +(f.isArray(a[0])||f.isPlainObject(a[0]))?c.rows.add(a):c.row.add(a);(b===n||b)&&c.draw();return a.flatten().toArray()};this.fnAdjustColumnSizing=function(a){var b=this.api(!0).columns.adjust(),c=b.settings()[0],d=c.oScroll;a===n||a?b.draw(!1):(""!==d.sX||""!==d.sY)&&ma(c)};this.fnClearTable=function(a){var b=this.api(!0).clear();(a===n||a)&&b.draw()};this.fnClose=function(a){this.api(!0).row(a).child.hide()};this.fnDeleteRow=function(a,b,c){var d=this.api(!0);a=d.rows(a);var e=a.settings()[0],h=e.aoData[a[0][0]]; +a.remove();b&&b.call(this,e,h);(c===n||c)&&d.draw();return h};this.fnDestroy=function(a){this.api(!0).destroy(a)};this.fnDraw=function(a){this.api(!0).draw(a)};this.fnFilter=function(a,b,c,d,e,f){e=this.api(!0);null===b||b===n?e.search(a,c,d,f):e.column(b).search(a,c,d,f);e.draw()};this.fnGetData=function(a,b){var c=this.api(!0);if(a!==n){var d=a.nodeName?a.nodeName.toLowerCase():"";return b!==n||"td"==d||"th"==d?c.cell(a,b).data():c.row(a).data()||null}return c.data().toArray()};this.fnGetNodes= +function(a){var b=this.api(!0);return a!==n?b.row(a).node():b.rows().nodes().flatten().toArray()};this.fnGetPosition=function(a){var b=this.api(!0),c=a.nodeName.toUpperCase();return"TR"==c?b.row(a).index():"TD"==c||"TH"==c?(a=b.cell(a).index(),[a.row,a.columnVisible,a.column]):null};this.fnIsOpen=function(a){return this.api(!0).row(a).child.isShown()};this.fnOpen=function(a,b,c){return this.api(!0).row(a).child(b,c).show().child()[0]};this.fnPageChange=function(a,b){a=this.api(!0).page(a);(b===n|| +b)&&a.draw(!1)};this.fnSetColumnVis=function(a,b,c){a=this.api(!0).column(a).visible(b);(c===n||c)&&a.columns.adjust().draw()};this.fnSettings=function(){return Ba(this[C.iApiIndex])};this.fnSort=function(a){this.api(!0).order(a).draw()};this.fnSortListener=function(a,b,c){this.api(!0).order.listener(a,b,c)};this.fnUpdate=function(a,b,c,d,e){var h=this.api(!0);c===n||null===c?h.row(b).data(a):h.cell(b,c).data(a);(e===n||e)&&h.columns.adjust();(d===n||d)&&h.draw();return 0};this.fnVersionCheck=C.fnVersionCheck; +var b=this,c=a===n,d=this.length;c&&(a={});this.oApi=this.internal=C.internal;for(var e in q.ext.internal)e&&(this[e]=Pb(e));this.each(function(){var e={},g=1").appendTo(v));r.nTHead=b[0];b=v.children("tbody"); +0===b.length&&(b=f("").appendTo(v));r.nTBody=b[0];b=v.children("tfoot");0===b.length&&0").appendTo(v));0===b.length||0===b.children().length?v.addClass(x.sNoFooter):0/g,cc=/^\d{2,4}[\.\/\-]\d{1,2}[\.\/\-]\d{1,2}([T ]{1}\d{1,2}[:\.]\d{2}([\.:]\d{2})?)?$/,dc=/(\/|\.|\*|\+|\?|\||$|$|\[|\]|\{|\}|\\|\$|\^|\-)/g,ab=/[',$Â£â¬Â¥%\u2009\u202F\u20BD\u20a9\u20BArfkÉÎ]/gi,P=function(a){return a&&!0!==a&&"-"!==a?!1:!0},Rb=function(a){var b=parseInt(a,10);return!isNaN(b)&&isFinite(a)?b:null},Sb=function(a,b){bb[b]||(bb[b]=new RegExp(Ta(b),"g")); +return"string"===typeof a&&"."!==b?a.replace(/\./g,"").replace(bb[b],"."):a},cb=function(a,b,c){var d="string"===typeof a;if(P(a))return!0;b&&d&&(a=Sb(a,b));c&&d&&(a=a.replace(ab,""));return!isNaN(parseFloat(a))&&isFinite(a)},Tb=function(a,b,c){return P(a)?!0:P(a)||"string"===typeof a?cb(a.replace(Da,""),b,c)?!0:null:null},K=function(a,b,c){var d=[],e=0,h=a.length;if(c!==n)for(;ea.length)){var b=a.slice().sort();for(var c=b[0],d=1,e=b.length;d")[0],$b=xa.textContent!==n,bc=/<.*?>/g,Ra=q.util.throttle,Vb=[],G=Array.prototype, +ec=function(a){var b,c=q.settings,d=f.map(c,function(a,b){return a.nTable});if(a){if(a.nTable&&a.oApi)return[a];if(a.nodeName&&"table"===a.nodeName.toLowerCase()){var e=f.inArray(a,d);return-1!==e?[c[e]]:null}if(a&&"function"===typeof a.settings)return a.settings().toArray();"string"===typeof a?b=f(a):a instanceof f&&(b=a)}else return[];if(b)return b.map(function(a){e=f.inArray(this,d);return-1!==e?c[e]:null}).toArray()};var x=function(a,b){if(!(this instanceof x))return new x(a,b);var c=[],d=function(a){(a= +ec(a))&&c.push.apply(c,a)};if(f.isArray(a))for(var e=0,h=a.length;ea?new x(b[a],this[a]): +null},filter:function(a){var b=[];if(G.filter)b=G.filter.call(this,a,this);else for(var c=0,d=this.length;c").addClass(c),f("td",d).addClass(c).html(b)[0].colSpan=V(a),e.push(d[0]))};h(c,d);b._details&&b._details.detach();b._details=f(e);b._detailsShow&&b._details.insertAfter(b.nTr)},gb=function(a,b){var c=a.context;c.length&&(a=c[0].aoData[b!==n?b:a[0]])&&a._details&&(a._details.remove(),a._detailsShow=n,a._details=n)},Yb=function(a,b){var c=a.context;c.length&&a.length&&(a=c[0].aoData[a[0]],a._details&&((a._detailsShow=b)?a._details.insertAfter(a.nTr):a._details.detach(), +hc(c[0])))},hc=function(a){var b=new x(a),c=a.aoData;b.off("draw.dt.DT_details column-visibility.dt.DT_details destroy.dt.DT_details");0g){var p=f.map(d,function(a,b){return a.bVisible?b:null});return[p[p.length+g]]}return[aa(a,g)];case "name":return f.map(e,function(a,b){return a===m[1]?b:null});default:return[]}if(b.nodeName&&b._DT_CellIndex)return[b._DT_CellIndex.column];g=f(h).filter(b).map(function(){return f.inArray(this, +h)}).toArray();if(g.length||!b.nodeName)return g;g=f(b).closest("*[data-dt-column]");return g.length?[g.data("dt-column")]:[]},a,c)};t("columns()",function(a,b){a===n?a="":f.isPlainObject(a)&&(b=a,a="");b=eb(b);var c=this.iterator("table",function(c){return jc(c,a,b)},1);c.selector.cols=a;c.selector.opts=b;return c});z("columns().header()","column().header()",function(a,b){return this.iterator("column",function(a,b){return a.aoColumns[b].nTh},1)});z("columns().footer()","column().footer()",function(a, +b){return this.iterator("column",function(a,b){return a.aoColumns[b].nTf},1)});z("columns().data()","column().data()",function(){return this.iterator("column-rows",Zb,1)});z("columns().dataSrc()","column().dataSrc()",function(){return this.iterator("column",function(a,b){return a.aoColumns[b].mData},1)});z("columns().cache()","column().cache()",function(a){return this.iterator("column-rows",function(b,c,d,e,f){return ka(b.aoData,f,"search"===a?"_aFilterData":"_aSortData",c)},1)});z("columns().nodes()", +"column().nodes()",function(){return this.iterator("column-rows",function(a,b,c,d,e){return ka(a.aoData,e,"anCells",b)},1)});z("columns().visible()","column().visible()",function(a,b){var c=this,d=this.iterator("column",function(b,c){if(a===n)return b.aoColumns[c].bVisible;var d=b.aoColumns,e=d[c],h=b.aoData,m;if(a!==n&&e.bVisible!==a){if(a){var p=f.inArray(!0,K(d,"bVisible"),c+1);d=0;for(m=h.length;dd;return!0};q.isDataTable=q.fnIsDataTable=function(a){var b=f(a).get(0),c=!1;if(a instanceof +q.Api)return!0;f.each(q.settings,function(a,e){a=e.nScrollHead?f("table",e.nScrollHead)[0]:null;var d=e.nScrollFoot?f("table",e.nScrollFoot)[0]:null;if(e.nTable===b||a===b||d===b)c=!0});return c};q.tables=q.fnTables=function(a){var b=!1;f.isPlainObject(a)&&(b=a.api,a=a.visible);var c=f.map(q.settings,function(b){if(!a||a&&f(b.nTable).is(":visible"))return b.nTable});return b?new x(c):c};q.camelToHungarian=L;t("$()",function(a,b){b=this.rows(b).nodes();b=f(b);return f([].concat(b.filter(a).toArray(), +b.find(a).toArray()))});f.each(["on","one","off"],function(a,b){t(b+"()",function(){var a=Array.prototype.slice.call(arguments);a[0]=f.map(a[0].split(/\s/),function(a){return a.match(/\.dt\b/)?a:a+".dt"}).join(" ");var d=f(this.tables().nodes());d[b].apply(d,a);return this})});t("clear()",function(){return this.iterator("table",function(a){pa(a)})});t("settings()",function(){return new x(this.context,this.context)});t("init()",function(){var a=this.context;return a.length?a[0].oInit:null});t("data()", +function(){return this.iterator("table",function(a){return K(a.aoData,"_aData")}).flatten()});t("destroy()",function(a){a=a||!1;return this.iterator("table",function(b){var c=b.nTableWrapper.parentNode,d=b.oClasses,e=b.nTable,h=b.nTBody,g=b.nTHead,k=b.nTFoot,l=f(e);h=f(h);var m=f(b.nTableWrapper),p=f.map(b.aoData,function(a){return a.nTr}),n;b.bDestroying=!0;A(b,"aoDestroyCallback","destroy",[b]);a||(new x(b)).columns().visible(!0);m.off(".DT").find(":not(tbody *)").off(".DT");f(y).off(".DT-"+b.sInstance); +e!=g.parentNode&&(l.children("thead").detach(),l.append(g));k&&e!=k.parentNode&&(l.children("tfoot").detach(),l.append(k));b.aaSorting=[];b.aaSortingFixed=[];za(b);f(p).removeClass(b.asStripeClasses.join(" "));f("th, td",g).removeClass(d.sSortable+" "+d.sSortableAsc+" "+d.sSortableDesc+" "+d.sSortableNone);h.children().detach();h.append(p);g=a?"remove":"detach";l[g]();m[g]();!a&&c&&(c.insertBefore(e,b.nTableReinsertBefore),l.css("width",b.sDestroyWidth).removeClass(d.sTable),(n=b.asDestroyStripes.length)&& +h.children().each(function(a){f(this).addClass(b.asDestroyStripes[a%n])}));c=f.inArray(b,q.settings);-1!==c&&q.settings.splice(c,1)})});f.each(["column","row","cell"],function(a,b){t(b+"s().every()",function(a){var c=this.selector.opts,e=this;return this.iterator(b,function(d,f,k,l,m){a.call(e[b](f,"cell"===b?k:c,"cell"===b?c:n),f,k,l,m)})})});t("i18n()",function(a,b,c){var d=this.context[0];a=T(a)(d.oLanguage);a===n&&(a=b);c!==n&&f.isPlainObject(a)&&(a=a[c]!==n?a[c]:a._);return a.replace("%d",c)}); +q.version="1.10.21";q.settings=[];q.models={};q.models.oSearch={bCaseInsensitive:!0,sSearch:"",bRegex:!1,bSmart:!0};q.models.oRow={nTr:null,anCells:null,_aData:[],_aSortData:null,_aFilterData:null,_sFilterRow:null,_sRowStripe:"",src:null,idx:-1};q.models.oColumn={idx:null,aDataSort:null,asSorting:null,bSearchable:null,bSortable:null,bVisible:null,_sManualType:null,_bAttrSrc:!1,fnCreatedCell:null,fnGetData:null,fnSetData:null,mData:null,mRender:null,nTh:null,nTf:null,sClass:null,sContentPadding:null, +sDefaultContent:null,sName:null,sSortDataType:"std",sSortingClass:null,sSortingClassJUI:null,sTitle:null,sType:null,sWidth:null,sWidthOrig:null};q.defaults={aaData:null,aaSorting:[[0,"asc"]],aaSortingFixed:[],ajax:null,aLengthMenu:[10,25,50,100],aoColumns:null,aoColumnDefs:null,aoSearchCols:[],asStripeClasses:null,bAutoWidth:!0,bDeferRender:!1,bDestroy:!1,bFilter:!0,bInfo:!0,bLengthChange:!0,bPaginate:!0,bProcessing:!1,bRetrieve:!1,bScrollCollapse:!1,bServerSide:!1,bSort:!0,bSortMulti:!0,bSortCellsTop:!1, +bSortClasses:!0,bStateSave:!1,fnCreatedRow:null,fnDrawCallback:null,fnFooterCallback:null,fnFormatNumber:function(a){return a.toString().replace(/\B(?=(\d{3})+(?!\d))/g,this.oLanguage.sThousands)},fnHeaderCallback:null,fnInfoCallback:null,fnInitComplete:null,fnPreDrawCallback:null,fnRowCallback:null,fnServerData:null,fnServerParams:null,fnStateLoadCallback:function(a){try{return JSON.parse((-1===a.iStateDuration?sessionStorage:localStorage).getItem("DataTables_"+a.sInstance+"_"+location.pathname))}catch(b){return{}}}, +fnStateLoadParams:null,fnStateLoaded:null,fnStateSaveCallback:function(a,b){try{(-1===a.iStateDuration?sessionStorage:localStorage).setItem("DataTables_"+a.sInstance+"_"+location.pathname,JSON.stringify(b))}catch(c){}},fnStateSaveParams:null,iStateDuration:7200,iDeferLoading:null,iDisplayLength:10,iDisplayStart:0,iTabIndex:0,oClasses:{},oLanguage:{oAria:{sSortAscending:": activate to sort column ascending",sSortDescending:": activate to sort column descending"},oPaginate:{sFirst:"First",sLast:"Last", +sNext:"Next",sPrevious:"Previous"},sEmptyTable:"No data available in table",sInfo:"Showing _START_ to _END_ of _TOTAL_ entries",sInfoEmpty:"Showing 0 to 0 of 0 entries",sInfoFiltered:"(filtered from _MAX_ total entries)",sInfoPostFix:"",sDecimal:"",sThousands:",",sLengthMenu:"Show _MENU_ entries",sLoadingRecords:"Loading...",sProcessing:"Processing...",sSearch:"Search:",sSearchPlaceholder:"",sUrl:"",sZeroRecords:"No matching records found"},oSearch:f.extend({},q.models.oSearch),sAjaxDataProp:"data", +sAjaxSource:null,sDom:"lfrtip",searchDelay:null,sPaginationType:"simple_numbers",sScrollX:"",sScrollXInner:"",sScrollY:"",sServerMethod:"GET",renderer:null,rowId:"DT_RowId"};H(q.defaults);q.defaults.column={aDataSort:null,iDataSort:-1,asSorting:["asc","desc"],bSearchable:!0,bSortable:!0,bVisible:!0,fnCreatedCell:null,mData:null,mRender:null,sCellType:"td",sClass:"",sContentPadding:"",sDefaultContent:null,sName:"",sSortDataType:"std",sTitle:null,sType:null,sWidth:null};H(q.defaults.column);q.models.oSettings= +{oFeatures:{bAutoWidth:null,bDeferRender:null,bFilter:null,bInfo:null,bLengthChange:null,bPaginate:null,bProcessing:null,bServerSide:null,bSort:null,bSortMulti:null,bSortClasses:null,bStateSave:null},oScroll:{bCollapse:null,iBarWidth:0,sX:null,sXInner:null,sY:null},oLanguage:{fnInfoCallback:null},oBrowser:{bScrollOversize:!1,bScrollbarLeft:!1,bBounding:!1,barWidth:0},ajax:null,aanFeatures:[],aoData:[],aiDisplay:[],aiDisplayMaster:[],aIds:{},aoColumns:[],aoHeader:[],aoFooter:[],oPreviousSearch:{}, +aoPreSearchCols:[],aaSorting:null,aaSortingFixed:[],asStripeClasses:null,asDestroyStripes:[],sDestroyWidth:0,aoRowCallback:[],aoHeaderCallback:[],aoFooterCallback:[],aoDrawCallback:[],aoRowCreatedCallback:[],aoPreDrawCallback:[],aoInitComplete:[],aoStateSaveParams:[],aoStateLoadParams:[],aoStateLoaded:[],sTableId:"",nTable:null,nTHead:null,nTFoot:null,nTBody:null,nTableWrapper:null,bDeferLoading:!1,bInitialised:!1,aoOpenRows:[],sDom:null,searchDelay:null,sPaginationType:"two_button",iStateDuration:0, +aoStateSave:[],aoStateLoad:[],oSavedState:null,oLoadedState:null,sAjaxSource:null,sAjaxDataProp:null,bAjaxDataGet:!0,jqXHR:null,json:n,oAjaxData:n,fnServerData:null,aoServerParams:[],sServerMethod:null,fnFormatNumber:null,aLengthMenu:null,iDraw:0,bDrawing:!1,iDrawError:-1,_iDisplayLength:10,_iDisplayStart:0,_iRecordsTotal:0,_iRecordsDisplay:0,oClasses:{},bFiltered:!1,bSorted:!1,bSortCellsTop:null,oInit:null,aoDestroyCallback:[],fnRecordsTotal:function(){return"ssp"==I(this)?1*this._iRecordsTotal: +this.aiDisplayMaster.length},fnRecordsDisplay:function(){return"ssp"==I(this)?1*this._iRecordsDisplay:this.aiDisplay.length},fnDisplayEnd:function(){var a=this._iDisplayLength,b=this._iDisplayStart,c=b+a,d=this.aiDisplay.length,e=this.oFeatures,f=e.bPaginate;return e.bServerSide?!1===f||-1===a?b+d:Math.min(b+a,this._iRecordsDisplay):!f||c>d||-1===a?d:c},oInstance:null,sInstance:null,iTabIndex:0,nScrollHead:null,nScrollFoot:null,aLastSort:[],oPlugins:{},rowIdFn:null,rowId:null};q.ext=C={buttons:{}, +classes:{},build:"dt/dt-1.10.21/fh-3.1.7/sp-1.1.1/sl-1.3.1",errMode:"alert",feature:[],search:[],selector:{cell:[],column:[],row:[]},internal:{},legacy:{ajax:null},pager:{},renderer:{pageButton:{},header:{}},order:{},type:{detect:[],search:{},order:{}},_unique:0,fnVersionCheck:q.fnVersionCheck,iApiIndex:0,oJUIClasses:{},sVersion:q.version};f.extend(C,{afnFiltering:C.search,aTypes:C.type.detect,ofnSearch:C.type.search,oSort:C.type.order,afnSortData:C.order,aoFeatures:C.feature,oApi:C.internal,oStdClasses:C.classes,oPagination:C.pager}); +f.extend(q.ext.classes,{sTable:"dataTable",sNoFooter:"no-footer",sPageButton:"paginate_button",sPageButtonActive:"current",sPageButtonDisabled:"disabled",sStripeOdd:"odd",sStripeEven:"even",sRowEmpty:"dataTables_empty",sWrapper:"dataTables_wrapper",sFilter:"dataTables_filter",sInfo:"dataTables_info",sPaging:"dataTables_paginate paging_",sLength:"dataTables_length",sProcessing:"dataTables_processing",sSortAsc:"sorting_asc",sSortDesc:"sorting_desc",sSortable:"sorting",sSortableAsc:"sorting_asc_disabled", +sSortableDesc:"sorting_desc_disabled",sSortableNone:"sorting_disabled",sSortColumn:"sorting_",sFilterInput:"",sLengthSelect:"",sScrollWrapper:"dataTables_scroll",sScrollHead:"dataTables_scrollHead",sScrollHeadInner:"dataTables_scrollHeadInner",sScrollBody:"dataTables_scrollBody",sScrollFoot:"dataTables_scrollFoot",sScrollFootInner:"dataTables_scrollFootInner",sHeaderTH:"",sFooterTH:"",sSortJUIAsc:"",sSortJUIDesc:"",sSortJUI:"",sSortJUIAscAllowed:"",sSortJUIDescAllowed:"",sSortJUIWrapper:"",sSortIcon:"", +sJUIHeader:"",sJUIFooter:""});var Ob=q.ext.pager;f.extend(Ob,{simple:function(a,b){return["previous","next"]},full:function(a,b){return["first","previous","next","last"]},numbers:function(a,b){return[ja(a,b)]},simple_numbers:function(a,b){return["previous",ja(a,b),"next"]},full_numbers:function(a,b){return["first","previous",ja(a,b),"next","last"]},first_last_numbers:function(a,b){return["first",ja(a,b),"last"]},_numbers:ja,numbers_length:7});f.extend(!0,q.ext.renderer,{pageButton:{_:function(a,b, +c,d,e,h){var g=a.oClasses,k=a.oLanguage.oPaginate,l=a.oLanguage.oAria.paginate||{},m,p,q=0,t=function(b,d){var n,r=g.sPageButtonDisabled,u=function(b){Wa(a,b.data.action,!0)};var w=0;for(n=d.length;w").appendTo(b);t(x,v)}else{m=null;p=v;x=a.iTabIndex;switch(v){case "ellipsis":b.append('…');break;case "first":m=k.sFirst;0===e&&(x=-1,p+=" "+r);break;case "previous":m=k.sPrevious;0===e&&(x=-1,p+= +" "+r);break;case "next":m=k.sNext;if(0===h||e===h-1)x=-1,p+=" "+r;break;case "last":m=k.sLast;e===h-1&&(x=-1,p+=" "+r);break;default:m=v+1,p=e===v?g.sPageButtonActive:""}null!==m&&(x=f("",{"class":g.sPageButton+" "+p,"aria-controls":a.sTableId,"aria-label":l[v],"data-dt-idx":q,tabindex:x,id:0===c&&"string"===typeof v?a.sTableId+"_"+v:null}).html(m).appendTo(b),Za(x,{action:v},u),q++)}}};try{var x=f(b).find(w.activeElement).data("dt-idx")}catch(lc){}t(f(b).empty(),d);x!==n&&f(b).find("[data-dt-idx="+ +x+"]").trigger("focus")}}});f.extend(q.ext.type.detect,[function(a,b){b=b.oLanguage.sDecimal;return cb(a,b)?"num"+b:null},function(a,b){if(a&&!(a instanceof Date)&&!cc.test(a))return null;b=Date.parse(a);return null!==b&&!isNaN(b)||P(a)?"date":null},function(a,b){b=b.oLanguage.sDecimal;return cb(a,b,!0)?"num-fmt"+b:null},function(a,b){b=b.oLanguage.sDecimal;return Tb(a,b)?"html-num"+b:null},function(a,b){b=b.oLanguage.sDecimal;return Tb(a,b,!0)?"html-num-fmt"+b:null},function(a,b){return P(a)||"string"=== +typeof a&&-1!==a.indexOf("<")?"html":null}]);f.extend(q.ext.type.search,{html:function(a){return P(a)?a:"string"===typeof a?a.replace(Qb," ").replace(Da,""):""},string:function(a){return P(a)?a:"string"===typeof a?a.replace(Qb," "):a}});var Ca=function(a,b,c,d){if(0!==a&&(!a||"-"===a))return-Infinity;b&&(a=Sb(a,b));a.replace&&(c&&(a=a.replace(c,"")),d&&(a=a.replace(d,"")));return 1*a};f.extend(C.type.order,{"date-pre":function(a){a=Date.parse(a);return isNaN(a)?-Infinity:a},"html-pre":function(a){return P(a)? +"":a.replace?a.replace(/<.*?>/g,"").toLowerCase():a+""},"string-pre":function(a){return P(a)?"":"string"===typeof a?a.toLowerCase():a.toString?a.toString():""},"string-asc":function(a,b){return ab?1:0},"string-desc":function(a,b){return ab?-1:0}});Ga("");f.extend(!0,q.ext.renderer,{header:{_:function(a,b,c,d){f(a.nTable).on("order.dt.DT",function(e,f,g,k){a===f&&(e=c.idx,b.removeClass(c.sSortingClass+" "+d.sSortAsc+" "+d.sSortDesc).addClass("asc"==k[e]?d.sSortAsc:"desc"==k[e]?d.sSortDesc: +c.sSortingClass))})},jqueryui:function(a,b,c,d){f("
").addClass(d.sSortJUIWrapper).append(b.contents()).append(f("").addClass(d.sSortIcon+" "+c.sSortingClassJUI)).appendTo(b);f(a.nTable).on("order.dt.DT",function(e,f,g,k){a===f&&(e=c.idx,b.removeClass(d.sSortAsc+" "+d.sSortDesc).addClass("asc"==k[e]?d.sSortAsc:"desc"==k[e]?d.sSortDesc:c.sSortingClass),b.find("span."+d.sSortIcon).removeClass(d.sSortJUIAsc+" "+d.sSortJUIDesc+" "+d.sSortJUI+" "+d.sSortJUIAscAllowed+" "+d.sSortJUIDescAllowed).addClass("asc"== +k[e]?d.sSortJUIAsc:"desc"==k[e]?d.sSortJUIDesc:c.sSortingClassJUI))})}}});var hb=function(a){return"string"===typeof a?a.replace(/&/g,"&").replace(//g,">").replace(/"/g,"""):a};q.render={number:function(a,b,c,d,e){return{display:function(f){if("number"!==typeof f&&"string"!==typeof f)return f;var g=0>f?"-":"",h=parseFloat(f);if(isNaN(h))return hb(f);h=h.toFixed(c);f=Math.abs(h);h=parseInt(f,10);f=c?b+(f-h).toFixed(c).substring(2):"";return g+(d||"")+h.toString().replace(/\B(?=(\d{3})+(?!\d))/g, +a)+f+(e||"")}}},text:function(){return{display:hb,filter:hb}}};f.extend(q.ext.internal,{_fnExternApiFunc:Pb,_fnBuildAjax:ua,_fnAjaxUpdate:pb,_fnAjaxParameters:yb,_fnAjaxUpdateDraw:zb,_fnAjaxDataSrc:va,_fnAddColumn:Ha,_fnColumnOptions:la,_fnAdjustColumnSizing:Z,_fnVisibleToColumnIndex:aa,_fnColumnIndexToVisible:ba,_fnVisbleColumns:V,_fnGetColumns:na,_fnColumnTypes:Ja,_fnApplyColumnDefs:mb,_fnHungarianMap:H,_fnCamelToHungarian:L,_fnLanguageCompat:Fa,_fnBrowserDetect:kb,_fnAddData:R,_fnAddTr:oa,_fnNodeToDataIndex:function(a, +b){return b._DT_RowIndex!==n?b._DT_RowIndex:null},_fnNodeToColumnIndex:function(a,b,c){return f.inArray(c,a.aoData[b].anCells)},_fnGetCellData:F,_fnSetCellData:nb,_fnSplitObjNotation:Ma,_fnGetObjectDataFn:T,_fnSetObjectDataFn:Q,_fnGetDataMaster:Na,_fnClearTable:pa,_fnDeleteIndex:qa,_fnInvalidate:da,_fnGetRowElements:La,_fnCreateTr:Ka,_fnBuildHead:ob,_fnDrawHead:fa,_fnDraw:S,_fnReDraw:U,_fnAddOptionsHtml:rb,_fnDetectHeader:ea,_fnGetUniqueThs:ta,_fnFeatureHtmlFilter:tb,_fnFilterComplete:ha,_fnFilterCustom:Cb, +_fnFilterColumn:Bb,_fnFilter:Ab,_fnFilterCreateSearch:Sa,_fnEscapeRegex:Ta,_fnFilterData:Db,_fnFeatureHtmlInfo:wb,_fnUpdateInfo:Gb,_fnInfoMacros:Hb,_fnInitialise:ia,_fnInitComplete:wa,_fnLengthChange:Ua,_fnFeatureHtmlLength:sb,_fnFeatureHtmlPaginate:xb,_fnPageChange:Wa,_fnFeatureHtmlProcessing:ub,_fnProcessingDisplay:J,_fnFeatureHtmlTable:vb,_fnScrollDraw:ma,_fnApplyToChildren:N,_fnCalculateColumnWidths:Ia,_fnThrottle:Ra,_fnConvertToWidth:Ib,_fnGetWidestNode:Jb,_fnGetMaxLenString:Kb,_fnStringToCss:B, +_fnSortFlatten:X,_fnSort:qb,_fnSortAria:Mb,_fnSortListener:Ya,_fnSortAttachListener:Pa,_fnSortingClasses:za,_fnSortData:Lb,_fnSaveState:Aa,_fnLoadState:Nb,_fnSettingsFromNode:Ba,_fnLog:O,_fnMap:M,_fnBindAction:Za,_fnCallbackReg:D,_fnCallbackFire:A,_fnLengthOverflow:Va,_fnRenderer:Qa,_fnDataSource:I,_fnRowAttributes:Oa,_fnExtend:$a,_fnCalculateEnd:function(){}});f.fn.dataTable=q;q.$=f;f.fn.dataTableSettings=q.settings;f.fn.dataTableExt=q.ext;f.fn.DataTable=function(a){return f(this).dataTable(a).api()}; +f.each(q,function(a,b){f.fn.DataTable[a]=b});return f.fn.dataTable}); + + +/*! + Copyright 2009-2020 SpryMedia Ltd. + + This source file is free software, available under the following license: + MIT license - http://datatables.net/license/mit + + This source file is distributed in the hope that it will be useful, but + WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + + For details please refer to: http://www.datatables.net + FixedHeader 3.1.7 + Â©2009-2020 SpryMedia Ltd - datatables.net/license +*/ +var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.findInternal=function(c,d,f){c instanceof String&&(c=String(c));for(var h=c.length,g=0;g=e.tfootBottom+this.c.footerOffset?"in-place":e.windowHeight+b>e.tbodyTop+e.tfootHeight+this.c.footerOffset?"in":"above":"in-place",(a||b!==this.s.footerMode)&&this._modeChange(b,"footer",a),this._horizontal("footer",d))}});l.version="3.1.7";l.defaults={header:!0,footer:!1,headerOffset:0,footerOffset:0};c.fn.dataTable.FixedHeader=l;c.fn.DataTable.FixedHeader= +l;c(f).on("init.dt.dtfh",function(a,b,d){"dt"===a.namespace&&(a=b.oInit.fixedHeader,d=g.defaults.fixedHeader,!a&&!d||b._fixedHeader||(d=c.extend({},d,a),!1!==a&&new l(b,d)))});g.Api.register("fixedHeader()",function(){});g.Api.register("fixedHeader.adjust()",function(){return this.iterator("table",function(a){(a=a._fixedHeader)&&a.update()})});g.Api.register("fixedHeader.enable()",function(a){return this.iterator("table",function(b){b=b._fixedHeader;a=a!==h?a:!0;b&&a!==b.enabled()&&b.enable(a)})}); +g.Api.register("fixedHeader.enabled()",function(){if(this.context.length){var a=this.content[0]._fixedHeader;if(a)return a.enabled()}return!1});g.Api.register("fixedHeader.disable()",function(){return this.iterator("table",function(a){(a=a._fixedHeader)&&a.enabled()&&a.enable(!1)})});c.each(["header","footer"],function(a,b){g.Api.register("fixedHeader."+b+"Offset()",function(a){var c=this.context;return a===h?c.length&&c[0]._fixedHeader?c[0]._fixedHeader[b+"Offset"]():h:this.iterator("table",function(c){if(c= +c._fixedHeader)c[b+"Offset"](a)})})});return l}); + + +/*! + SearchPanes 1.1.1 + 2019-2020 SpryMedia Ltd - datatables.net/license +*/ +var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.getGlobal=function(e){e=["object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global,e];for(var t=0;t").addClass(this.classes.buttonGroup),clear:d('').addClass(this.classes.dull).addClass(this.classes.paneButton).addClass(this.classes.clearButton),container:d("
").addClass(this.classes.container).addClass(this.classes.layout+(10>b?h:h.split("-")[0]+"-9")),countButton:d('').addClass(this.classes.paneButton).addClass(this.classes.countButton),dtP:d("
"+(this.colExists?d(a.column(this.colExists? +this.s.index:0).header()).text():this.customPaneSettings.header||"Custom Pane")+"
"),lower:d("
").addClass(this.classes.subRow2).addClass(this.classes.narrowButton),nameButton:d('').addClass(this.classes.paneButton).addClass(this.classes.nameButton),panesContainer:l,searchBox:d("").addClass(this.classes.paneInputButton).addClass(this.classes.search),searchButton:d('').addClass(this.classes.paneButton), +searchCont:d("
").addClass(this.classes.searchCont),searchLabelCont:d("
").addClass(this.classes.searchLabelCont),topRow:d("
").addClass(this.classes.topRow),upper:d("
").addClass(this.classes.subRow1).addClass(this.classes.narrowSearch)};this.s.displayed=!1;a=this.s.dt;this.selections=[];this.s.colOpts=this.colExists?this._getOptions():this._getBonusOptions();var x=this.s.colOpts;h=d('').addClass(this.classes.paneButton);d(h).text(a.i18n("searchPanes.clearPane", +"X"));this.dom.container.addClass(x.className);this.dom.container.addClass(null!==this.customPaneSettings&&void 0!==this.customPaneSettings.className?this.customPaneSettings.className:"");this.s.name=void 0!==this.s.colOpts.name?this.s.colOpts.name:null!==this.customPaneSettings&&void 0!==this.customPaneSettings.name?this.customPaneSettings.name:this.colExists?d(a.column(this.s.index).header()).text():this.customPaneSettings.header||"Custom Pane";d(l).append(this.dom.container);var e=a.table(0).node(); +this.s.searchFunction=function(a,b,f,h){if(0===g.selections.length||a.nTable!==e)return!0;a="";g.colExists&&(a=b[g.s.index],"filter"!==x.orthogonal.filter&&(a=g.s.rowData.filterMap.get(f),a instanceof d.fn.dataTable.Api&&(a=a.toArray())));return g._search(a,f)};d.fn.dataTable.ext.search.push(this.s.searchFunction);if(this.c.clear)d(h).on("click",function(){g.dom.container.find(g.classes.search).each(function(){d(this).val("");d(this).trigger("input")});g.clearPane()});a.on("draw.dtsp",function(){g._adjustTopRow()}); +a.on("buttons-action",function(){g._adjustTopRow()});d(window).on("resize.dtsp",n.util.throttle(function(){g._adjustTopRow()}));a.on("column-reorder.dtsp",function(a,b,f){g.s.index=f.mapping[g.s.index]});return this}c.prototype.clearData=function(){this.s.rowData={arrayFilter:[],arrayOriginal:[],arrayTotals:[],bins:{},binsOriginal:{},binsTotal:{},filterMap:new Map,totalOptions:0}};c.prototype.clearPane=function(){this.s.dtPane.rows({selected:!0}).deselect();this.updateTable();return this};c.prototype.destroy= +function(){d(this.s.dtPane).off(".dtsp");d(this.s.dt).off(".dtsp");d(this.dom.nameButton).off(".dtsp");d(this.dom.countButton).off(".dtsp");d(this.dom.clear).off(".dtsp");d(this.dom.searchButton).off(".dtsp");d(this.dom.container).remove();for(var a=d.fn.dataTable.ext.search.indexOf(this.s.searchFunction);-1!==a;)d.fn.dataTable.ext.search.splice(a,1),a=d.fn.dataTable.ext.search.indexOf(this.s.searchFunction);void 0!==this.s.dtPane&&this.s.dtPane.destroy();this.s.listSet=!1};c.prototype.getPaneCount= +function(){return void 0!==this.s.dtPane?this.s.dtPane.rows({selected:!0}).data().toArray().length:0};c.prototype.rebuildPane=function(a,b,f,h){void 0===a&&(a=!1);void 0===b&&(b=null);void 0===f&&(f=null);void 0===h&&(h=!1);this.clearData();var l=[];this.s.serverSelect=[];var c=null;void 0!==this.s.dtPane&&(h&&(this.s.dt.page.info().serverSide?this.s.serverSelect=this.s.dtPane.rows({selected:!0}).data().toArray():l=this.s.dtPane.rows({selected:!0}).data().toArray()),this.s.dtPane.clear().destroy(), +c=d(this.dom.container).prev(),this.destroy(),this.s.dtPane=void 0,d.fn.dataTable.ext.search.push(this.s.searchFunction));this.dom.container.removeClass(this.classes.hidden);this.s.displayed=!1;this._buildPane(this.s.dt.page.info().serverSide?this.s.serverSelect:l,a,b,f,c);return this};c.prototype.removePane=function(){this.s.displayed=!1;d(this.dom.container).hide()};c.prototype.setCascadeRegen=function(a){this.s.cascadeRegen=a};c.prototype.setClear=function(a){this.s.clearing=a};c.prototype.updatePane= +function(a){void 0===a&&(a=!1);this.s.updating=!0;this._updateCommon(a);this.s.updating=!1};c.prototype.updateTable=function(){this.selections=this.s.dtPane.rows({selected:!0}).data().toArray();this._searchExtras();(this.c.cascadePanes||this.c.viewTotal)&&this.updatePane()};c.prototype._setListeners=function(){var a=this,b=this.s.rowData,f;this.s.dtPane.on("select.dtsp",function(){a.s.dt.page.info().serverSide&&!a.s.updating?a.s.serverSelecting||(a.s.serverSelect=a.s.dtPane.rows({selected:!0}).data().toArray(), +a.s.scrollTop=d(a.s.dtPane.table().node()).parent()[0].scrollTop,a.s.selectPresent=!0,a.s.dt.draw(!1)):(clearTimeout(f),d(a.dom.clear).removeClass(a.classes.dull),a.s.selectPresent=!0,a.s.updating||a._makeSelection(),a.s.selectPresent=!1)});this.s.dtPane.on("deselect.dtsp",function(){f=setTimeout(function(){a.s.dt.page.info().serverSide&&!a.s.updating?a.s.serverSelecting||(a.s.serverSelect=a.s.dtPane.rows({selected:!0}).data().toArray(),a.s.deselect=!0,a.s.dt.draw(!1)):(a.s.deselect=!0,0===a.s.dtPane.rows({selected:!0}).data().toArray().length&& +d(a.dom.clear).addClass(a.classes.dull),a._makeSelection(),a.s.deselect=!1,a.s.dt.state.save())},50)});this.s.dt.on("stateSaveParams.dtsp",function(f,l,c){if(d.isEmptyObject(c))a.s.dtPane.state.clear();else{f=[];if(void 0!==a.s.dtPane){f=a.s.dtPane.rows({selected:!0}).data().map(function(a){return a.filter.toString()}).toArray();var h=d(a.dom.searchBox).val();var r=a.s.dtPane.order();var e=b.binsOriginal;var m=b.arrayOriginal}void 0===c.searchPanes&&(c.searchPanes={});void 0===c.searchPanes.panes&& +(c.searchPanes.panes=[]);c.searchPanes.panes.push({arrayFilter:m,bins:e,id:a.s.index,order:r,searchTerm:h,selected:f})}});this.s.dtPane.on("user-select.dtsp",function(a,b,f,g,c){c.stopPropagation()});this.s.dtPane.on("draw.dtsp",function(){a._adjustTopRow()});d(this.dom.nameButton).on("click.dtsp",function(){var b=a.s.dtPane.order()[0][1];a.s.dtPane.order([0,"asc"===b?"desc":"asc"]).draw();a.s.dt.state.save()});d(this.dom.countButton).on("click.dtsp",function(){var b=a.s.dtPane.order()[0][1];a.s.dtPane.order([1, +"asc"===b?"desc":"asc"]).draw();a.s.dt.state.save()});d(this.dom.clear).on("click.dtsp",function(){a.dom.container.find("."+a.classes.search).each(function(){d(this).val("");d(this).trigger("input")});a.clearPane()});d(this.dom.searchButton).on("click.dtsp",function(){d(a.dom.searchBox).focus()});d(this.dom.searchBox).on("input.dtsp",function(){a.s.dtPane.search(d(a.dom.searchBox).val()).draw();a.s.dt.state.save()});this.s.dt.state.save();return!0};c.prototype._addOption=function(a,b,f,h,l,c){if(Array.isArray(a)|| +a instanceof n.Api)if(a instanceof n.Api&&(a=a.toArray(),b=b.toArray()),a.length===b.length)for(var g=0;gd(a[0]).width()||252>d(h[0]).width())&&0!==d(a[0]).width()?(d(a[0]).addClass(this.classes.narrow),d(b[0]).addClass(this.classes.narrowSub).removeClass(this.classes.narrowSearch),d(f[0]).addClass(this.classes.narrowSub).removeClass(this.classes.narrowButton)):(d(a[0]).removeClass(this.classes.narrow),d(b[0]).removeClass(this.classes.narrowSub).addClass(this.classes.narrowSearch),d(f[0]).removeClass(this.classes.narrowSub).addClass(this.classes.narrowButton))}; +c.prototype._buildPane=function(a,b,f,h,c){var l=this;void 0===a&&(a=[]);void 0===b&&(b=!1);void 0===f&&(f=null);void 0===h&&(h=null);void 0===c&&(c=null);this.selections=[];var g=this.s.dt,e=g.column(this.colExists?this.s.index:0),u=this.s.colOpts,m=this.s.rowData,k=g.i18n("searchPanes.count","{total}"),t=g.i18n("searchPanes.countFiltered","{shown} ({total})"),q=g.state.loaded();this.s.listSet&&(q=g.state());if(this.colExists){var v=-1;if(q&&q.searchPanes&&q.searchPanes.panes)for(var p=0;pthis.c.threshold:f>u.threshold)||!0!==u.show&&1>=p)){this.dom.container.addClass(this.classes.hidden);this.s.displayed=!1;return}this.c.viewTotal&&0===m.arrayTotals.length?(this.s.rowData.totalOptions=0,this._detailsPane()):m.binsTotal=m.bins;this.dom.container.addClass(this.classes.show); +this.s.displayed=!0}else if(null!==f){if(void 0!==f.tableLength)this.s.tableLength=f.tableLength,this.s.rowData.totalOptions=this.s.tableLength;else if(null===this.s.tableLength||g.rows()[0].length>this.s.tableLength)this.s.tableLength=g.rows()[0].length,this.s.rowData.totalOptions=this.s.tableLength;b=g.column(this.s.index).dataSrc();if(void 0!==f[b])for(p=0,f=f[b];pthis.c.threshold:f>u.threshold)||!0!==u.show&&1>=p)){this.dom.container.addClass(this.classes.hidden);this.s.displayed=!1;return}this.s.displayed=!0}}else this.s.displayed=!0;this._displayPane();if(!this.s.listSet)this.dom.dtP.on("stateLoadParams.dt",function(a,b, +f){d.isEmptyObject(g.state.loaded())&&d.each(f,function(a,b){delete f[a]})});null!==c&&0'+c+"";if(l.c.hideCount||u.hideCount)b="";return l.c.dataLength?null!==a&&a.length>l.c.dataLength?''+a.substr(0,l.c.dataLength)+"..."+b:''+a+""+b:''+a+""+b},targets:0,type:void 0!==g.settings()[0].aoColumns[this.s.index]?g.settings()[0].aoColumns[this.s.index]._sManualType:null},{className:"dtsp-countColumn "+this.classes.badgePill,data:"total",targets:1,visible:!1}],deferRender:!0,dom:"t",info:!1,paging:c?!0:!1,scrollY:"200px",scroller:c?!0:!1,select:!0,stateSave:g.settings()[0].oFeatures.bStateSave?!0:!1},this.c.dtOpts,void 0!==u?u.dtOpts:{},null!==this.customPaneSettings&&void 0!== +this.customPaneSettings.dtOpts?this.customPaneSettings.dtOpts:{}));d(this.dom.dtP).addClass(this.classes.table);d(this.dom.searchBox).attr("placeholder",void 0!==u.header?u.header:this.colExists?g.settings()[0].aoColumns[this.s.index].sTitle:this.customPaneSettings.header||"Custom Pane");d.fn.dataTable.select.init(this.s.dtPane);d.fn.dataTable.ext.errMode=p;if(this.colExists){e=(e=e.search())?e.substr(1,e.length-2).split("|"):[];var w=0;m.arrayFilter.forEach(function(a){""===a.filter&&w++});p=0;for(c= +m.arrayFilter.length;pNo Data",hideCount:!1,layout:"columns-3",name:void 0,orderable:!0,orthogonal:{display:"display",hideCount:!1,search:"filter",show:void 0,sort:"sort",threshold:.6,type:"type"},preSelect:[],threshold:.6,viewTotal:!1};return c}(),k,v,w=function(){function c(a,b,f){var h=this;void 0===f&&(f=!1);this.regenerating=!1;if(!v||!v.versionCheck||!v.versionCheck("1.10.0"))throw Error("SearchPane requires DataTables 1.10 or newer"); +if(!v.select)throw Error("SearchPane requires Select");var l=new v.Api(a);this.classes=k.extend(!0,{},c.classes);this.c=k.extend(!0,{},c.defaults,b);this.dom={clearAll:k('').addClass(this.classes.clearAll),container:k("
").addClass(this.classes.panes).text(l.i18n("searchPanes.loadMessage","Loading Search Panes...")),emptyMessage:k("
").addClass(this.classes.emptyMessage),options:k("
").addClass(this.classes.container),panes:k("
").addClass(this.classes.container), +title:k("
").addClass(this.classes.title),titleRow:k("
").addClass(this.classes.titleRow),wrapper:k("
")};this.s={colOpts:[],dt:l,filterPane:-1,panes:[],selectionList:[],serverData:{},updating:!1};if(void 0===l.settings()[0]._searchPanes)if(l.on("xhr",function(a,b,c,f){c.searchPanes&&c.searchPanes.options&&(h.s.serverData=c.searchPanes.options,h.s.serverData.tableLength=c.recordsTotal,(h.c.viewTotal||h.c.cascadePanes)&&h._serverTotals())}),l.settings()[0]._searchPanes=this,this.dom.clearAll.text(l.i18n("searchPanes.clearMessage", +"Clear All")),this._getState(),this.s.dt.settings()[0]._bInitComplete||f)this._paneDeclare(l,a,b);else l.one("preInit.dt",function(c){h._paneDeclare(l,a,b)})}c.prototype.clearSelections=function(){this.dom.container.find(this.classes.search).each(function(){k(this).val("");k(this).trigger("input")});for(var a=[],b=0,c=this.s.panes;b=this.s.dt.page.info().recordsTotal?this._startup(a):setTimeout(function(){b._startup(a)},100)};c.prototype._serverTotals=function(){for(var a=!1,b=!1,c=this.s.dt,d=0,e=this.s.panes;db){var d=b;b=c;c=d}var e=!1;return a.columns(":visible").indexes().filter(function(a){a===c&&(e=!0);return a===b?(e=!1,!0):e})};var e= +function(c,b){var d=a.rows({search:"applied"}).indexes();if(d.indexOf(c)>d.indexOf(b)){var e=b;b=c;c=e}var f=!1;return d.filter(function(a){a===c&&(f=!0);return a===b?(f=!1,!0):f})};a.cells({selected:!0}).any()||c?(d=d(c.column,b.column),c=e(c.row,b.row)):(d=d(0,b.column),c=e(0,b.row));c=a.cells(c,d).flatten();a.cells(b,{selected:!0}).any()?a.cells(c).deselect():a.cells(c).select()}function v(a){var b=a.settings()[0]._select.selector;f(a.table().container()).off("mousedown.dtSelect",b).off("mouseup.dtSelect", +b).off("click.dtSelect",b);f("body").off("click.dtSelect"+a.table().node().id.replace(/[^a-zA-Z0-9\-_]/g,"-"))}function A(a){var b=f(a.table().container()),c=a.settings()[0],d=c._select.selector,e;b.on("mousedown.dtSelect",d,function(a){if(a.shiftKey||a.metaKey||a.ctrlKey)b.css("-moz-user-select","none").one("selectstart.dtSelect",d,function(){return!1});k.getSelection&&(e=k.getSelection())}).on("mouseup.dtSelect",d,function(){b.css("-moz-user-select","")}).on("click.dtSelect",d,function(c){var b= +a.select.items();if(e){var d=k.getSelection();if((!d.anchorNode||f(d.anchorNode).closest("table")[0]===a.table().node())&&d!==e)return}d=a.settings()[0];var l=f.trim(a.settings()[0].oClasses.sWrapper).replace(/ +/g,".");if(f(c.target).closest("div."+l)[0]==a.table().container()&&(l=a.cell(f(c.target).closest("td, th")),l.any())){var g=f.Event("user-select.dt");m(a,g,[b,l,c]);g.isDefaultPrevented()||(g=l.index(),"row"===b?(b=g.row,w(c,a,d,"row",b)):"column"===b?(b=l.index().column,w(c,a,d,"column", +b)):"cell"===b&&(b=l.index(),w(c,a,d,"cell",b)),d._select_lastCell=g)}});f("body").on("click.dtSelect"+a.table().node().id.replace(/[^a-zA-Z0-9\-_]/g,"-"),function(b){!c._select.blurable||f(b.target).parents().filter(a.table().container()).length||0===f(b.target).parents("html").length||f(b.target).parents("div.DTE").length||r(c,!0)})}function m(a,b,c,d){if(!d||a.flatten().length)"string"===typeof b&&(b+=".dt"),c.unshift(a),f(a.table().node()).trigger(b,c)}function B(a){var b=a.settings()[0];if(b._select.info&& +b.aanFeatures.i&&"api"!==a.select.style()){var c=a.rows({selected:!0}).flatten().length,d=a.columns({selected:!0}).flatten().length,e=a.cells({selected:!0}).flatten().length,l=function(b,c,d){b.append(f('').append(a.i18n("select."+c+"s",{_:"%d "+c+"s selected",0:"",1:"1 "+c+" selected"},d)))};f.each(b.aanFeatures.i,function(b,a){a=f(a);b=f('');l(b,"row",c);l(b,"column",d);l(b,"cell",e);var g=a.children("span.select-info");g.length&&g.remove(); +""!==b.text()&&a.append(b)})}}function D(a){var b=new g.Api(a);a.aoRowCreatedCallback.push({fn:function(b,d,e){d=a.aoData[e];d._select_selected&&f(b).addClass(a._select.className);b=0;for(e=a.aoColumns.length;bg){var u=g;g=d;d=u}e.splice(g+1,e.length);e.splice(0,d)}else e.splice(f.inArray(c,e)+1,e.length);a[b](c,{selected:!0}).any()?(e.splice(f.inArray(c,e),1),a[b+"s"](e).deselect()):a[b+"s"](e).select()}function r(a,b){if(b||"single"===a._select.style)a=new g.Api(a),a.rows({selected:!0}).deselect(),a.columns({selected:!0}).deselect(),a.cells({selected:!0}).deselect()}function w(a,b,c,d,e){var f=b.select.style(),g=b.select.toggleable(),h=b[d](e,{selected:!0}).any();if(!h||g)"os"===f?a.ctrlKey|| +a.metaKey?b[d](e).select(!h):a.shiftKey?"cell"===d?z(b,e,c._select_lastCell||null):C(b,d,e,c._select_lastCell?c._select_lastCell[d]:null):(a=b[d+"s"]({selected:!0}),h&&1===a.flatten().length?b[d](e).deselect():(a.deselect(),b[d](e).select())):"multi+shift"==f?a.shiftKey?"cell"===d?z(b,e,c._select_lastCell||null):C(b,d,e,c._select_lastCell?c._select_lastCell[d]:null):b[d](e).select(!h):b[d](e).select(!h)}function t(a,b){return function(c){return c.i18n("buttons."+a,b)}}function x(a){a=a._eventNamespace; +return"draw.dt.DT"+a+" select.dt.DT"+a+" deselect.dt.DT"+a}function E(a,b){return-1!==f.inArray("rows",b.limitTo)&&a.rows({selected:!0}).any()||-1!==f.inArray("columns",b.limitTo)&&a.columns({selected:!0}).any()||-1!==f.inArray("cells",b.limitTo)&&a.cells({selected:!0}).any()?!0:!1}var g=f.fn.dataTable;g.select={};g.select.version="1.3.1";g.select.init=function(a){var b=a.settings()[0],c=b.oInit.select,d=g.defaults.select;c=c===h?d:c;d="row";var e="api",l=!1,u=!0,k=!0,m="td, th",p="selected",n=!1; +b._select={};!0===c?(e="os",n=!0):"string"===typeof c?(e=c,n=!0):f.isPlainObject(c)&&(c.blurable!==h&&(l=c.blurable),c.toggleable!==h&&(u=c.toggleable),c.info!==h&&(k=c.info),c.items!==h&&(d=c.items),e=c.style!==h?c.style:"os",n=!0,c.selector!==h&&(m=c.selector),c.className!==h&&(p=c.className));a.select.selector(m);a.select.items(d);a.select.style(e);a.select.blurable(l);a.select.toggleable(u);a.select.info(k);b._select.className=p;f.fn.dataTable.ext.order["select-checkbox"]=function(b,a){return this.api().column(a, +{order:"index"}).nodes().map(function(a){return"row"===b._select.items?f(a).parent().hasClass(b._select.className):"cell"===b._select.items?f(a).hasClass(b._select.className):!1})};!n&&f(a.table().node()).hasClass("selectable")&&a.select.style("os")};f.each([{type:"row",prop:"aoData"},{type:"column",prop:"aoColumns"}],function(a,b){g.ext.selector[b.type].push(function(a,d,e){d=d.selected;var c=[];if(!0!==d&&!1!==d)return e;for(var f=0,g=e.length;f+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\$"+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\$|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\$"+M+"*((?:-\\d)?\\d*)"+M+"*\$|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="x",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="
",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0 option{ + background: white; +} + +.ui-autocomplete .ui-menu-item { + font-size:13px; +} + +#ui-datepicker-div { + font-size:13px; +} +.yadcf-filter-wrapper { + display: inline-block; + white-space: nowrap; + margin-left: 2px; +} + +.yadcf-filter-range-number { + width: 40px; +} + +.yadcf-filter-range-number-seperator { + margin-left: 10px; + margin-right: 10px; +} + +.yadcf-filter-range-date { + width: 80px; +} + +.yadcf-filter-range-date-seperator { + margin-left: 10px; + margin-right: 10px; +} + +.yadcf-filter-wrapper-inner { + display: inline-block; + border: 1px solid #ABADB3; +} + +.yadcf-number-slider-filter-wrapper-inner { + display: inline-block; + width: 200px; + margin-bottom: 7px; +} + +.yadcf-filter-range-number-slider .ui-slider-handle { + width: 10px; + height: 10px; + margin-top: 1px; +} + +.yadcf-filter-range-number-slider .ui-slider-range { + position: relative; + height: 5px; +} + +.yadcf-filter-range-number-slider { + height: 5px; + margin-left: 6px; + margin-right: 6px; +} + +.yadcf-filter-range-number-slider { + overflow: visible; +} + +.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-min-tip { + font-size: 13px; + font-weight: normal; + position: absolute; + outline-style: none; +} + +.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-max-tip { + font-size: 13px; + font-weight: normal; + position:absolute; + outline-style: none; +} + +.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-min-tip-inner { + position:absolute; + top: 11px; +} + +.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-max-tip-inner { + position:absolute; + top: 11px; +} + +.yadcf-exclude-wrapper { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.yadcf-label.small { + font-size: 10px; +} diff --git a/www/datatables/jquery.dataTables.yadcf.js b/www/datatables/jquery.dataTables.yadcf.js new file mode 100644 index 0000000..5fa8b5b --- /dev/null +++ b/www/datatables/jquery.dataTables.yadcf.js @@ -0,0 +1,4684 @@ +/*! +* Yet Another DataTables Column Filter - (yadcf) +* +* File: jquery.dataTables.yadcf.js +* Version: 0.9.3 +* +* Author: Daniel Reznick +* Info: https://github.com/vedmack/yadcf +* Contact: vedmack@gmail.com +* Twitter: @danielreznick +* Q&A http://stackoverflow.com/questions/tagged/yadcf +* +* Copyright 2015 Daniel Reznick, all rights reserved. +* Copyright 2015 Released under the MIT License +* +* This source file is distributed in the hope that it will be useful, but +* WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY +* or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. +*/ +/* +* Parameters: +* +* +* ------------- + +* column_number + Required: true + Type: int + Description: The number of the column to which the filter will be applied + +* filter_type + Required: false + Type: String + Default value: 'select' + Possible values: select / multi_select / auto_complete / text / date / range_number / range_number_slider / range_date / custom_func / multi_select_custom_func / date_custom_func + Description: The type of the filter to be used in the column + +* custom_func + Required: true (when filter_type is custom_func / multi_select_custom_func / date_custom_func) + Type: function + Default value: undefined + Description: should be pointing to a function with the following signature myCustomFilterFunction(filterVal, columnVal, rowValues, stateVal) , where `filterVal` is the value from the select box, + `columnVal` is the value from the relevant row column, `rowValues` is an array that holds the values of the entire row and `stateVal` which holds the current state of the table row DOM + , stateVal is perfect to handle situations in which you placing radiobuttons / checkbox inside table column. This function should return true if the row matches your condition and the row should be displayed) and false otherwise + Note: When using multi_select_custom_func as filter_type filterVal will hold an array of selected values from the multi select element + +* data + Required: false + Type: Array (of string or objects) + Description: When the need of predefined data for filter is needed just use an array of strings ["value1","value2"....] (supported in select / multi_select / auto_complete filters) or + array of objects [{value: 'Some Data 1', label: 'One'}, {value: 'Some Data 3', label: 'Three'}] (supported in select / multi_select filters) + Note: that when filter_type is custom_func / multi_select_custom_func this array will populate the custom filter select element + +* data_as_is + Required: false + Type: boolean + Default value: false + Description: When set to true, the value of the data attribute will be fed into the filter as is (without any modification/decoration). + Perfect to use when you want to define your own for the filter + Note: Currently supported by the select / multi_select filters + +* append_data_to_table_data + Required: false + Type: String + Default value: undefined + Possible values: before / sorted + Description: Use 'before' to place your data array before the values that yadcf grabs from the table + use 'sorted' to place the data array sorted along with the values that yadcf grabs from the table + Note: 'sorted' option will have affect only if you data is an array of primitives (not objects) + +* column_data_type + Required: false + Type: String + Default value: 'text' + Possible values: text / html / rendered_html + Description: The type of data in column , use "html" when you have some html code in the column (support parsing of multiple elements per cell), + use rendered_html when you are using render function of columnDefs or similar, that produces a html code, note that both types rendered_html and html have a fallback for simple text parsing + +* text_data_delimiter + Required: false + Type: String + Description: Delimiter that seperates text in table column, for example text_data_delimiter: "," + +* html_data_type + Required: false + Type: String + Default value: 'text' + Possible values: text / value / id / selector + Description: When using "html" for column_data_type argument you can choose how exactly to parse your html element/s in column , for example use "text" for the following Some text + Special notes: when using selector you must provide a valid selector string for the html_data_selector property + +* html_data_selector + Required: false + Type: String + Default value: undefined + Possible values: any valid selector string, for example 'li:eq(1)' + Description: allows for advanced text value selection within the html located in the td element + Special notes: know that the selector string "begin is search" from (and not outside) the first element of the html inside the td + (supported by range_number_slider / select / auto_complete) + +* html5_data + Required: false + Type: String + Default value: undefined + Possible values: data-filter / data-search / anything that is supported by datatables + Description: Allows to filter based on data-filter / data-search attributes of the element, read more: http://www.datatables.net/examples/advanced_init/html5-data-attributes.html + +* filter_container_id + Required: false + Type: String + Description: In case that user don't want to place the filter in column header , he can pass an id of the desired container for the column filter + +* filter_container_selector + Required: false + Type: String + Description: In case that user don't want to place the filter in column header , he can pass a (jquery) selector of the desired container for the column filter + +* filter_default_label + Required: false + Type: String / Array of string in case of range_number filter (first entry is for the first input and the second entry is for the second input + Default value: 'Select value' + Description: The label that will appear in the select menu filter when no value is selected from the filter + +* omit_default_label + Required: false + Type: boolean + Default value: false + Description: Prevent yadcf from adding "default_label" (Select value / Select values) + Note Currently supported in select / multi_select / custom_func / multi_select_custom_func + +* filter_reset_button_text + Required: false + Type: String / boolean + Default value: 'x' + Description: The text that will appear inside the reset button next to the select drop down (set this to false (boolean) in order to hide it from that column filter) + +* enable_auto_complete (this attribute is deprecated , and will become obsolete in the future , so you better start using filter_type: "auto_complete") + Required: false + Type: boolean + Default value: false + Description: Turns the filter into an autocomplete input - make use of the jQuery UI Autocomplete widget (with some enhancements) + +* sort_as + Required: false + Type: String + Default value: 'alpha' + Possible values: alpha / num / alphaNum / none + Description: Defines how the values in the filter will be sorted, alphabetically / numerically / alphanumeric / custom / not sorted at all (none is useful to preserve + the order of the data attribute as is) + Note: When custom value is set you must provide a custom sorting function for the sort_as_custom_func property + +* sort_as_custom_func + Required: false + Type: function + Default value: undefined + Description: Allows to provide a custom sorting function for the filter elements + +* sort_order + Required: false + Type: String + Default value: 'asc' + Possible values: asc / desc + Description: Defines the order in which the values in the filter will be sorted, ascending or descending + +* date_format + Required: false + Type: String + Default value: 'mm/dd/yyyy' + Possible values: mm/dd/yyyy / dd/mm/yyyy / hh:mm (when using datepicker_type: 'bootstrap-datetimepicker') + Description: Defines the format in which the date values are being parsed into Date object + Note: You can replace the / separator with other one , for example mm-dd-yy + +* moment_date_format + Required: false + Type: String + Default value: undefined + Possible values: Any format accepted by momentjs + Description: Defines the format in which the date values are being parsed into Date object by momentjs library + Note: Currently relevant only when using datepicker_type: 'bootstrap-datetimepicker') + +* ignore_char + Required: false + Type: String + Description: Tells the range_number and range_number_slide to ignore specific char while filtering (that char can used as number separator) + Note: Use double escape for regex chars , e.g \\$ , also you can use multiple ignore chars with | , e.g '_|\\.|\\$' + +* filter_match_mode + Required: false + Type: String + Default value: contains + Possible values: contains / exact / startsWith / regex + Description: Allows to control the matching mode of the filter (supported in select / auto_complete / text filters) + +* exclude + Required: false + Type: boolean + Default value: undefined + Description: Adds a checkbox next to the filter that allows to do a "not/exclude" filtering (acts the same all filter_match_mode) + Note: Currently available for the text filter + +* exclude_label + Required: false + Type: String + Default value: 'exclude' + Description: The label that will appear above the exclude checkbox + +* select_type + Required: false + Type: String + Default value: undefined + Possible values: chosen / select2 / custom_select + Description: Turns the simple select element into Chosen / Select2 (make use of the Chosen / Select2 select jQuery plugins) + Note: When using custom_select , make sure to call the initSelectPluginCustomTriggers, + before calling yadcf constructor / init function + +* select_type_options + Required: false + Type: Object + Default value: {} + Description: This parameter will be passed "as is" to the Chosen/Select2 plugin constructor + +* filter_plugin_options + Required: false + Type: Object + Default value: undefined + Description: This parameter will be passed to the jQuery Autocomplete / jQuery Slider / Bootstrap Datetimepicker + +* case_insensitive + Required: false + Type: boolean + Default value: true + Description: Do case-insensitive filtering (supported in select / auto_complete / text filters) + + +* filter_delay + Required: false + Type: integer + Default value: undefined + Description: Delay filter execution for a XXX milliseconds - filter will fire XXX milliseconds after the last keyup. + Special notes: Currently supported in text / range_number / range_date filters / range_number_slider + +* datepicker_type + Required: false + Type: String + Default value: 'jquery-ui' + Possible values: 'jquery-ui' / 'bootstrap-datetimepicker' / bootstrap-datepicker + Description: You can choose datapicker library from defined in special notes + Special notes: Currently supported only jQueryUI datepicker (datepicker) and Bootstrap datepicker (eonasdan-bootstrap-datetimepicker) + Bootstrap datepicker depends moment library. This plugin depends moment too. + +* style_class + Required: false + Type: String + Description: Allows adding additional class/classes to filter - available for the following filters: + select / multi_select / text / custom_func / multi_select_custom_func / range_number / range_number_slider / range_date + +* reset_button_style_class + Required: false + Type: String + Description: Allows adding additional class/classes to filter reset button + + +* Global Parameters (per table rather than per column) +* +* Usage example yadcf.init(oTable,[{column_number : 0}, {column_number: 3}],{cumulative_filtering: true}); +* ------------- + +* externally_triggered + Required: false + Type: boolean + Default value: false + Description: Filters will filter only when yadcf.exFilterExternallyTriggered(table_arg) is called + Special notes: Useful when you want to build some form with filters and you want to trigger the filter when that form + "submit" button is clicked (instead of filtering per filter input change) + +* cumulative_filtering + Required: false + Type: boolean + Default value: false + Description: Change the default behaviour of the filters so its options will be populated from the filtered rows (remaining + table data after filtering) only, unlike the normal behaviour in which the options of the filters are from all the table data + + +* filters_position + Required: false + Type: String + Default value: header + Possible values: 'header' / 'footer' + Description: Filters can be placed in the header (thead) or in the footer (tfoot) of the table, + Note: When 'footer' you must provide a valid tfoot elemet in your table + + +* filters_tr_index + Required: false + Type: integer + Default value: undefined + Description: Allow to control the index of the inside the thead of the table, e.g when one is used for headers/sort and + another is used for filters + + +* onInitComplete + Required: false + Type: function + Default value: undefined + Description: Calls the provided callback function in the end of the yadcf init function + Note: This callback function will run before datatables fires its event such as draw/xhr/etc., migth be usefull for call some + third parties init / loading code +* +* +* +* +* External API functions: +* +* +* ------------- + +* exFilterColumn + Description: Allows to trigger filter/s externally/programmatically (support ALL filter types!!!) , perfect for showing table with pre filtered columns + Arguments: table_arg: (variable of the datatable), + array of pairs: column number String/Object with from and to, filter_value (the actual string value that we want to filter by) + Usage example: yadcf.exFilterColumn(oTable, [[0, 'Some Data 2']]); //pre filter one column + yadcf.exFilterColumn(oTable, [[0, 'Some Data 1'], [1, {from: 111, to: 1110}], [2, {from: "", to: "11/25/2014"}]]); //pre filter several columns + yadcf.exFilterColumn(oTable, [[0, ['Some Data 1','Some Data 2']]]); // for pre filtering multi select filter you should use array with values (or an array with single value) + +* exGetColumnFilterVal + Description: Allows to retrieve column current filtered value (support ALL filter types!!!) + Arguments: table_arg: (variable of the datatable), + column number: column number from which we want the value + Usage example: yadcf.exGetColumnFilterVal(oTable,1); + Return value: String (for simple filter) / Object (for range filter) with from and to properties / Array of strings for multi_select filter + + +* exResetAllFilters + Description: Allows to reset all filters externally/programmatically (support ALL filter types!!!) , perfect for adding a "reset all" button to your page! + Arguments: table_arg: (variable of the datatable) + noRedraw: (boolean) , use it if you don't want your table to be reloaded after the filter reset, + for example if you planning to call exFilterColumn function right after the exResetAllFilters (to avoid two AJAX requests) + Usage example: yadcf.exResetAllFilters(oTable); + +* exResetFilters + Description: Allows to reset specific filters externally/programmatically (support ALL filter types!!!) , can be used for resetting one or more filters + Arguments: table_arg: (variable of the datatable) + array with columns numbers + noRedraw: (boolean) , use it if you don't want your table to be reloaded after the filter reset, + for example if you planning to call exFilterColumn function right after the exResetFilters (to avoid two AJAX requests) + Usage example: yadcf.exResetAllFilters(oTable, [1,2]); + +* initSelectPluginCustomTriggers + Description: Allows to set any select jquery plugin initialize and refresh functions. jQuery selector will be passed to the user defined function to initialize and refresh the plugin. + Great for integrating any jquey select plugin (Selectize / MultiSelect / etc) + Arguments: initFunc : function which will initialize the plugin + refreshFunc : function that will refresh the plugin. + destroyFunc : function that will destroy the plugin (upon table destroy even trigger). + Usage example: yadcf.initSelectPluginCustomTriggers(function ($filterSelector){$filterSelector.multiselect({});}, function ($filterSelector){$filterSelector.multiselect("refresh")}, , function ($filterSelector){$filterSelector.multiselect("destroy")}); + +* exFilterExternallyTriggered + Description: Triggers all the available filters, should be used only when the externally_triggered option used + Arguments: table_arg: (variable of the datatable) + Usage example: yadcf.exResetAllFilters(table_arg); +* +* +* +* Server-side processing API (see more on showcase): +* +* From server to client: +* In order to populate the filters with data from server (select / auto_complete / range_number_slider (min and max values), you should add to your current json respond the following properties: +* lets say for first column you add yadcf_data_0 filled with array of values, for column second column yadcf_data_1 and so on... +* +* From client to server: +* Read the filtered value like this (for first column) req.getParameter("columns[0][search][value]"); <- java code , php/.Net/etc you just need to get it from the request +* Range filter value will arrive delimited by -yadcf_delim- , so just split it into an array or something like this: String[] minMax = sSearch_0.split("-yadcf_delim-"); +* +* + + +* +* +* +* Working with filters for multiple tables: +* +* +* ------------- + +* initMultipleTables + Description: Allows to create filter that will affect multiple tables / multiple column(s) in multiple tables + Arguments: Array of tables, + Array of objects with properties for each filter + Usage example: yadcf.initMultipleTables([oTable, oTable2], [{ + column_number: [0, 1], filter_container_id: 'multi-table-filter-0', filter_default_label: 'Filter all tables columns 1 and 2!' + }, + { + column_number: [2], filter_container_id: 'multi-table-filter-1', filter_default_label: 'Filter all tables column 3!' + }]); + Valid properties: filter_type: 'text' (default) / 'select' / 'multi_select', + column_number: not required (in that case the filter will be global) + can be either number(single column filter) or array of numbers(multiple columns filter) + filter_container_id: '' (required), + Note: All the usual properties of yadcf should be supported in initMultipleTables too! + +* initMultipleColumns + Description: Allows to create filter that will affect multiple column(s) in in a particular table + Arguments: Table variable, + Array of objects with properties for each filter + Usage example: yadcf.initMultipleColumns(oTable, [{ + column_number: [0, 1], filter_container_id: 'multi-table-filter-0', filter_default_label: 'Filter columns 1 and 2!' + }, + { + column_number: [2, 3], filter_container_id: 'multi-table-filter-1', filter_default_label: 'Filter column 3 and 4!' + }]); + Valid properties: filter_type: 'text' (default) / 'select' / 'multi_select', + column_number: not required (in that case the filter will be global) + can be either number(single column filter) or array of numbers(multiple columns filter) + filter_container_id: '' (required), + Note: All the usual properties of yadcf should be supported in initMultipleColumns too! +*/ +//Polyfills +if (window.NodeList && !NodeList.prototype.forEach) { + NodeList.prototype.forEach = function (callback, thisArg) { + thisArg = thisArg || window; + for (var i = 0; i < this.length; i++) { + callback.call(thisArg, this[i], i, this); + } + }; +} +if (!Object.entries) { + Object.entries = function(obj) { + var ownProps = Object.keys(obj), + i = ownProps.length, + resArray = new Array(i); // preallocate the Array + while (i--) + resArray[i] = [ownProps[i], obj[ownProps[i]]]; + + return resArray; + }; +} +(function (factory) { + 'use strict'; + + if (typeof define === 'function' && define.amd) { + // AMD + define(['jquery'], function ($) { + return factory($, window, document); + }); + } else if (typeof module === 'object') { + // CommonJS + 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 (!$) { + $ = typeof window !== 'undefined' ? // jQuery's factory checks for a global window + require('jquery') : + require('jquery')(root); + } + + return factory($, root, root.document); + }; + } else { + // Browser + factory(jQuery, window, document); + } +} +(function ($, window, document, undefined) { + var yadcf = (function () { + 'use strict'; + + var tablesDT = {}, + oTables = {}, + oTablesIndex = {}, + options = {}, + plugins = {}, + exFilterColumnQueue = [], + yadcfDelay, + selectElementCustomInitFunc, + selectElementCustomRefreshFunc, + selectElementCustomDestroyFunc, + placeholderLang = { + select: 'Select value', + select_multi: 'Select values', + filter: 'Type to filter', + range: ['From', 'To'], + date: 'Select a date' + }, + settingsMap = {}; + + let closeBootstrapDatepicker = false; + let closeBootstrapDatepickerRange = false; + let closeSelect2 = false; + + //From ColReorder (SpryMedia Ltd (www.sprymedia.co.uk)) + function getSettingsObjFromTable(dt) { + var oDTSettings; + if ($.fn.dataTable.Api) { + oDTSettings = new $.fn.dataTable.Api(dt).settings()[0]; + } else if (dt.fnSettings) { // 1.9 compatibility + // DataTables object, convert to the settings object + oDTSettings = dt.fnSettings(); + } else if (typeof dt === 'string') { // jQuery selector + if ($.fn.dataTable.fnIsDataTable($(dt)[0])) { + oDTSettings = $(dt).eq(0).dataTable().fnSettings(); + } + } else if (dt.nodeName && dt.nodeName.toLowerCase() === 'table') { + // Table node + if ($.fn.dataTable.fnIsDataTable(dt.nodeName)) { + oDTSettings = $(dt.nodeName).dataTable().fnSettings(); + } + } else if (dt instanceof jQuery) { + // jQuery object + if ($.fn.dataTable.fnIsDataTable(dt[0])) { + oDTSettings = dt.eq(0).dataTable().fnSettings(); + } + } else { + // DataTables settings object + oDTSettings = dt; + } + return oDTSettings; + } + + function arraySwapValueWithIndex(pArray) { + var tmp = [], + i; + for (i = 0; i < pArray.length; i++) { + tmp[pArray[i]] = i; + } + return tmp; + } + + function arraySwapValueWithIndex2(pArray) { + var tmp = [], + i; + for (i = 0; i < pArray.length; i++) { + tmp[pArray[i]._ColReorder_iOrigCol] = i; + } + return tmp; + } + + function initColReorder2(settingsDt, table_selector_jq_friendly) { + if (settingsDt.oSavedState && settingsDt.oSavedState.ColReorder !== undefined) { + if (plugins[table_selector_jq_friendly] === undefined) { + plugins[table_selector_jq_friendly] = {}; + plugins[table_selector_jq_friendly].ColReorder = arraySwapValueWithIndex(settingsDt.oSavedState.ColReorder); + } + } else if (settingsDt.aoColumns[0]._ColReorder_iOrigCol !== undefined) { + if (plugins[table_selector_jq_friendly] === undefined) { + plugins[table_selector_jq_friendly] = {}; + plugins[table_selector_jq_friendly].ColReorder = arraySwapValueWithIndex2(settingsDt.aoColumns); + } + } + } + + function initColReorderFromEvent(table_selector_jq_friendly) { + plugins[table_selector_jq_friendly] = undefined; + } + + function columnsArrayToString(column_number) { + var column_number_obj = {}; + if (column_number !== undefined) { + if (column_number instanceof Array) { + column_number_obj.column_number_str = column_number.join('_'); + } else { + column_number_obj.column_number_str = column_number; + column_number = []; + column_number.push(column_number_obj.column_number_str); + } + } else { + column_number_obj.column_number_str = 'global'; + } + column_number_obj.column_number = column_number; + return column_number_obj; + } + + function getOptions(selector) { + return options[selector]; + } + + function getAllOptions() { + return options; + } + + function eventTargetFixUp(pEvent) { + if (pEvent.target === undefined) { + pEvent.target = pEvent.srcElement; + } + return pEvent; + } + + function dot2obj(tmpObj, dot_refs) { + var i = 0; + dot_refs = dot_refs.split("."); + for (i = 0; i < dot_refs.length; i++) { + tmpObj = tmpObj[dot_refs[i]]; + } + return tmpObj; + } + + function setOptions(selector_arg, options_arg, params) { + var tmpOptions = {}, + i, + col_num_as_int, + default_options = { + filter_type: "select", + enable_auto_complete: false, + sort_as: "alpha", + sort_order: "asc", + date_format: "mm/dd/yyyy", + ignore_char: undefined, + filter_match_mode: "contains", + select_type: undefined, + select_type_options: {}, + case_insensitive: true, + column_data_type: 'text', + html_data_type: 'text', + exclude_label: 'exclude', + style_class: '', + reset_button_style_class: '', + datepicker_type: 'jquery-ui', + range_data_type: 'single', + range_data_type_delim: '-', + omit_default_label: false + }; + //adaptContainerCssClassImpl = function (dummy) { return ''; }; + + $.extend(true, default_options, params); + + if (options_arg.length === undefined) { + options[selector_arg] = options_arg; + return; + } + for (i = 0; i < options_arg.length; i++) { + if (options_arg[i].date_format !== undefined && options_arg[i].moment_date_format === undefined) { + options_arg[i].moment_date_format = options_arg[i].date_format; + } + if (options_arg[i].select_type === 'select2') { + default_options.select_type_options = { + //adaptContainerCssClass: adaptContainerCssClassImpl + }; + } + //no individual reset button for externally_triggered mode + if (default_options.externally_triggered === true) { + options_arg[i].filter_reset_button_text = false; + } + //validate custom function required attributes + if (options_arg[i].filter_type !== undefined && options_arg[i].filter_type.indexOf('custom_func') !== -1) { + if (options_arg[i].custom_func === undefined) { + console.log('Error: You are trying to use filter_type: "custom_func / multi_select_custom_func" for column ' + options_arg[i].column_number + ' but there is no such custom_func attribute provided (custom_func: \"function reference goes here...\")'); + return; + } + } + col_num_as_int = +options_arg[i].column_number; + if (isNaN(col_num_as_int)) { + tmpOptions[options_arg[i].column_number_str] = $.extend(true, {}, default_options, options_arg[i]); + } else { + tmpOptions[col_num_as_int] = $.extend(true, {}, default_options, options_arg[i]); + } + } + options[selector_arg] = tmpOptions; + + check3rdPPluginsNeededClose(); + } + + function check3rdPPluginsNeededClose() { + Object.entries(getAllOptions()).forEach(function(tableEntry) { + Object.entries(tableEntry[1]).forEach(function(columnEntry) { + if (columnEntry[1].datepicker_type === 'bootstrap-datepicker') { + if (columnEntry[1].filter_type === 'range_date') { + closeBootstrapDatepickerRange = true; + } else { + closeBootstrapDatepicker = true; + } + } else if (columnEntry[1].select_type === 'select2') { + closeSelect2 = true; + } + }); + }); + } + + //taken and modified from DataTables 1.10.0-beta.2 source + function yadcfVersionCheck(version) { + var aThis = $.fn.dataTable.ext.sVersion.split('.'), + aThat = version.split('.'), + iThis, + iThat, + i, + iLen; + + for (i = 0, iLen = aThat.length; i < iLen; i++) { + iThis = parseInt(aThis[i], 10) || 0; + iThat = parseInt(aThat[i], 10) || 0; + + // Parts are the same, keep comparing + if (iThis === iThat) { + continue; + } + + // Parts are different, return immediately + return iThis > iThat; + } + + return true; + } + + function resetIApiIndex() { + $.fn.dataTableExt.iApiIndex = 0; + + } + + function escapeRegExp(string) { + return string.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1"); + } + + function escapeRegExpInArray(arr) { + var i; + for (i = 0; i < arr.length; i++) { + arr[i] = arr[i].replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1"); + } + return arr; + } + + function replaceAll(string, find, replace) { + return string.replace(new RegExp(escapeRegExp(find), 'g'), replace); + } + + function getTableId(obj) { + var tableId; + if (obj.table !== undefined) { + tableId = obj.table().node().id; + } else { + tableId = getSettingsObjFromTable(obj).sTableId; + } + return tableId; + } + + function generateTableSelectorJQFriendly2(obj) { + var tmpStr; + if (obj.oInstance !== undefined && obj.oInstance.selector !== undefined) { + tmpStr = obj.oInstance.selector; + } else if (obj.selector !== undefined) { + tmpStr = obj.selector; + } else if (obj.table !== undefined) { + tmpStr = obj.table().node().id; + } else { + return ''; + } + tmpStr = replaceAll(tmpStr, ".", "-"); + tmpStr = replaceAll(tmpStr, ' ', ''); + return tmpStr.replace(":", "-").replace("(", "").replace(")", "").replace("#", "-"); + } + + function generateTableSelectorJQFriendlyNew(tmpStr) { + tmpStr = replaceAll(tmpStr, ":", "-"); + tmpStr = replaceAll(tmpStr, "(", ""); + tmpStr = replaceAll(tmpStr, ")", ""); + tmpStr = replaceAll(tmpStr, ",", ""); + tmpStr = replaceAll(tmpStr, ".", "-"); + tmpStr = replaceAll(tmpStr, "#", "-"); + tmpStr = replaceAll(tmpStr, ' ', ''); + return tmpStr; + } + + yadcfDelay = (function () { + var timer = 0; + return function (callback, ms, param) { + clearTimeout(timer); + timer = setTimeout(function () { + callback(param); + }, ms); + return timer; + }; + }()); + + function initializeSelectPlugin(selectType, $selectObject, select_type_options) { + if (selectType === 'chosen') { + $selectObject.chosen(select_type_options); + $selectObject.next().attr("onclick", "yadcf.stopPropagation(event);").attr("onmousedown", "yadcf.stopPropagation(event);"); + refreshSelectPlugin({ + select_type: selectType, + select_type_options: select_type_options + }, $selectObject); + } else if (selectType === 'select2') { + if (!$selectObject.data('select2')) { + $selectObject.select2(select_type_options); + } + if ($selectObject.next().hasClass('select2-container')) { + $selectObject.next().attr("onclick", "yadcf.stopPropagation(event);").attr("onmousedown", "yadcf.stopPropagation(event);"); + } + } else if (selectType === 'custom_select') { + selectElementCustomInitFunc($selectObject); + $selectObject.next().attr("onclick", "yadcf.stopPropagation(event);").attr("onmousedown", "yadcf.stopPropagation(event);"); + } + } + + function refreshSelectPlugin(columnObj, $selectObject, val) { + var selectType = columnObj.select_type, + select_type_options = columnObj.select_type_options; + if (selectType === 'chosen') { + $selectObject.trigger("chosen:updated"); + } else if (selectType === 'select2') { + if (!$selectObject.data('select2')) { + $selectObject.select2(select_type_options); + } + if (val !== undefined) { + $selectObject.val(val); + } + $selectObject.trigger('change'); + } else if (selectType === 'custom_select') { + selectElementCustomRefreshFunc($selectObject); + } + } + + function initSelectPluginCustomTriggers(initFunc, refreshFunc, destroyFunc) { + selectElementCustomInitFunc = initFunc; + selectElementCustomRefreshFunc = refreshFunc; + selectElementCustomDestroyFunc = destroyFunc; + } + + //Used by exFilterColumn for translating readable search value into proper search string for datatables filtering + function yadcfMatchFilterString(table_arg, column_number, selected_value, filter_match_mode, multiple, exclude) { + var case_insensitive = yadcf.getOptions(table_arg.selector)[column_number].case_insensitive, + ret_val; + + if (!selected_value) { + return ''; + } + + table_arg.fnSettings().aoPreSearchCols[column_number].bSmart = false; + table_arg.fnSettings().aoPreSearchCols[column_number].bRegex = true; + table_arg.fnSettings().aoPreSearchCols[column_number].bCaseInsensitive = case_insensitive; + + if (multiple === undefined || multiple === false) { + if (exclude !== true) { + if (filter_match_mode === "contains") { + table_arg.fnSettings().aoPreSearchCols[column_number].bSmart = true; + table_arg.fnSettings().aoPreSearchCols[column_number].bRegex = false; + ret_val = selected_value; + } else if (filter_match_mode === "exact") { + ret_val = "^" + selected_value + "$"; + } else if (filter_match_mode === "startsWith") { + ret_val = "^" + selected_value; + } else if (filter_match_mode === "regex") { + ret_val = selected_value; + } + } else { + ret_val = "^((?!" + selected_value + ").)*$"; + } + } else { + if (filter_match_mode !== 'regex') { + if (!(selected_value instanceof Array)) { + selected_value = [selected_value]; + } + selected_value = escapeRegExpInArray(selected_value); + } + if (filter_match_mode === "contains") { + ret_val = selected_value.join("|"); + } else if (filter_match_mode === "exact") { + ret_val = "^(" + selected_value.join("|") + ")$"; + } else if (filter_match_mode === "startsWith") { + ret_val = "^(" + selected_value.join("|") + ")"; + } else if (filter_match_mode === "regex") { + ret_val = selected_value; + } + } + return ret_val; + } + + function yadcfMatchFilter(oTable, selected_value, filter_match_mode, column_number, exclude, original_column_number) { + var case_insensitive = yadcf.getOptions(oTable.selector)[original_column_number].case_insensitive; + if (exclude !== true) { + if (filter_match_mode === "contains") { + oTable.fnFilter(selected_value, column_number, false, true, true, case_insensitive); + } else if (filter_match_mode === "exact") { + selected_value = escapeRegExp(selected_value); + oTable.fnFilter("^" + selected_value + "$", column_number, true, false, true, case_insensitive); + } else if (filter_match_mode === "startsWith") { + selected_value = escapeRegExp(selected_value); + oTable.fnFilter("^" + selected_value, column_number, true, false, true, case_insensitive); + } else if (filter_match_mode === "regex") { + try { + //validate regex, only call fnFilter if valid + new RegExp(selected_value); + } catch (error) { + return; + } + oTable.fnFilter(selected_value, column_number, true, false, true, case_insensitive); + } + } else { + oTable.fnFilter("^((?!" + selected_value + ").)*$", column_number, true, false, true, case_insensitive); + } + } + function yadcfParseMatchFilter(tmpStr, filter_match_mode) { + var retVal; + if (filter_match_mode === "contains") { + retVal = tmpStr; + } else if (filter_match_mode === "exact") { + retVal = tmpStr.substring(1, tmpStr.length - 1); + retVal = retVal.replace(/([\\])/g, ''); + } else if (filter_match_mode === "startsWith") { + retVal = tmpStr.substring(1, tmpStr.length); + retVal = retVal.replace(/([\\])/g, ''); + } else if (filter_match_mode === "regex") { + retVal = tmpStr; + } + return retVal; + } + + function doFilterCustomDateFunc(arg, table_selector_jq_friendly, column_number) { + var oTable = oTables[table_selector_jq_friendly], + yadcfState, + columnObj = getOptions(oTable.selector)[column_number]; + + if (arg === 'clear' && exGetColumnFilterVal(oTable, column_number) === '') { + return; + } + + if (arg.value !== undefined && arg.value !== "-1") { + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).addClass("inuse"); + } else { + //wehn arg === 'clear' or arg.value === '-1' + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).val('-1').focus(); + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).removeClass("inuse"); + refreshSelectPlugin(columnObj, $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number), '-1'); + } + + if (!oTable.fnSettings().oLoadedState) { + oTable.fnSettings().oLoadedState = {}; + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + if (oTable.fnSettings().oFeatures.bStateSave === true) { + if (oTable.fnSettings().oLoadedState.yadcfState !== undefined && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] !== undefined) { + oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number] = + { + from: arg.value + }; + } else { + yadcfState = {}; + yadcfState[table_selector_jq_friendly] = []; + yadcfState[table_selector_jq_friendly][column_number] = { + from: arg.value + }; + oTable.fnSettings().oLoadedState.yadcfState = yadcfState; + } + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + + oTable.fnDraw(); + } + + function calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly) { + var column_number_filter; + if ((settingsDt.oSavedState && settingsDt.oSavedState.ColReorder !== undefined) || + settingsDt._colReorder || + (plugins[table_selector_jq_friendly] !== undefined && plugins[table_selector_jq_friendly].ColReorder !== undefined)) { + initColReorder2(settingsDt, table_selector_jq_friendly); + column_number_filter = plugins[table_selector_jq_friendly].ColReorder[column_number]; + } else { + column_number_filter = column_number; + } + return column_number_filter; + } + + function doFilter(arg, table_selector_jq_friendly, column_number, filter_match_mode) { + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + + var oTable = oTables[table_selector_jq_friendly], + selected_value, + column_number_filter, + columnObj, + settingsDt = getSettingsObjFromTable(oTable); + + column_number_filter = calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly); + + columnObj = getOptions(oTable.selector)[column_number]; + if (arg === "clear") { + if (exGetColumnFilterVal(oTable, column_number) === '') { + return; + } + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).val("-1").focus(); + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).removeClass("inuse"); + $(document).data("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val", "-1"); + oTable.fnFilter("", column_number_filter); + resetIApiIndex(); + + refreshSelectPlugin(columnObj, $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number), '-1'); + return; + } + + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).addClass("inuse"); + + $(document).data("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val", arg.value); + + selected_value = $.trim($(arg).find('option:selected').val()); + + if (arg.value !== "-1") { + yadcfMatchFilter(oTable, selected_value, filter_match_mode, column_number_filter, false, column_number); + } else { + oTable.fnFilter("", column_number_filter); + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).removeClass("inuse"); + } + resetIApiIndex(); + } + + function doFilterMultiSelect(arg, table_selector_jq_friendly, column_number, filter_match_mode) { + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + var oTable = oTables[table_selector_jq_friendly], + selected_values = $(arg).val(), + selected_values_trimmed = [], + i, + stringForSearch, + column_number_filter, + settingsDt = getSettingsObjFromTable(oTable); + + column_number_filter = calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly); + $(document).data("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val", selected_values); + + if (selected_values !== null) { + for (i = selected_values.length - 1; i >= 0; i--) { + if (selected_values[i] === "-1") { + selected_values.splice(i, 1); + break; + } + } + for (i = 0; i < selected_values.length; i++) { + selected_values_trimmed.push($.trim(selected_values[i])); + } + if (selected_values_trimmed.length !== 0) { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).addClass("inuse"); + if (filter_match_mode !== "regex") { + stringForSearch = selected_values_trimmed.join('narutouzomaki'); + stringForSearch = stringForSearch.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1"); + stringForSearch = stringForSearch.split('narutouzomaki').join('|'); + if (filter_match_mode === "contains") { + oTable.fnFilter(stringForSearch, column_number_filter, true, false, true); + } else if (filter_match_mode === "exact") { + oTable.fnFilter("^(" + stringForSearch + ")$", column_number_filter, true, false, true); + } else if (filter_match_mode === "startsWith") { + oTable.fnFilter("^(" + stringForSearch + ")", column_number_filter, true, false, true); + } + } else { + stringForSearch = selected_values_trimmed.join('|'); + oTable.fnFilter(stringForSearch, column_number_filter, true, false, true); + } + } else { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).removeClass("inuse"); + oTable.fnFilter("", column_number_filter); + } + } else { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).removeClass("inuse"); + oTable.fnFilter("", column_number_filter); + } + resetIApiIndex(); + } + + function yadcfParseMatchFilterMultiSelect(tmpStr, filter_match_mode) { + var retVal; + if (filter_match_mode === "contains") { + retVal = tmpStr; + } else if (filter_match_mode === "exact") { + retVal = tmpStr.substring(1, tmpStr.length - 1); + retVal = retVal.substring(1, retVal.length - 1); + } else if (filter_match_mode === "startsWith") { + retVal = tmpStr.substring(1, tmpStr.length); + retVal = retVal.substring(1, retVal.length - 1); + } else if (filter_match_mode === "regex") { + retVal = tmpStr; + } + return retVal; + } + + function doFilterAutocomplete(arg, table_selector_jq_friendly, column_number, filter_match_mode) { + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + var oTable = oTables[table_selector_jq_friendly], + column_number_filter, + settingsDt = getSettingsObjFromTable(oTable); + + column_number_filter = calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly); + + if (arg === "clear") { + if (exGetColumnFilterVal(oTable, column_number) === '') { + return; + } + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).val("").focus(); + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).removeClass("inuse"); + $(document).removeData("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val"); + oTable.fnFilter("", column_number_filter); + resetIApiIndex(); + return; + } + + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).addClass("inuse"); + + $(document).data("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val", arg.value); + + yadcfMatchFilter(oTable, arg.value, filter_match_mode, column_number_filter, false, column_number); + + resetIApiIndex(); + } + + function autocompleteSelect(event, ui) { + var table_column, + dashIndex, + table_selector_jq_friendly, + col_num, + filter_match_mode; + + event = eventTargetFixUp(event); + table_column = event.target.id.replace("yadcf-filter-", ""); + dashIndex = table_column.lastIndexOf("-"); + table_selector_jq_friendly = table_column.substring(0, dashIndex); + col_num = parseInt(table_column.substring(dashIndex + 1), 10); + filter_match_mode = $(event.target).attr("filter_match_mode"); + + doFilterAutocomplete(ui.item, table_selector_jq_friendly, col_num, filter_match_mode); + } + + function sortNumAsc(a, b) { + return a - b; + } + + function sortNumDesc(a, b) { + return b - a; + } + + function findMinInArray(array, columnObj) { + var narray = [], + i, + num, + min; + for (i = 0; i < array.length; i++) { + if (array[i] !== null) { + if (columnObj.ignore_char !== undefined) { + array[i] = array[i].toString().replace(columnObj.ignore_char, ""); + } + if (columnObj.range_data_type === 'single') { + num = +array[i]; + } else { + num = array[i].split(columnObj.range_data_type_delim); + num = num[0]; + } + if (!isNaN(num)) { + narray.push(num); + } + } + } + min = Math.min.apply(Math, narray); + if (!isFinite(min)) { + min = 0; + } else if (min !== 0) { + if (min > 0) { + min = Math.floor(min); + } else { + min = -1 * Math.ceil(min * -1); + } + } + + return min; + } + + function findMaxInArray(array, columnObj) { + var narray = [], + i, + num, + max; + for (i = 0; i < array.length; i++) { + if (array[i] !== null) { + if (columnObj.ignore_char !== undefined) { + array[i] = array[i].toString().replace(columnObj.ignore_char, ""); + } + if (columnObj.range_data_type === 'single') { + num = +array[i]; + } else { + num = array[i].split(columnObj.range_data_type_delim); + num = num[1]; + } + if (!isNaN(num)) { + narray.push(num); + } + } + } + max = Math.max.apply(Math, narray); + if (!isFinite(max)) { + max = 0; + } else { + max = Math.ceil(max); + } + return max; + } + + function addRangeNumberAndSliderFilterCapability(table_selector_jq_friendly, fromId, toId, col_num, ignore_char, sliderMaxMin) { + + $.fn.dataTableExt.afnFiltering.push( + function (settingsDt, aData, iDataIndex, rowData) { + var min, + max, + val, + retVal = false, + table_selector_jq_friendly_local = table_selector_jq_friendly, + current_table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendly2(settingsDt), + ignore_char_local = ignore_char, + column_data_type, + html_data_type, + columnObj, + column_number_filter, + valFrom, + valTo; + + if (table_selector_jq_friendly_local !== current_table_selector_jq_friendly) { + return true; + } + columnObj = getOptions(settingsDt.oInstance.selector)[col_num]; + if (columnObj.filter_type === 'range_number_slider') { + min = $('#' + fromId).text(); + max = $('#' + toId).text(); + } else { + min = $('#' + fromId).val(); + max = $('#' + toId).val(); + } + + column_number_filter = calcColumnNumberFilter(settingsDt, col_num, table_selector_jq_friendly); + + if (rowData !== undefined) { + aData = rowData; + if (columnObj.column_number_data !== undefined) { + column_number_filter = columnObj.column_number_data; + val = dot2obj(aData, column_number_filter); + } else { + val = aData[column_number_filter]; + } + } else { + val = aData[column_number_filter]; + } + if (!isFinite(min) || !isFinite(max)) { + return true; + } + column_data_type = columnObj.column_data_type; + html_data_type = columnObj.html_data_type; + + if (column_data_type === "html" || column_data_type === "rendered_html") { + if (html_data_type === undefined) { + html_data_type = "text"; + } + if ($(val).length !== 0) { + switch (html_data_type) { + case "text": + val = $(val).text(); + break; + case "value": + val = $(val).val(); + break; + case "id": + val = val.id; + break; + case "selector": + val = $(val).find(columnObj.html_data_selector).text(); + break; + } + } + } else { + if (typeof val === 'object') { + if (columnObj.html5_data !== undefined) { + val = val['@' + columnObj.html5_data]; + } + } + } + if (ignore_char_local !== undefined) { + min = min.replace(ignore_char_local, ""); + max = max.replace(ignore_char_local, ""); + if (val) { + val = val.toString().replace(ignore_char_local, ""); + } else { + val = ""; + } + } + //omit empty rows when filtering + if (columnObj.filter_type === 'range_number_slider') { + if (val === '' && ((+min) !== sliderMaxMin.min || (+max) !== sliderMaxMin.max)) { + return false; + } + } else { + if (val === '' && (min !== '' || max !== '')) { + return false; + } + } + min = (min !== "") ? (+min) : min; + max = (max !== "") ? (+max) : max; + if (columnObj.range_data_type === 'single') { + val = (val !== "") ? (+val) : val; + if (min === "" && max === "") { + retVal = true; + } else if (min === "" && val <= max) { + retVal = true; + } else if (min <= val && "" === max) { + retVal = true; + } else if (min <= val && val <= max) { + retVal = true; + } else if (val === '' || isNaN(val)) { + retVal = true; + } + } else if (columnObj.range_data_type === 'range') { + val = val.split(columnObj.range_data_type_delim); + valFrom = (val[0] !== "") ? (+val[0]) : val[0]; + valTo = (val[1] !== "") ? (+val[1]) : val[1]; + if (min === "" && max === "") { + retVal = true; + } else if (min === "" && valTo <= max) { + retVal = true; + } else if (min <= valFrom && "" === max) { + retVal = true; + } else if (min <= valFrom && valTo <= max) { + retVal = true; + } else if ((valFrom === '' || isNaN(valFrom)) && (valTo === '' || isNaN(valTo))) { + retVal = true; + } + } + return retVal; + } + ); + } + + function addCustomFunctionFilterCapability(table_selector_jq_friendly, filterId, col_num) { + + $.fn.dataTableExt.afnFiltering.push( + function (settingsDt, aData, iDataIndex, stateVal) { + var filterVal = $('#' + filterId).val(), + columnVal, + retVal = false, + table_selector_jq_friendly_local = table_selector_jq_friendly, + current_table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendly2(settingsDt), + custom_func, + column_number_filter; + + if (table_selector_jq_friendly_local !== current_table_selector_jq_friendly || filterVal === '-1') { + return true; + } + + column_number_filter = calcColumnNumberFilter(settingsDt, col_num, table_selector_jq_friendly); + + columnVal = aData[column_number_filter] === "-" ? 0 : aData[column_number_filter]; + + custom_func = getOptions(settingsDt.oInstance.selector)[col_num].custom_func; + + retVal = custom_func(filterVal, columnVal, aData, stateVal); + + return retVal; + } + ); + } + function addRangeDateFilterCapability(table_selector_jq_friendly, fromId, toId, col_num, date_format) { + + $.fn.dataTableExt.afnFiltering.push( + function (settingsDt, aData, iDataIndex, rowData) { + var min = document.getElementById(fromId) !== null ? document.getElementById(fromId).value : "", + max = document.getElementById(toId) !== null ? document.getElementById(toId).value : "", + val, + retVal = false, + table_selector_jq_friendly_local = table_selector_jq_friendly, + current_table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendly2(settingsDt), + column_data_type, + html_data_type, + columnObj, + column_number_filter, + min_time, + max_time, + dataRenderFunc, + dpg; + + if (table_selector_jq_friendly_local !== current_table_selector_jq_friendly) { + return true; + } + columnObj = getOptions(settingsDt.oInstance.selector)[col_num]; + if (columnObj.datepicker_type === 'bootstrap-datepicker') { + dpg = $.fn.datepicker.DPGlobal; + } + column_number_filter = calcColumnNumberFilter(settingsDt, col_num, table_selector_jq_friendly); + if (typeof columnObj.column_number_data === 'function' || typeof columnObj.column_number_render === 'function') { + dataRenderFunc = true; + } + if (rowData !== undefined && dataRenderFunc !== true) { + if (columnObj.column_number_data !== undefined) { + column_number_filter = columnObj.column_number_data; + val = dot2obj(rowData, column_number_filter); + } else { + val = rowData[column_number_filter]; + } + } else { + val = aData[column_number_filter]; + } + + column_data_type = columnObj.column_data_type; + html_data_type = columnObj.html_data_type; + + if (column_data_type === "html" || column_data_type === "rendered_html") { + if (html_data_type === undefined) { + html_data_type = "text"; + } + if ($(val).length !== 0) { + switch (html_data_type) { + case "text": + val = $(val).text(); + break; + case "value": + val = $(val).val(); + break; + case "id": + val = val.id; + break; + case "selector": + val = $(val).find(columnObj.html_data_selector).text(); + break; + } + } + } else if (typeof val === 'object') { + if (columnObj.html5_data !== undefined) { + val = val['@' + columnObj.html5_data]; + } + } + + //omit empty rows when filtering + if (val === '' && (min !== '' || max !== '')) { + return false; + } + try { + if (min.length === (date_format.length + 2) || columnObj.datepicker_type.indexOf('bootstrap') !== -1) { + if (columnObj.datepicker_type === 'jquery-ui') { + min = (min !== "") ? $.datepicker.parseDate(date_format, min) : min; + } else if (columnObj.datepicker_type === 'bootstrap-datetimepicker') { + min = (min !== "") ? moment(min, columnObj.moment_date_format).toDate() : min; + } else if (columnObj.datepicker_type === 'bootstrap-datepicker') { + min = (min !== "") ? dpg.parseDate(min, dpg.parseFormat(columnObj.date_format)) : min; + } + } + } catch (err1) {} + try { + if (max.length === (date_format.length + 2) || columnObj.datepicker_type.indexOf('bootstrap') !== -1) { + if (columnObj.datepicker_type === 'jquery-ui') { + max = (max !== "") ? $.datepicker.parseDate(date_format, max) : max; + } else if (columnObj.datepicker_type === 'bootstrap-datetimepicker') { + max = (max !== "") ? moment(max, columnObj.moment_date_format).toDate() : max; + } else if (columnObj.datepicker_type === 'bootstrap-datepicker') { + max = (max !== "") ? dpg.parseDate(max, dpg.parseFormat(columnObj.date_format)) : max; + } + } + } catch (err2) {} + try { + if (columnObj.datepicker_type === 'jquery-ui') { + val = (val !== "") ? $.datepicker.parseDate(date_format, val) : val; + } else if (columnObj.datepicker_type === 'bootstrap-datetimepicker') { + val = (val !== "") ? moment(val, columnObj.moment_date_format).toDate() : val; + } else if (columnObj.datepicker_type === 'bootstrap-datepicker') { + val = (val !== "") ? dpg.parseDate(val, dpg.parseFormat(columnObj.date_format)) : val; + } + } catch (err3) {} + + if (date_format.toLowerCase() !== 'hh:mm') { + if ((min === "" || !(min instanceof Date)) && (max === "" || !(max instanceof Date))) { + retVal = true; + } else if (min === "" && val <= max) { + retVal = true; + } else if (min <= val && "" === max) { + retVal = true; + } else if (min <= val && val <= max) { + retVal = true; + } + } else { + min_time = moment(min); + min_time = min_time.minutes() + min_time.hours() * 60; + if (isNaN(min_time)) { + min_time = ''; + } + max_time = moment(max); + max_time = max_time.minutes() + max_time.hours() * 60; + if (isNaN(max_time)) { + max_time = ''; + } + val = moment(val); + val = val.minutes() + val.hours() * 60; + + if ((min === "" || !(moment(min, date_format).isValid())) && (max === "" || !(moment(max, date_format).isValid()))) { + retVal = true; + } else if (min_time === "" && val <= max_time) { + retVal = true; + } else if (min_time <= val && "" === max_time) { + retVal = true; + } else if (min_time <= val && val <= max_time) { + retVal = true; + } + } + return retVal; + } + ); + } + + function addRangeNumberFilter(filter_selector_string, table_selector_jq_friendly, column_number, filter_reset_button_text, filter_default_label, ignore_char) { + var fromId = "yadcf-filter-" + table_selector_jq_friendly + "-from-" + column_number, + toId = "yadcf-filter-" + table_selector_jq_friendly + "-to-" + column_number, + filter_selector_string_tmp, + filter_wrapper_id, + oTable, + columnObj, + filterActionStr; + + filter_wrapper_id = "yadcf-filter-wrapper-" + table_selector_jq_friendly + "-" + column_number; + + if ($("#" + filter_wrapper_id).length > 0) { + return; + } + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + oTable = oTables[table_selector_jq_friendly]; + columnObj = getOptions(oTable.selector)[column_number]; + + //add a wrapper to hold both filter and reset button + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper"; + filter_selector_string_tmp = filter_selector_string; + + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper-inner"; + + filterActionStr = 'onkeyup="yadcf.rangeNumberKeyUP(\'' + table_selector_jq_friendly + '\',event);"'; + if (columnObj.externally_triggered === true) { + filterActionStr = ''; + } + + $(filter_selector_string).append(""); + $(filter_selector_string).append("" + + ""); + $(filter_selector_string).append(""); + + if (filter_reset_button_text !== false) { + $(filter_selector_string_tmp).append(""); + } + + if (oTable.fnSettings().oFeatures.bStateSave === true && oTable.fnSettings().oLoadedState) { + if (oTable.fnSettings().oLoadedState.yadcfState && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number]) { + $('#' + fromId).val(oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from); + if (oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from !== "") { + $('#' + fromId).addClass("inuse"); + } + $('#' + toId).val(oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number].to); + if (oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number].to !== "") { + $('#' + toId).addClass("inuse"); + } + } + } + resetIApiIndex(); + + if (oTable.fnSettings().oFeatures.bServerSide !== true) { + addRangeNumberAndSliderFilterCapability(table_selector_jq_friendly, fromId, toId, column_number, ignore_char); + } + + } + + function dateSelectSingle(pDate, pEvent, clear) { + var oTable, + date, + event, + column_number, + dashIndex, + table_selector_jq_friendly, + column_number_filter, + settingsDt, + columnObj; + + if (pDate.type === 'dp') { + event = pDate.target; + } else if (pDate.type === 'changeDate') { + event = pDate.currentTarget; + } else { + date = pDate; + event = pEvent; + } + + column_number = $(event).attr('id').replace('yadcf-filter-', '').replace('-date', '').replace('-reset', ''); + dashIndex = column_number.lastIndexOf("-"); + table_selector_jq_friendly = column_number.substring(0, dashIndex); + + column_number = column_number.substring(dashIndex + 1); + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + oTable = oTables[table_selector_jq_friendly]; + settingsDt = getSettingsObjFromTable(oTable); + columnObj = getOptions(oTable.selector)[column_number]; + + if (pDate.type === 'dp') { + if (moment($(event).val(), columnObj.date_format).isValid()) { + date = $(event).val(); + } else { + clear = 'clear'; + } + $(event).blur(); + } else if (columnObj.datepicker_type === 'bootstrap-datepicker') { + if (pDate.dates) { + date = pDate.format(0, columnObj.date_format); + } + } + + column_number_filter = calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly); + + if (clear === undefined) { + if (columnObj.filter_type !== 'date_custom_func') { + oTable.fnFilter(date, column_number_filter); + } else { + doFilterCustomDateFunc({ value: date }, table_selector_jq_friendly, column_number); + } + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).addClass("inuse"); + } else if (clear === 'clear') { + if (exGetColumnFilterVal(oTable, column_number) === '') { + return; + } + if (columnObj.filter_type === 'date_custom_func') { + //handle state saving + if (oTable.fnSettings().oFeatures.bStateSave === true && oTable.fnSettings().oLoadedState) { + if (!oTable.fnSettings().oLoadedState) { + oTable.fnSettings().oLoadedState = {}; + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + if (oTable.fnSettings().oFeatures.bStateSave === true) { + if (oTable.fnSettings().oLoadedState.yadcfState !== undefined && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] !== undefined) { + oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number] = + { + from: "" + }; + } else { + yadcfState = {}; + yadcfState[table_selector_jq_friendly] = []; + yadcfState[table_selector_jq_friendly][column_number] = { + from: "" + }; + oTable.fnSettings().oLoadedState.yadcfState = yadcfState; + } + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + } + } + oTable.fnFilter('', column_number_filter); + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val('').removeClass("inuse"); + if (columnObj.datepicker_type === 'bootstrap-datepicker') { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).datepicker('update'); + } + } + + resetIApiIndex(); + } + + function dateSelect(pDate, pEvent) { + var oTable, + column_number, + dashIndex, + table_selector_jq_friendly, + yadcfState, + from, + to, + event, + columnObj, + column_number_filter, + settingsDt; + + if (pDate.type === 'dp') { + event = pDate.target; + } else if (pDate.type === 'changeDate') { + event = pDate.currentTarget; + } else { + event = pEvent; + } + + column_number = $(event).attr("id").replace("yadcf-filter-", "").replace("-from-date", "").replace("-to-date", ""); + dashIndex = column_number.lastIndexOf("-"); + table_selector_jq_friendly = column_number.substring(0, dashIndex); + + column_number = column_number.substring(dashIndex + 1); + + + oTable = oTables[table_selector_jq_friendly]; + settingsDt = getSettingsObjFromTable(oTable); + column_number_filter = calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly); + + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + + columnObj = getOptions(oTable.selector)[column_number]; + + if (pDate.type === 'dp') { + event = pDate.target; + if (pDate.date === false || !moment($(event).val(), columnObj.date_format).isValid()) { + $(event).removeClass("inuse"); + $(event).data("DateTimePicker").minDate(false); + } else { + $(event).addClass("inuse"); + } + $(event).blur(); + } else if (pDate.type === 'changeDate') { + if (pDate.date !== undefined) { + $(event).addClass("inuse"); + } else { + $(event).removeClass("inuse"); + } + } else { + $(event).addClass("inuse"); + } + + if ($(event).attr("id").indexOf("-from-") !== -1) { + from = document.getElementById($(event).attr("id")).value; + to = document.getElementById($(event).attr("id").replace("-from-", "-to-")).value; + } else { + to = document.getElementById($(event).attr("id")).value; + from = document.getElementById($(event).attr("id").replace("-to-", "-from-")).value; + } + + if (oTable.fnSettings().oFeatures.bServerSide !== true) { + oTable.fnDraw(); + } else { + oTable.fnFilter(from + '-yadcf_delim-' + to, column_number_filter); + } + + if (!oTable.fnSettings().oLoadedState) { + oTable.fnSettings().oLoadedState = {}; + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + if (oTable.fnSettings().oFeatures.bStateSave === true) { + if (oTable.fnSettings().oLoadedState.yadcfState !== undefined && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] !== undefined) { + oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number] = + { + from: from, + to: to + }; + } else { + yadcfState = {}; + yadcfState[table_selector_jq_friendly] = []; + yadcfState[table_selector_jq_friendly][column_number] = { + from: from, + to: to + }; + oTable.fnSettings().oLoadedState.yadcfState = yadcfState; + } + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + + resetIApiIndex(); + } + + function addRangeDateFilter(filter_selector_string, table_selector_jq_friendly, column_number, filter_reset_button_text, filter_default_label, date_format) { + var fromId = "yadcf-filter-" + table_selector_jq_friendly + "-from-date-" + column_number, + toId = "yadcf-filter-" + table_selector_jq_friendly + "-to-date-" + column_number, + filter_selector_string_tmp, + filter_wrapper_id, + oTable, + columnObj, + datepickerObj = {}, + filterActionStr, + $fromInput, + $toInput, + innerWrapperAdditionalClass = ''; + + filter_wrapper_id = "yadcf-filter-wrapper-" + table_selector_jq_friendly + "-" + column_number; + + if ($("#" + filter_wrapper_id).length > 0) { + return; + } + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + oTable = oTables[table_selector_jq_friendly]; + columnObj = getOptions(oTable.selector)[column_number]; + if (columnObj.datepicker_type === 'bootstrap-datepicker') { + innerWrapperAdditionalClass = 'input-daterange'; + } + //add a wrapper to hold both filter and reset button + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper"; + filter_selector_string_tmp = filter_selector_string; + + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper-inner"; + + filterActionStr = 'onkeyup="yadcf.rangeDateKeyUP(\'' + table_selector_jq_friendly + '\',\'' + date_format + '\',event);"'; + if (columnObj.externally_triggered === true) { + filterActionStr = ''; + } + + $(filter_selector_string).append(""); + $(filter_selector_string).append("" + ""); + $(filter_selector_string).append(""); + + $fromInput = $("#" + fromId); + $toInput = $("#" + toId); + + if (filter_reset_button_text !== false) { + $(filter_selector_string_tmp).append(""); + } + + if (columnObj.datepicker_type === 'jquery-ui') { + datepickerObj.dateFormat = date_format; + } else if (columnObj.datepicker_type === 'bootstrap-datetimepicker') { + datepickerObj.format = date_format; + } + + if (columnObj.externally_triggered !== true) { + if (columnObj.datepicker_type === 'jquery-ui') { + datepickerObj.onSelect = dateSelect; + } + // for 'bootstrap-datetimepicker' its implemented below... + } + + datepickerObj = $.extend({}, datepickerObj, columnObj.filter_plugin_options); + + if (columnObj.datepicker_type === 'jquery-ui') { + $fromInput.datepicker($.extend(datepickerObj, {onClose: function (selectedDate) { + $toInput.datepicker('option', 'minDate', selectedDate); + } })); + $toInput.datepicker($.extend(datepickerObj, {onClose: function (selectedDate) { + $fromInput.datepicker('option', 'maxDate', selectedDate); + } })); + + } else if (columnObj.datepicker_type === 'bootstrap-datetimepicker') { + datepickerObj.useCurrent = false; + $fromInput.datetimepicker(datepickerObj); + $toInput.datetimepicker(datepickerObj); + if (columnObj.externally_triggered !== true) { + $fromInput.add($toInput).on('dp.hide', dateSelect); + } + } else if (columnObj.datepicker_type === 'bootstrap-datepicker') { + if (date_format) { + $.extend(datepickerObj, { format: date_format }); + } + $fromInput.datepicker(datepickerObj).on('changeDate', function (e) { + dateSelect(e); + $(this).datepicker('hide'); + }); + $toInput.datepicker(datepickerObj).on('changeDate', function (e) { + dateSelect(e); + $(this).datepicker('hide'); + }); + } + + if (oTable.fnSettings().oFeatures.bStateSave === true && oTable.fnSettings().oLoadedState) { + if (oTable.fnSettings().oLoadedState.yadcfState && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number]) { + $('#' + fromId).val(oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from); + if (oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from !== "") { + $('#' + fromId).addClass("inuse"); + } + $('#' + toId).val(oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number].to); + if (oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number].to !== "") { + $('#' + toId).addClass("inuse"); + } + } + } + + if (oTable.fnSettings().oFeatures.bServerSide !== true) { + addRangeDateFilterCapability(table_selector_jq_friendly, fromId, toId, column_number, date_format); + } + + resetIApiIndex(); + } + + function addDateFilter(filter_selector_string, table_selector_jq_friendly, column_number, filter_reset_button_text, filter_default_label, date_format) { + var dateId = "yadcf-filter-" + table_selector_jq_friendly + "-" + column_number, + filter_selector_string_tmp, + filter_wrapper_id, + oTable, + columnObj, + datepickerObj = {}, + filterActionStr, + settingsDt; + + filter_wrapper_id = "yadcf-filter-wrapper-" + table_selector_jq_friendly + "-" + column_number; + + if ($("#" + filter_wrapper_id).length > 0) { + return; + } + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + oTable = oTables[table_selector_jq_friendly]; + columnObj = getOptions(oTable.selector)[column_number]; + + //add a wrapper to hold both filter and reset button + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper"; + filter_selector_string_tmp = filter_selector_string; + + filterActionStr = 'onkeyup="yadcf.dateKeyUP(\'' + table_selector_jq_friendly + '\',\'' + date_format + '\',event);"'; + if (columnObj.externally_triggered === true) { + filterActionStr = ''; + } + + $(filter_selector_string).append(""); + + if (filter_reset_button_text !== false) { + $(filter_selector_string_tmp).append(''); + } + + if (columnObj.datepicker_type === 'jquery-ui') { + datepickerObj.dateFormat = date_format; + } else if (columnObj.datepicker_type.indexOf('bootstrap') !== -1) { + datepickerObj.format = date_format; + } + + if (columnObj.externally_triggered !== true) { + if (columnObj.datepicker_type === 'jquery-ui') { + datepickerObj.onSelect = dateSelectSingle; + } + } + + datepickerObj = $.extend({}, datepickerObj, columnObj.filter_plugin_options); + + if (columnObj.datepicker_type === 'jquery-ui') { + $("#" + dateId).datepicker(datepickerObj); + } else if (columnObj.datepicker_type === 'bootstrap-datetimepicker') { + datepickerObj.useCurrent = false; + $("#" + dateId).datetimepicker(datepickerObj); + if (columnObj.externally_triggered !== true) { + if (datepickerObj.format.toLowerCase() !== 'hh:mm') { + $("#" + dateId).on('dp.change', dateSelectSingle); + } else { + $("#" + dateId).on('dp.hide', dateSelectSingle); + } + } + } else if (columnObj.datepicker_type === 'bootstrap-datepicker') { + $("#" + dateId).datepicker(datepickerObj).on('changeDate', function (e) { + dateSelectSingle(e); + $(this).datepicker('hide'); + }); + } + + if (oTable.fnSettings().aoPreSearchCols[column_number].sSearch !== '') { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(oTable.fnSettings().aoPreSearchCols[column_number].sSearch).addClass("inuse"); + } + + if (columnObj.filter_type === 'date_custom_func') { + settingsDt = getSettingsObjFromTable(oTable); + + if (oTable.fnSettings().oFeatures.bStateSave === true && oTable.fnSettings().oLoadedState) { + if (oTable.fnSettings().oLoadedState.yadcfState && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number]) { + $('#' + dateId).val(oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from); + if (oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from !== "") { + $('#' + dateId).addClass("inuse"); + } + } + } + + if (settingsDt.oFeatures.bServerSide !== true) { + addCustomFunctionFilterCapability(table_selector_jq_friendly, "yadcf-filter-" + table_selector_jq_friendly + "-" + column_number, column_number); + } + } + + resetIApiIndex(); + } + + function rangeNumberSldierDrawTips(min_tip_val, max_tip_val, min_tip_id, max_tip_id, table_selector_jq_friendly, column_number) { + var first_handle = $(".yadcf-number-slider-filter-wrapper-inner.-" + table_selector_jq_friendly + "-" + column_number), // + " .ui-slider-handle:first"), + last_handle = $(".yadcf-number-slider-filter-wrapper-inner.-" + table_selector_jq_friendly + "-" + column_number), // + " .ui-slider-handle:last"), + min_tip_inner, + max_tip_inner; + + min_tip_inner = "
" + min_tip_val + "
"; + max_tip_inner = "
" + max_tip_val + "
"; + + if (first_handle.length === 1) { + first_handle = $(".yadcf-number-slider-filter-wrapper-inner.-" + table_selector_jq_friendly + "-" + column_number + " .ui-slider-handle:first"); + $(first_handle).addClass("yadcf-filter-range-number-slider-min-tip").html(min_tip_inner); + + last_handle = $(".yadcf-number-slider-filter-wrapper-inner.-" + table_selector_jq_friendly + "-" + column_number + " .ui-slider-handle:last"); + $(last_handle).addClass("yadcf-filter-range-number-slider-max-tip").html(max_tip_inner); + } else { + //migth happen when scrollX is used or when filter row is being duplicated by DT + $($(first_handle)[0]).find('.ui-slider-handle:first').addClass("yadcf-filter-range-number-slider-min-tip").html(min_tip_inner); + $($(last_handle)[0]).find('.ui-slider-handle:last').addClass("yadcf-filter-range-number-slider-max-tip").html(max_tip_inner); + + $($(first_handle)[1]).find('.ui-slider-handle:first').addClass("yadcf-filter-range-number-slider-min-tip").html(min_tip_inner); + $($(last_handle)[1]).find('.ui-slider-handle:last').addClass("yadcf-filter-range-number-slider-max-tip").html(max_tip_inner); + } + } + + function rangeNumberSliderChange(table_selector_jq_friendly, event, ui) { + var oTable, + min_val, + max_val, + slider_inuse, + yadcfState, + column_number, + columnObj, + keyUp, + settingsDt, + column_number_filter; + + event = eventTargetFixUp(event); + column_number = $(event.target).attr('id').replace("yadcf-filter-", "").replace(table_selector_jq_friendly, "").replace("-slider-", ""); + + oTable = oTables[table_selector_jq_friendly]; + settingsDt = getSettingsObjFromTable(oTable); + column_number_filter = calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly); + + columnObj = getOptions(oTable.selector)[column_number]; + + keyUp = function () { + + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + + if (oTable.fnSettings().oFeatures.bServerSide !== true) { + oTable.fnDraw(); + } else { + oTable.fnFilter(ui.values[0] + '-yadcf_delim-' + ui.values[1], column_number_filter); + } + min_val = +$($(event.target).parent().find(".yadcf-filter-range-number-slider-min-tip-hidden")).text(); + max_val = +$($(event.target).parent().find(".yadcf-filter-range-number-slider-max-tip-hidden")).text(); + + if (min_val !== ui.values[0]) { + $($(event.target).find(".ui-slider-handle")[0]).addClass("inuse"); + slider_inuse = true; + } else { + $($(event.target).find(".ui-slider-handle")[0]).removeClass("inuse"); + } + if (max_val !== ui.values[1]) { + $($(event.target).find(".ui-slider-handle")[1]).addClass("inuse"); + slider_inuse = true; + } else { + $($(event.target).find(".ui-slider-handle")[1]).removeClass("inuse"); + } + + if (slider_inuse === true) { + $(event.target).find(".ui-slider-range").addClass("inuse"); + } else { + $(event.target).find(".ui-slider-range").removeClass("inuse"); + } + + if (!oTable.fnSettings().oLoadedState) { + oTable.fnSettings().oLoadedState = {}; + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + if (oTable.fnSettings().oFeatures.bStateSave === true) { + if (oTable.fnSettings().oLoadedState.yadcfState !== undefined && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] !== undefined) { + oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number] = + { + from: ui.values[0], + to: ui.values[1] + }; + } else { + yadcfState = {}; + yadcfState[table_selector_jq_friendly] = []; + yadcfState[table_selector_jq_friendly][column_number] = { + from: ui.values[0], + to: ui.values[1] + }; + oTable.fnSettings().oLoadedState.yadcfState = yadcfState; + } + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + + resetIApiIndex(); + }; + + if (columnObj.filter_delay === undefined) { + keyUp(); + } else { + yadcfDelay(function () { + keyUp(); + }, columnObj.filter_delay); + } + } + + function addRangeNumberSliderFilter(filter_selector_string, table_selector_jq_friendly, column_number, filter_reset_button_text, min_val, max_val, ignore_char) { + var sliderId = "yadcf-filter-" + table_selector_jq_friendly + "-slider-" + column_number, + min_tip_id = "yadcf-filter-" + table_selector_jq_friendly + "-min_tip-" + column_number, + max_tip_id = "yadcf-filter-" + table_selector_jq_friendly + "-max_tip-" + column_number, + filter_selector_string_tmp, + filter_wrapper_id, + oTable, + min_state_val = min_val, + max_state_val = max_val, + columnObj, + slideFunc, + changeFunc, + sliderObj, + sliderMaxMin = { + min: min_val, + max: max_val + }, + settingsDt, + currSliderMin = $("#" + sliderId).slider("option", "min"), + currSliderMax = $("#" + sliderId).slider("option", "max"), + redrawTable; + + filter_wrapper_id = "yadcf-filter-wrapper-" + table_selector_jq_friendly + "-" + column_number; + + if ($("#" + filter_wrapper_id).length > 0 && (currSliderMin === min_val && currSliderMax === max_val)) { + return; + } + + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + oTable = oTables[table_selector_jq_friendly]; + settingsDt = settingsMap[generateTableSelectorJQFriendly2(oTable)]; + + if ($("#" + filter_wrapper_id).length > 0) { + $("#" + sliderId).slider("destroy"); + $("#" + filter_wrapper_id).remove(); + redrawTable = true; + } + + columnObj = getOptions(oTable.selector)[column_number]; + + if (settingsDt.oFeatures.bStateSave === true && settingsDt.oLoadedState) { + if (settingsDt.oLoadedState.yadcfState && settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly] && settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number]) { + if (min_val !== settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from) { + min_state_val = settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from; + } + if (max_val !== settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number].to) { + max_state_val = settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number].to; + } + } + } + + if (isFinite(min_val) && isFinite(max_val) && isFinite(min_state_val) && isFinite(max_state_val)) { + + //add a wrapper to hold both filter and reset button + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper"; + filter_selector_string_tmp = filter_selector_string; + + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-number-slider-filter-wrapper-inner"; + + $(filter_selector_string).append("
"); + filter_selector_string += " #" + sliderId; + + $(filter_selector_string).append("" + min_val + ""); + $(filter_selector_string).append("" + max_val + ""); + + if (columnObj.externally_triggered !== true) { + slideFunc = function (event, ui) { + rangeNumberSldierDrawTips(ui.values[0], ui.values[1], min_tip_id, max_tip_id, table_selector_jq_friendly, column_number); + rangeNumberSliderChange(table_selector_jq_friendly, event, ui); + }; + changeFunc = function (event, ui) { + rangeNumberSldierDrawTips(ui.values[0], ui.values[1], min_tip_id, max_tip_id, table_selector_jq_friendly, column_number); + if (event.originalEvent || $(event.target).slider("option", "yadcf-reset") === true) { + $(event.target).slider("option", "yadcf-reset", false); + rangeNumberSliderChange(table_selector_jq_friendly, event, ui); + } + }; + } else { + slideFunc = function (event, ui) { + rangeNumberSldierDrawTips(ui.values[0], ui.values[1], min_tip_id, max_tip_id, table_selector_jq_friendly, column_number); + }; + changeFunc = function (event, ui) { + rangeNumberSldierDrawTips(ui.values[0], ui.values[1], min_tip_id, max_tip_id, table_selector_jq_friendly, column_number); + }; + } + sliderObj = { + range: true, + min: min_val, + max: max_val, + values: [min_state_val, max_state_val], + create: function (event, ui) { + rangeNumberSldierDrawTips(min_state_val, max_state_val, min_tip_id, max_tip_id, table_selector_jq_friendly, column_number); + }, + slide: slideFunc, + change: changeFunc + }; + + if (columnObj.filter_plugin_options !== undefined) { + $.extend(sliderObj, columnObj.filter_plugin_options); + } + + $("#" + sliderId).slider(sliderObj); + + if (filter_reset_button_text !== false) { + $(filter_selector_string_tmp).append(""); + } + } + + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + oTable = oTables[table_selector_jq_friendly]; + if (settingsDt.oFeatures.bStateSave === true && settingsDt.oLoadedState) { + if (settingsDt.oLoadedState.yadcfState && settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly] && settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number]) { + if (isFinite(min_val) && min_val !== settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from) { + $($(filter_selector_string).find(".ui-slider-handle")[0]).addClass("inuse"); + } + if (isFinite(max_val) && max_val !== settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number].to) { + $($(filter_selector_string).find(".ui-slider-handle")[1]).addClass("inuse"); + } + if ((isFinite(min_val) && isFinite(max_val)) && (min_val !== settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from || max_val !== settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number].to)) { + $($(filter_selector_string).find(".ui-slider-range")).addClass("inuse"); + } + } + } + resetIApiIndex(); + + if (settingsDt.oFeatures.bServerSide !== true) { + addRangeNumberAndSliderFilterCapability(table_selector_jq_friendly, min_tip_id, max_tip_id, column_number, ignore_char, sliderMaxMin); + } + if (redrawTable === true) { + oTable.fnDraw(false); + } + } + + function destroyThirdPartyPlugins(table_arg) { + + var tableOptions, + table_selector_jq_friendly, + columnObjKey, + column_number, + optionsObj, + fromId, + toId; + + //check if the table arg is from new datatables API (capital "D") + if (table_arg.settings !== undefined) { + table_arg = table_arg.settings()[0].oInstance; + } + tableOptions = getOptions(table_arg.selector); + table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendly2(table_arg); + + for (columnObjKey in tableOptions) { + if (tableOptions.hasOwnProperty(columnObjKey)) { + optionsObj = tableOptions[columnObjKey]; + column_number = optionsObj.column_number; + + switch (optionsObj.filter_type) { + case 'multi_select': + case 'multi_select_custom_func': + case 'select': + case 'custom_func': + switch (optionsObj.select_type) { + case 'chosen': + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).chosen('destroy'); + break; + case 'select2': + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).select2('destroy'); + break; + case 'custom_select': + if (selectElementCustomDestroyFunc !== undefined) { + selectElementCustomDestroyFunc($("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number)); + } + break; + } + break; + case 'auto_complete': + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).autocomplete("destroy"); + break; + case 'date': + switch (optionsObj.select_type) { + case 'jquery-ui': + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).datepicker("destroy"); + break; + case 'bootstrap-datetimepicker': + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).destroy(); + break; + } + break; + case 'range_date': + fromId = "yadcf-filter-" + table_selector_jq_friendly + "-from-date-" + column_number; + toId = "yadcf-filter-" + table_selector_jq_friendly + "-to-date-" + column_number; + switch (optionsObj.select_type) { + case 'jquery-ui': + $("#" + fromId).datepicker("destroy"); + $("#" + toId).datepicker("destroy"); + break; + case 'bootstrap-datetimepicker': + $("#" + fromId).destroy(); + $("#" + toId).destroy(); + break; + } + break; + case 'range_number_slider': + $("#yadcf-filter-" + table_selector_jq_friendly + "-slider-" + column_number).slider("destroy"); + break; + } + } + } + } + + function removeFilters(oTable) { + var tableId = getTableId(oTable); + $('#' + tableId + ' .yadcf-filter-wrapper').remove(); + if (yadcfVersionCheck('1.10')) { + $(document).off('draw.dt', oTable.selector); + $(document).off('xhr.dt', oTable.selector); + $(document).off('column-visibility.dt', oTable.selector); + $(document).off('destroy.dt', oTable.selector); + } else { + $(document).off('draw', oTable.selector); + $(document).off('destroy', oTable.selector); + } + destroyThirdPartyPlugins(oTable); + } + + /* alphanum.js (C) Brian Huisman + Based on the Alphanum Algorithm by David Koelle + The Alphanum Algorithm is discussed at http://www.DaveKoelle.com + */ + function sortAlphaNum(a, b) { + function chunkify(t) { + var tz = []; + var x = 0, y = -1, n = 0, i, j; + + while (i = (j = t.charAt(x++)).charCodeAt(0)) { + var m = (i == 46 || (i >=48 && i <= 57)); + if (m !== n) { + tz[++y] = ""; + n = m; + } + tz[y] += j; + } + return tz; + } + + if (typeof a === 'object' && typeof a.label === 'string') { + a = a.label; + } + if (typeof b === 'object' && typeof b.label === 'string') { + b = b.label; + } + + var aa = chunkify(a.toLowerCase()); + var bb = chunkify(b.toLowerCase()); + + for (var x = 0; aa[x] && bb[x]; x++) { + if (aa[x] !== bb[x]) { + var c = Number(aa[x]), d = Number(bb[x]); + if (c == aa[x] && d == bb[x]) { + return c - d; + } else return (aa[x] > bb[x]) ? 1 : -1; + } + } + return aa.length - bb.length; + } + + function sortColumnData(column_data, columnObj) { + if (columnObj.filter_type === "select" || columnObj.filter_type === "auto_complete" || columnObj.filter_type === "multi_select" || columnObj.filter_type === 'multi_select_custom_func' || columnObj.filter_type === "custom_func") { + if (columnObj.sort_as === "alpha") { + if (columnObj.sort_order === "asc") { + column_data.sort(); + } else if (columnObj.sort_order === "desc") { + column_data.sort(); + column_data.reverse(); + } + } else if (columnObj.sort_as === "num") { + if (columnObj.sort_order === "asc") { + column_data.sort(sortNumAsc); + } else if (columnObj.sort_order === "desc") { + column_data.sort(sortNumDesc); + } + } else if (columnObj.sort_as === "alphaNum") { + if (columnObj.sort_order === "asc") { + column_data.sort(sortAlphaNum); + } else if (columnObj.sort_order === "desc") { + column_data.sort(sortAlphaNum); + column_data.reverse(); + } + } else if (columnObj.sort_as === "custom") { + column_data.sort(columnObj.sort_as_custom_func); + } + } + return column_data; + } + function getFilteredRows(table) { + var dataTmp, + data = [], + i; + if (yadcfVersionCheck('1.10')) { + dataTmp = table._('tr', { filter: 'applied' }); + } else { + dataTmp = table.rows({ filter: 'applied'}).data().toArray(); + } + for (i = 0; i < dataTmp.length; i++) { + data.push({ + _aData: dataTmp[i] + }); + } + return data; + } + + function parseTableColumn(pTable, columnObj, table_selector_jq_friendly, pSettings) { + var col_inner_elements, + col_inner_data, + col_inner_data_helper, + j, + k, + col_filter_array = {}, + column_data = [], + data, + data_length, + settingsDt, + column_number_filter; + + if (pSettings !== undefined) { + settingsDt = pSettings; + } else { + settingsDt = getSettingsObjFromTable(pTable); + } + + if (columnObj.cumulative_filtering !== true) { + data = settingsDt.aoData; + data_length = data.length; + } else { + data = getFilteredRows(pTable); + data_length = data.length; + } + if (columnObj.col_filter_array !== undefined) { + col_filter_array = columnObj.col_filter_array; + } + column_number_filter = calcColumnNumberFilter(settingsDt, columnObj.column_number, table_selector_jq_friendly); + if (isNaN(settingsDt.aoColumns[column_number_filter].mData) && typeof settingsDt.aoColumns[column_number_filter].mData !== 'object') { + columnObj.column_number_data = settingsDt.aoColumns[column_number_filter].mData; + } + if (isNaN(settingsDt.aoColumns[column_number_filter].mRender) && typeof settingsDt.aoColumns[column_number_filter].mRender !== 'object') { + columnObj.column_number_render = settingsDt.aoColumns[column_number_filter].mRender; + } + + for (j = 0; j < data_length; j++) { + if (columnObj.column_data_type === "html") { + if (columnObj.column_number_data === undefined) { + col_inner_elements = $(data[j]._aData[column_number_filter]); + } else { + col_inner_elements = dot2obj(data[j]._aData, columnObj.column_number_data); + col_inner_elements = $(col_inner_elements); + } + if (col_inner_elements.length > 0) { + for (k = 0; k < col_inner_elements.length; k++) { + col_inner_data = null; + col_inner_data_helper = null; + + switch (columnObj.html_data_type) { + case "text": + col_inner_data = $(col_inner_elements[k]).text(); + break; + case "value": + col_inner_data = $(col_inner_elements[k]).val(); + break; + case "id": + col_inner_data = col_inner_elements[k].id; + break; + case "selector": { + const len = $(col_inner_elements[k]).find(columnObj.html_data_selector).length; + if (len === 1) { + col_inner_data = $(col_inner_elements[k]).find(columnObj.html_data_selector).text(); + } else if (len > 1) { + col_inner_data_helper = $(col_inner_elements[k]).find(columnObj.html_data_selector); + } + break; + } + } + + if (col_inner_data || col_inner_data_helper) { + if (!col_inner_data_helper) { + if ($.trim(col_inner_data) !== '' && !(col_filter_array.hasOwnProperty(col_inner_data))) { + col_filter_array[col_inner_data] = col_inner_data; + column_data.push(col_inner_data); + } + } else { + col_inner_data = col_inner_data_helper; + col_inner_data_helper.each(function (index) { + var elm = $(col_inner_data[index]).text(); + if ($.trim(elm) !== '' && !(col_filter_array.hasOwnProperty(elm))) { + col_filter_array[elm] = elm; + column_data.push(elm); + } + }); + } + } + } + } else { + if (col_inner_elements.selector) { + col_inner_data = col_inner_elements.selector; + } else { + col_inner_data = data[j]._aData[column_number_filter]; + } + if ($.trim(col_inner_data) !== '' && !(col_filter_array.hasOwnProperty(col_inner_data))) { + col_filter_array[col_inner_data] = col_inner_data; + column_data.push(col_inner_data); + } + } + + } else if (columnObj.column_data_type === "text") { + if (columnObj.text_data_delimiter !== undefined) { + if (columnObj.column_number_data === undefined) { + col_inner_elements = data[j]._aData[column_number_filter].split(columnObj.text_data_delimiter); + } else { + col_inner_elements = dot2obj(data[j]._aData, columnObj.column_number_data); + col_inner_elements = (col_inner_elements + '').split(columnObj.text_data_delimiter); + } + for (k = 0; k < col_inner_elements.length; k++) { + col_inner_data = col_inner_elements[k]; + if ($.trim(col_inner_data) !== '' && !(col_filter_array.hasOwnProperty(col_inner_data))) { + col_filter_array[col_inner_data] = col_inner_data; + column_data.push(col_inner_data); + } + } + } else { + if (columnObj.column_number_data === undefined) { + col_inner_data = data[j]._aData[column_number_filter]; + if (typeof col_inner_data === 'object') { + if (columnObj.html5_data !== undefined) { + col_inner_data = col_inner_data['@' + columnObj.html5_data]; + } else if (col_inner_data && col_inner_data.display) { + col_inner_data = col_inner_data.display; + } else { + console.log('Warning: Looks like you have forgot to define the html5_data attribute for the ' + columnObj.column_number + ' column'); + return; + } + } + } else if (data[j]._aFilterData !== undefined && data[j]._aFilterData !== null) { + col_inner_data = data[j]._aFilterData[column_number_filter]; + } else { + col_inner_data = dot2obj(data[j]._aData, columnObj.column_number_data); + } + if ($.trim(col_inner_data) !== '' && !(col_filter_array.hasOwnProperty(col_inner_data))) { + col_filter_array[col_inner_data] = col_inner_data; + column_data.push(col_inner_data); + } + } + } else if (columnObj.column_data_type === "rendered_html") { + col_inner_elements = data[j]._aFilterData[column_number_filter]; + if (typeof col_inner_elements !== 'string') { + col_inner_elements = $(col_inner_elements); + if (col_inner_elements.length > 0) { + for (k = 0; k < col_inner_elements.length; k++) { + switch (columnObj.html_data_type) { + case "text": + col_inner_data = $(col_inner_elements[k]).text(); + break; + case "value": + col_inner_data = $(col_inner_elements[k]).val(); + break; + case "id": + col_inner_data = col_inner_elements[k].id; + break; + case "selector": + col_inner_data = $(col_inner_elements[k]).find(columnObj.html_data_selector).text(); + break; + } + } + } else { + col_inner_data = col_inner_elements.selector; + } + } else { + col_inner_data = col_inner_elements; + } + if ($.trim(col_inner_data) !== '' && !(col_filter_array.hasOwnProperty(col_inner_data))) { + col_filter_array[col_inner_data] = col_inner_data; + column_data.push(col_inner_data); + } + } + } + columnObj.col_filter_array = col_filter_array; + return column_data; + } + + function appendFilters(oTable, args, table_selector, pSettings) { + var $filter_selector, + filter_selector_string, + data, + filter_container_id, + column_number_data, + column_number, + column_position, + filter_default_label, + filter_reset_button_text, + enable_auto_complete, + date_format, + ignore_char, + filter_match_mode, + column_data, + column_data_temp, + options_tmp, + ii, + table_selector_jq_friendly, + min_val, + max_val, + col_num_visible, + col_num_visible_iter, + tmpStr, + columnObjKey, + columnObj, + filters_position, + unique_th, + settingsDt, + filterActionStr, + custom_func_filter_value_holder, + exclude_str; + + if (pSettings === undefined) { + settingsDt = getSettingsObjFromTable(oTable); + } else { + settingsDt = pSettings; + } + settingsMap[generateTableSelectorJQFriendly2(oTable)] = settingsDt; + + table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendly2(oTable); + + initColReorder2(settingsDt, table_selector_jq_friendly); + + filters_position = $(document).data(table_selector + "_filters_position"); + if (settingsDt.oScroll.sX !== '' || settingsDt.oScroll.sY !== '') { + table_selector = '.yadcf-datatables-table-' + table_selector_jq_friendly; + if ($(table_selector).length === 0) { + scrollXYHandler(oTable, '#' + getTableId(oTable)); + } + } + if (settingsDt.oApi._fnGetUniqueThs !== undefined) { + unique_th = settingsDt.oApi._fnGetUniqueThs(settingsDt); + } + for (columnObjKey in args) { + if (args.hasOwnProperty(columnObjKey)) { + columnObj = args[columnObjKey]; + + options_tmp = ''; + tmpStr = ''; + data = columnObj.data; + column_data = []; + column_data_temp = []; + filter_container_id = columnObj.filter_container_id; + column_number = columnObj.column_number; + column_number = +column_number; + column_position = column_number; + + if (plugins[table_selector_jq_friendly] !== undefined && (plugins[table_selector_jq_friendly] !== undefined && plugins[table_selector_jq_friendly].ColReorder !== undefined)) { + column_position = plugins[table_selector_jq_friendly].ColReorder[column_number]; + } + + columnObj.column_number = column_number; + column_number_data = undefined; + if (isNaN(settingsDt.aoColumns[column_position].mData) && typeof settingsDt.aoColumns[column_position].mData !== 'object') { + column_number_data = settingsDt.aoColumns[column_position].mData; + columnObj.column_number_data = column_number_data; + } + if (isNaN(settingsDt.aoColumns[column_position].mRender) && typeof settingsDt.aoColumns[column_position].mRender !== 'object') { + columnObj.column_number_render = settingsDt.aoColumns[column_position].mRender; + } + filter_default_label = columnObj.filter_default_label; + filter_reset_button_text = columnObj.filter_reset_button_text; + enable_auto_complete = columnObj.enable_auto_complete; + date_format = columnObj.date_format; + if (columnObj.datepicker_type === 'jquery-ui') { + date_format = date_format.replace("yyyy", "yy"); + } + if (columnObj.datepicker_type === 'bootstrap-datetimepicker' && columnObj.filter_plugin_options !== undefined && columnObj.filter_plugin_options.format !== undefined) { + date_format = columnObj.filter_plugin_options.format; + } + columnObj.date_format = date_format; + + if (columnObj.ignore_char !== undefined && !(columnObj.ignore_char instanceof RegExp)) { + ignore_char = new RegExp(columnObj.ignore_char, "g"); + columnObj.ignore_char = ignore_char; + } + filter_match_mode = columnObj.filter_match_mode; + + if (column_number === undefined) { + alert("You must specify column number"); + return; + } + + if (enable_auto_complete === true) { + columnObj.filter_type = "auto_complete"; + } + + if (filter_default_label === undefined) { + if (columnObj.filter_type === "select" || columnObj.filter_type === 'custom_func') { + filter_default_label = placeholderLang.select; + } else if (columnObj.filter_type === "multi_select" || columnObj.filter_type === 'multi_select_custom_func') { + filter_default_label = placeholderLang.select_multi; + } else if (columnObj.filter_type === "auto_complete" || columnObj.filter_type === "text") { + filter_default_label = placeholderLang.filter; + } else if (columnObj.filter_type === "range_number" || columnObj.filter_type === "range_date") { + filter_default_label = placeholderLang.range; + } else if (columnObj.filter_type === "date" || columnObj.filter_type === 'date_custom_func') { + filter_default_label = placeholderLang.date; + } + columnObj.filter_default_label = filter_default_label; + } + + if (filter_reset_button_text === undefined) { + filter_reset_button_text = "x"; + } + + if (data !== undefined) { + for (ii = 0; ii < data.length; ii++) { + column_data.push(data[ii]); + } + } + if (data === undefined || columnObj.append_data_to_table_data !== undefined) { + columnObj.col_filter_array = undefined; + column_data_temp = parseTableColumn(oTable, columnObj, table_selector_jq_friendly, settingsDt); + if (columnObj.append_data_to_table_data !== 'before') { + column_data = column_data.concat(column_data_temp); + } else { + column_data_temp = sortColumnData(column_data_temp, columnObj); + column_data = column_data.concat(column_data_temp); + } + } + + if (columnObj.append_data_to_table_data === undefined || columnObj.append_data_to_table_data === 'sorted') { + column_data = sortColumnData(column_data, columnObj); + } + + if (columnObj.filter_type === "range_number_slider") { + min_val = findMinInArray(column_data, columnObj); + max_val = findMaxInArray(column_data, columnObj); + } + + if (filter_container_id === undefined && columnObj.filter_container_selector === undefined) { + //Can't show filter inside a column for a hidden one (place it outside using filter_container_id) + if (settingsDt.aoColumns[column_position].bVisible === false) { + //console.log('Yadcf warning: Can\'t show filter inside a column N#' + column_number + ' for a hidden one (place it outside using filter_container_id)'); + continue; + } + + if (filters_position !== 'thead') { + if (unique_th === undefined) { + //handle hidden columns + col_num_visible = column_position; + for (col_num_visible_iter = 0; col_num_visible_iter < settingsDt.aoColumns.length && col_num_visible_iter < column_position; col_num_visible_iter++) { + if (settingsDt.aoColumns[col_num_visible_iter].bVisible === false) { + col_num_visible--; + } + } + column_position = col_num_visible; + filter_selector_string = table_selector + ' ' + filters_position + ' th:eq(' + column_position + ')'; + } else { + filter_selector_string = table_selector + ' ' + filters_position + ' th:eq(' + $(unique_th[column_position]).index() + ')'; + } + } else { + if (columnObj.filters_tr_index === undefined) { + filter_selector_string = table_selector + ' ' + filters_position + ' tr:eq(' + $(unique_th[column_position]).parent().index() + ') th:eq(' + $(unique_th[column_position]).index() + ')'; + } else { + filter_selector_string = table_selector + ' ' + filters_position + ' tr:eq(' + columnObj.filters_tr_index + ') th:eq(' + $(unique_th[column_position]).index() + ')'; + } + } + $filter_selector = $(filter_selector_string).find(".yadcf-filter"); + if (columnObj.select_type === 'select2') { + $filter_selector = $(filter_selector_string).find("select.yadcf-filter"); + } + } else { + if (filter_container_id !== undefined) { + columnObj.filter_container_selector = "#" + filter_container_id; + } + if ($(columnObj.filter_container_selector).length === 0) { + console.log("ERROR: Filter container could not be found, columnObj.filter_container_selector: " + columnObj.filter_container_selector); + continue; + } + filter_selector_string = columnObj.filter_container_selector; + $filter_selector = $(filter_selector_string).find(".yadcf-filter"); + } + + if (columnObj.filter_type === "select" || columnObj.filter_type === 'custom_func' || columnObj.filter_type === "multi_select" || columnObj.filter_type === 'multi_select_custom_func') { + if (columnObj.data_as_is !== true) { + if (columnObj.omit_default_label !== true) { + if (columnObj.filter_type === "select" || columnObj.filter_type === 'custom_func') { + options_tmp = ""; + + if (columnObj.select_type === 'select2' && columnObj.select_type_options.placeholder !== undefined && columnObj.select_type_options.allowClear === true) { + options_tmp = ""; + } + } else if (columnObj.filter_type === "multi_select" || columnObj.filter_type === 'multi_select_custom_func') { + if (columnObj.select_type === undefined) { + options_tmp = ""; + } else { + options_tmp = ""; + } + } + } + + if (columnObj.append_data_to_table_data === undefined) { + if (typeof column_data[0] === 'object') { + for (ii = 0; ii < column_data.length; ii++) { + options_tmp += ""; + } + } else { + for (ii = 0; ii < column_data.length; ii++) { + options_tmp += ""; + } + } + } else { + for (ii = 0; ii < column_data.length; ii++) { + if (typeof column_data[ii] === 'object') { + options_tmp += ""; + } else { + options_tmp += ""; + } + } + } + } else { + options_tmp = columnObj.data; + } + column_data = options_tmp; + } + if ($filter_selector.length === 1) { + if (columnObj.filter_type === "select" || columnObj.filter_type === "multi_select" || columnObj.filter_type === 'custom_func' || columnObj.filter_type === 'multi_select_custom_func') { + if (columnObj.filter_type === 'custom_func' || columnObj.filter_type === 'multi_select_custom_func') { + custom_func_filter_value_holder = $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(); + } + $filter_selector.empty(); + $filter_selector.append(column_data); + if (settingsDt.aoPreSearchCols[column_position].sSearch !== '') { + tmpStr = settingsDt.aoPreSearchCols[column_position].sSearch; + if (columnObj.filter_type === "select") { + tmpStr = yadcfParseMatchFilter(tmpStr, getOptions(oTable.selector)[column_number].filter_match_mode); + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr).addClass("inuse"); + } else if (columnObj.filter_type === "multi_select") { + tmpStr = yadcfParseMatchFilterMultiSelect(tmpStr, getOptions(oTable.selector)[column_number].filter_match_mode); + tmpStr = tmpStr.replace(/\\/g, ""); + tmpStr = tmpStr.split("|"); + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr); + } + } + if (columnObj.filter_type === 'custom_func' || columnObj.filter_type === 'multi_select_custom_func') { + tmpStr = custom_func_filter_value_holder; + if (tmpStr === '-1' || tmpStr === undefined) { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr); + } else { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr).addClass("inuse"); + } + } + + initializeSelectPlugin(columnObj.select_type, $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number), columnObj.select_type_options); + if (columnObj.cumulative_filtering === true && columnObj.select_type === 'chosen') { + refreshSelectPlugin(columnObj, $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number)); + } + } else if (columnObj.filter_type === "auto_complete") { + $(document).data("yadcf-filter-" + table_selector_jq_friendly + "-" + column_number, column_data); + } + } else { + if (filter_container_id === undefined && columnObj.filter_container_selector === undefined) { + if ($(filter_selector_string + " div.DataTables_sort_wrapper").length > 0) { + $(filter_selector_string + " div.DataTables_sort_wrapper").css("display", "inline-block"); + } + } else { + if (filter_container_id !== undefined) { + columnObj.filter_container_selector = "#" + filter_container_id; + } + if ($("#yadcf-filter-wrapper-" + generateTableSelectorJQFriendlyNew(columnObj.filter_container_selector)).length === 0) { + $(columnObj.filter_container_selector).append("
"); + } + filter_selector_string = "#yadcf-filter-wrapper-" + generateTableSelectorJQFriendlyNew(columnObj.filter_container_selector); + } + + if (columnObj.filter_type === "select" || columnObj.filter_type === 'custom_func') { + + //add a wrapper to hold both filter and reset button + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper"; + + if (columnObj.filter_type === "select") { + filterActionStr = 'onchange="yadcf.doFilter(this, \'' + table_selector_jq_friendly + '\', ' + column_number + ', \'' + filter_match_mode + '\');"'; + if (columnObj.externally_triggered === true) { + filterActionStr = ''; + } + $(filter_selector_string).append(""); + if (filter_reset_button_text !== false) { + $(filter_selector_string).find(".yadcf-filter").after(""); + } + } else { + filterActionStr = 'onchange="yadcf.doFilterCustomDateFunc(this, \'' + table_selector_jq_friendly + '\', ' + column_number + ');"'; + if (columnObj.externally_triggered === true) { + filterActionStr = ''; + } + $(filter_selector_string).append(""); + if (filter_reset_button_text !== false) { + $(filter_selector_string).find(".yadcf-filter").after(""); + } + + if (settingsDt.oFeatures.bStateSave === true && settingsDt.oLoadedState) { + if (settingsDt.oLoadedState.yadcfState && settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly] && settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number]) { + tmpStr = settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from; + if (tmpStr === '-1' || tmpStr === undefined) { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr); + } else { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr).addClass("inuse"); + } + } + } + if (settingsDt.oFeatures.bServerSide !== true) { + addCustomFunctionFilterCapability(table_selector_jq_friendly, "yadcf-filter-" + table_selector_jq_friendly + "-" + column_number, column_number); + } + } + + if (settingsDt.aoPreSearchCols[column_position].sSearch !== '') { + tmpStr = settingsDt.aoPreSearchCols[column_position].sSearch; + tmpStr = yadcfParseMatchFilter(tmpStr, getOptions(oTable.selector)[column_number].filter_match_mode); + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr).addClass("inuse"); + } + + if (columnObj.select_type !== undefined) { + initializeSelectPlugin(columnObj.select_type, $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number), columnObj.select_type_options); + if (columnObj.cumulative_filtering === true && columnObj.select_type === 'chosen') { + refreshSelectPlugin(columnObj, $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number)); + } + } + } else if (columnObj.filter_type === "multi_select" || columnObj.filter_type === 'multi_select_custom_func') { + + //add a wrapper to hold both filter and reset button + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper"; + + if (columnObj.filter_type === "multi_select") { + filterActionStr = 'onchange="yadcf.doFilterMultiSelect(this, \'' + table_selector_jq_friendly + '\', ' + column_number + ', \'' + filter_match_mode + '\');"'; + if (columnObj.externally_triggered === true) { + filterActionStr = ''; + } + $(filter_selector_string).append(""); + + if (filter_reset_button_text !== false) { + $(filter_selector_string).find(".yadcf-filter").after(""); + } + + if (settingsDt.aoPreSearchCols[column_position].sSearch !== '') { + tmpStr = settingsDt.aoPreSearchCols[column_position].sSearch; + tmpStr = yadcfParseMatchFilterMultiSelect(tmpStr, getOptions(oTable.selector)[column_number].filter_match_mode); + tmpStr = tmpStr.replace(/\\/g, ""); + tmpStr = tmpStr.split("|"); + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr); + } + } else { + filterActionStr = 'onchange="yadcf.doFilterCustomDateFunc(this, \'' + table_selector_jq_friendly + '\', ' + column_number + ');"'; + if (columnObj.externally_triggered === true) { + filterActionStr = ''; + } + $(filter_selector_string).append(""); + + if (filter_reset_button_text !== false) { + $(filter_selector_string).find(".yadcf-filter").after(""); + } + + if (settingsDt.oFeatures.bStateSave === true && settingsDt.oLoadedState) { + if (settingsDt.oLoadedState.yadcfState && settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly] && settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number]) { + tmpStr = settingsDt.oLoadedState.yadcfState[table_selector_jq_friendly][column_number].from; + if (tmpStr === '-1' || tmpStr === undefined) { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr); + } else { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr).addClass("inuse"); + } + } + } + if (settingsDt.oFeatures.bServerSide !== true) { + addCustomFunctionFilterCapability(table_selector_jq_friendly, "yadcf-filter-" + table_selector_jq_friendly + "-" + column_number, column_number); + } + } + + if (columnObj.filter_container_selector === undefined && columnObj.select_type_options.width === undefined) { + columnObj.select_type_options = $.extend(columnObj.select_type_options, {width: $(filter_selector_string).closest("th").width() + "px"}); + } + if (columnObj.filter_container_selector !== undefined && columnObj.select_type_options.width === undefined) { + columnObj.select_type_options = $.extend(columnObj.select_type_options, {width: $(filter_selector_string).closest(columnObj.filter_container_selector).width() + "px"}); + } + + if (columnObj.select_type !== undefined) { + initializeSelectPlugin(columnObj.select_type, $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number), columnObj.select_type_options); + if (columnObj.cumulative_filtering === true && columnObj.select_type === 'chosen') { + refreshSelectPlugin(columnObj, $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number)); + } + } + } else if (columnObj.filter_type === "auto_complete") { + + //add a wrapper to hold both filter and reset button + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper"; + + filterActionStr = 'onkeyup="yadcf.autocompleteKeyUP(\'' + table_selector_jq_friendly + '\',event);"'; + if (columnObj.externally_triggered === true) { + filterActionStr = ''; + } + $(filter_selector_string).append(""); + $(document).data("yadcf-filter-" + table_selector_jq_friendly + "-" + column_number, column_data); + + if (filter_reset_button_text !== false) { + $(filter_selector_string).find(".yadcf-filter").after(""); + } + } else if (columnObj.filter_type === "text") { + + //add a wrapper to hold both filter and reset button + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper"; + + filterActionStr = 'onkeyup="yadcf.textKeyUP(event,\'' + table_selector_jq_friendly + '\', ' + column_number + ');"'; + if (columnObj.externally_triggered === true) { + filterActionStr = ''; + } + + exclude_str = ''; + if (columnObj.exclude === true) { + if (columnObj.externally_triggered !== true) { + exclude_str = '' + + '
' + columnObj.exclude_label + '
'; + } else { + exclude_str = '' + + '
' + columnObj.exclude_label + '
'; + } + } + + $(filter_selector_string).append(exclude_str + ""); + + if (filter_reset_button_text !== false) { + $(filter_selector_string).find(".yadcf-filter").after(""); + } + + if (settingsDt.aoPreSearchCols[column_position].sSearch !== '') { + tmpStr = settingsDt.aoPreSearchCols[column_position].sSearch; + if (columnObj.exclude === true) { + if (tmpStr.indexOf('^((?!') !== -1) { + $('#yadcf-filter-wrapper-' + table_selector_jq_friendly + '-' + column_number).find(':checkbox').prop('checked', true); + } + tmpStr = tmpStr.substring(5, tmpStr.indexOf(').)')); + } + tmpStr = yadcfParseMatchFilter(tmpStr, getOptions(oTable.selector)[column_number].filter_match_mode); + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr).addClass("inuse"); + } + + } else if (columnObj.filter_type === "date" || columnObj.filter_type === 'date_custom_func') { + + addDateFilter(filter_selector_string, table_selector_jq_friendly, column_number, filter_reset_button_text, filter_default_label, date_format); + + } else if (columnObj.filter_type === "range_number") { + + addRangeNumberFilter(filter_selector_string, table_selector_jq_friendly, column_number, filter_reset_button_text, filter_default_label, ignore_char); + + } else if (columnObj.filter_type === "range_number_slider") { + + addRangeNumberSliderFilter(filter_selector_string, table_selector_jq_friendly, column_number, filter_reset_button_text, min_val, max_val, ignore_char); + + } else if (columnObj.filter_type === "range_date") { + + addRangeDateFilter(filter_selector_string, table_selector_jq_friendly, column_number, filter_reset_button_text, filter_default_label, date_format); + + } + } + + if ($(document).data("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val") !== undefined && $(document).data("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val") !== "-1") { + $(filter_selector_string).find(".yadcf-filter").val($(document).data("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val")); + } + if (columnObj.filter_type === "auto_complete") { + columnObj.filter_plugin_options = { + source: $(document).data("yadcf-filter-" + table_selector_jq_friendly + "-" + column_number), + select: autocompleteSelect + }; + if (columnObj.externally_triggered === true) { + delete columnObj.filter_plugin_options.select; + } + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).autocomplete(columnObj.filter_plugin_options); + if (settingsDt.aoPreSearchCols[column_position].sSearch !== '') { + tmpStr = settingsDt.aoPreSearchCols[column_position].sSearch; + tmpStr = yadcfParseMatchFilter(tmpStr, getOptions(oTable.selector)[column_number].filter_match_mode); + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(tmpStr).addClass("inuse"); + } + } + } + } + if (exFilterColumnQueue.length > 0) { + (exFilterColumnQueue.shift())(); + } + } + + function rangeClear(table_selector_jq_friendly, event, column_number) { + var oTable = oTables[table_selector_jq_friendly], + yadcfState, + settingsDt, + column_number_filter, + currentFilterValues, + columnObj, + fromId = "yadcf-filter-" + table_selector_jq_friendly + "-from-date-" + column_number, + toId = "yadcf-filter-" + table_selector_jq_friendly + "-to-date-" + column_number, + $fromInput, + $toInput; + + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + event = eventTargetFixUp(event); + settingsDt = getSettingsObjFromTable(oTable); + + column_number_filter = calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly); + + currentFilterValues = exGetColumnFilterVal(oTable, column_number); + if (currentFilterValues.from === '' && currentFilterValues.to === '') { + return; + } + + columnObj = getOptions(oTable.selector)[column_number]; + + $(event.target).parent().find(".yadcf-filter-range").val(""); + if ($(event.target).parent().find(".yadcf-filter-range-number").length > 0) { + $($(event.target).parent().find(".yadcf-filter-range")[0]).focus(); + } + + if (oTable.fnSettings().oFeatures.bServerSide !== true) { + saveStateSave(oTable, column_number, table_selector_jq_friendly, '', ''); + oTable.fnDraw(); + } else { + oTable.fnFilter('', column_number_filter); + } + + if (!oTable.fnSettings().oLoadedState) { + oTable.fnSettings().oLoadedState = {}; + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + if (oTable.fnSettings().oFeatures.bStateSave === true) { + if (oTable.fnSettings().oLoadedState.yadcfState !== undefined && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] !== undefined) { + oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number] = + { + from: '', + to: '' + }; + } else { + yadcfState = {}; + yadcfState[table_selector_jq_friendly] = []; + yadcfState[table_selector_jq_friendly][column_number] = { + from: '', + to: '' + }; + oTable.fnSettings().oLoadedState.yadcfState = yadcfState; + } + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + resetIApiIndex(); + + $(event.target).parent().find(".yadcf-filter-range").removeClass("inuse"); + if (columnObj.datepicker_type === 'bootstrap-datepicker') { + $fromInput = $("#" + fromId); + $toInput = $("#" + toId); + $fromInput.datepicker('update'); + $toInput.datepicker('update'); + } + + return; + } + + function rangeNumberSliderClear(table_selector_jq_friendly, event) { + var oTable = oTables[table_selector_jq_friendly], + min_val, + max_val, + currentFilterValues, + column_number; + + event = eventTargetFixUp(event); + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + + column_number = parseInt($(event.target).prev().find(".yadcf-filter-range-number-slider").attr("id").replace("yadcf-filter-" + table_selector_jq_friendly + "-slider-", ""), 10); + + min_val = +$($(event.target).parent().find(".yadcf-filter-range-number-slider-min-tip-hidden")).text(); + max_val = +$($(event.target).parent().find(".yadcf-filter-range-number-slider-max-tip-hidden")).text(); + + currentFilterValues = exGetColumnFilterVal(oTable, column_number); + if (+currentFilterValues.from === min_val && +currentFilterValues.to === max_val) { + return; + } + + $(event.target).prev().find(".yadcf-filter-range-number-slider").slider("option", "yadcf-reset", true); + $(event.target).prev().find(".yadcf-filter-range-number-slider").slider("option", "values", [min_val, max_val]); + + $($(event.target).prev().find(".ui-slider-handle")[0]).attr("tabindex", -1).focus(); + + $($(event.target).prev().find(".ui-slider-handle")[0]).removeClass("inuse"); + $($(event.target).prev().find(".ui-slider-handle")[1]).removeClass("inuse"); + $(event.target).prev().find(".ui-slider-range").removeClass("inuse"); + + oTable.fnDraw(); + resetIApiIndex(); + + return; + } + + function dateKeyUP(table_selector_jq_friendly, date_format, event) { + var oTable, + date, + dateId, + column_number, + columnObj; + + event = eventTargetFixUp(event); + + dateId = event.target.id; + date = document.getElementById(dateId).value; + + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + oTable = oTables[table_selector_jq_friendly]; + column_number = parseInt(dateId.replace("yadcf-filter-" + table_selector_jq_friendly + "-", ""), 10); + columnObj = getOptions(oTable.selector)[column_number]; + + try { + if (columnObj.datepicker_type === 'jquery-ui') { + if (date.length === (date_format.length + 2)) { + date = (date !== "") ? $.datepicker.parseDate(date_format, date) : date; + } + } + } catch (err1) {} + + if (date instanceof Date || moment(date, columnObj.date_format).isValid()) { + $("#" + dateId).addClass('inuse'); + if (columnObj.filter_type !== 'date_custom_func') { + oTable.fnFilter(document.getElementById(dateId).value, column_number); + resetIApiIndex(); + } else { + doFilterCustomDateFunc({ value: date }, table_selector_jq_friendly, column_number); + } + } else if (date === "" || $.trim(event.target.value) === '') { + $("#" + dateId).removeClass('inuse'); + $('#' + event.target.id).removeClass('inuse'); + oTable.fnFilter('', column_number); + resetIApiIndex(); + } + } + + function rangeDateKeyUP(table_selector_jq_friendly, date_format, event) { + var oTable, + min, + max, + fromId, + toId, + column_number, + columnObj, + keyUp, + settingsDt, + column_number_filter, + dpg, + minTmp, + maxTmp; + + event = eventTargetFixUp(event); + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + + oTable = oTables[table_selector_jq_friendly]; + + column_number = parseInt($(event.target).attr("id").replace('-from-date-', '').replace('-to-date-', '').replace('yadcf-filter-' + table_selector_jq_friendly, ''), 10); + columnObj = getOptions(oTable.selector)[column_number]; + settingsDt = getSettingsObjFromTable(oTable); + column_number_filter = calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly); + + if (columnObj.datepicker_type === 'bootstrap-datepicker') { + dpg = $.fn.datepicker.DPGlobal; + } + + keyUp = function () { + if (event.target.id.indexOf("-from-") !== -1) { + fromId = event.target.id; + toId = event.target.id.replace("-from-", "-to-"); + } else { + toId = event.target.id; + fromId = event.target.id.replace("-to-", "-from-"); + } + + min = document.getElementById(fromId).value; + max = document.getElementById(toId).value; + + if (columnObj.datepicker_type === 'jquery-ui') { + try { + if (min.length === (date_format.length + 2)) { + min = (min !== "") ? $.datepicker.parseDate(date_format, min) : min; + } + } catch (err) {} + try { + if (max.length === (date_format.length + 2)) { + max = (max !== "") ? $.datepicker.parseDate(date_format, max) : max; + } + } catch (err) {} + } else if (columnObj.datepicker_type === 'bootstrap-datetimepicker') { + try { + min = moment(min, columnObj.moment_date_format).toDate(); + if (isNaN(min.getTime())) { + min = ''; + } + } catch (err) {} + try { + max = moment(max, columnObj.moment_date_format).toDate(); + if (isNaN(max.getTime())) { + max = ''; + } + } catch (err) {} + } else if (columnObj.datepicker_type === 'bootstrap-datepicker') { + try { + min = dpg.parseDate(min, dpg.parseFormat(columnObj.date_format)); + if (isNaN(min.getTime())) { + min = ''; + } + } catch (err) {} + try { + max = dpg.parseDate(max, dpg.parseFormat(columnObj.date_format)); + if (isNaN(max.getTime())) { + max = ''; + } + } catch (err) {} + } + + if (((max instanceof Date) && (min instanceof Date) && (max >= min)) || !min || !max) { + + if (oTable.fnSettings().oFeatures.bServerSide !== true) { + minTmp = document.getElementById(fromId).value; + maxTmp = document.getElementById(toId).value; + saveStateSave(oTable, column_number, table_selector_jq_friendly, !min ? '' : minTmp , !max ? '' : maxTmp); + oTable.fnDraw(); + } else { + oTable.fnFilter(document.getElementById(fromId).value + '-yadcf_delim-' + document.getElementById(toId).value, column_number_filter); + } + + if (min instanceof Date) { + $("#" + fromId).addClass("inuse"); + } else { + $("#" + fromId).removeClass("inuse"); + } + if (max instanceof Date) { + $("#" + toId).addClass("inuse"); + } else { + $("#" + toId).removeClass("inuse"); + } + + if ($.trim(event.target.value) === "" && $(event.target).hasClass("inuse")) { + $("#" + event.target.id).removeClass("inuse"); + } + + } + resetIApiIndex(); + }; + + if (columnObj.filter_delay === undefined) { + keyUp(table_selector_jq_friendly, event); + } else { + yadcfDelay(function () { + keyUp(table_selector_jq_friendly, event); + }, columnObj.filter_delay); + } + } + + function rangeNumberKeyUP(table_selector_jq_friendly, event) { + var oTable = oTables[table_selector_jq_friendly], + min, + max, + fromId, + toId, + yadcfState, + column_number, + columnObj, + keyUp, + settingsDt, + column_number_filter; + + event = eventTargetFixUp(event); + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + + column_number = parseInt($(event.target).attr("id").replace('-from-', '').replace('-to-', '').replace('yadcf-filter-' + table_selector_jq_friendly, ''), 10); + columnObj = getOptions(oTable.selector)[column_number]; + settingsDt = getSettingsObjFromTable(oTable); + column_number_filter = calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly); + + keyUp = function () { + if (event.target.id.indexOf("-from-") !== -1) { + fromId = event.target.id; + toId = event.target.id.replace("-from-", "-to-"); + + min = document.getElementById(fromId).value; + max = document.getElementById(toId).value; + } else { + toId = event.target.id; + fromId = event.target.id.replace("-to-", "-from-"); + + max = document.getElementById(toId).value; + min = document.getElementById(fromId).value; + } + + min = (min !== "") ? (+min) : min; + max = (max !== "") ? (+max) : max; + + if ((!isNaN(max) && !isNaN(min) && (max >= min)) || min === "" || max === "") { + + if (oTable.fnSettings().oFeatures.bServerSide !== true) { + oTable.fnDraw(); + } else { + oTable.fnFilter(min + '-yadcf_delim-' + max, column_number_filter); + } + if (document.getElementById(fromId).value !== "") { + $("#" + fromId).addClass("inuse"); + } + if (document.getElementById(toId).value !== "") { + $("#" + toId).addClass("inuse"); + } + + if ($.trim(event.target.value) === "" && $(event.target).hasClass("inuse")) { + $("#" + event.target.id).removeClass("inuse"); + } + if (!oTable.fnSettings().oLoadedState) { + oTable.fnSettings().oLoadedState = {}; + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + if (oTable.fnSettings().oFeatures.bStateSave === true) { + if (oTable.fnSettings().oLoadedState.yadcfState !== undefined && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] !== undefined) { + oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number] = + { + from: min, + to: max + }; + } else { + yadcfState = {}; + yadcfState[table_selector_jq_friendly] = []; + yadcfState[table_selector_jq_friendly][column_number] = { + from: min, + to: max + }; + oTable.fnSettings().oLoadedState.yadcfState = yadcfState; + } + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + } + resetIApiIndex(); + }; + + if (columnObj.filter_delay === undefined) { + keyUp(); + } else { + yadcfDelay(function () { + keyUp(); + }, columnObj.filter_delay); + } + } + + function doFilterMultiTablesMultiSelect(tablesSelectors, event, column_number_str, clear) { + + var columnsObj = getOptions(tablesSelectors + '_' + column_number_str)[column_number_str], + regex = false, + smart = true, + caseInsen = true, + tablesAsOne, + tablesArray = oTables[tablesSelectors], + selected_values = $(event.target).val(), + i; + + event = eventTargetFixUp(event); + tablesAsOne = new $.fn.dataTable.Api(tablesArray); + + if (clear !== undefined || !selected_values || selected_values.length === 0) { + if (clear !== undefined) { + $(event.target).parent().find('select').val('-1').focus(); + $(event.target).parent().find('selectn ').removeClass("inuse"); + } + if (columnsObj.column_number instanceof Array) { + tablesAsOne.columns(columnsObj.column_number).search('').draw(); + } else { + tablesAsOne.search('').draw(); + } + + refreshSelectPlugin(columnsObj, $('#' + columnsObj.filter_container_id + ' select'), '-1'); + return; + } + + $(event.target).addClass("inuse"); + + regex = true; + smart = false; + caseInsen = columnsObj.case_insensitive; + + if (selected_values !== null) { + for (i = selected_values.length - 1; i >= 0; i--) { + if (selected_values[i] === "-1") { + selected_values.splice(i, 1); + break; + } + } + if (selected_values.length !== 0) { + selected_values = selected_values.join('narutouzomaki'); + selected_values = selected_values.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1"); + selected_values = selected_values.split('narutouzomaki').join('|'); + } + } + if (columnsObj.filter_match_mode === "exact") { + selected_values = "^" + selected_values + "$"; + } else if (columnsObj.filter_match_mode === "startsWith") { + selected_values = "^" + selected_values; + } + if (columnsObj.column_number instanceof Array) { + tablesAsOne.columns(columnsObj.column_number).search(selected_values, regex, smart, caseInsen).draw(); + } else { + tablesAsOne.search(selected_values, regex, smart, caseInsen).draw(); + } + } + + function doFilterMultiTables(tablesSelectors, event, column_number_str, clear) { + + var columnsObj = getOptions(tablesSelectors + '_' + column_number_str)[column_number_str], + regex = false, + smart = true, + caseInsen = true, + serachVal, + tablesAsOne, + tablesArray = oTables[tablesSelectors]; + + event = eventTargetFixUp(event); + tablesAsOne = new $.fn.dataTable.Api(tablesArray); + + if (clear !== undefined || event.target.value === '-1') { + if (clear !== undefined) { + $(event.target).parent().find('select').val('-1').focus(); + $(event.target).parent().find('select').removeClass("inuse"); + } + if (columnsObj.column_number instanceof Array) { + tablesAsOne.columns(columnsObj.column_number).search('').draw(); + } else { + tablesAsOne.search('').draw(); + } + + refreshSelectPlugin(columnsObj, $('#' + columnsObj.filter_container_id + ' select'), '-1'); + + return; + } + + $(event.target).addClass("inuse"); + + serachVal = event.target.value; + smart = false; + caseInsen = columnsObj.case_insensitive; + /* + if (columnsObj.filter_match_mode === "contains") { + regex = false; + } else if (columnsObj.filter_match_mode === "exact") { + regex = true; + serachVal = "^" + serachVal + "$"; + } else if (columnsObj.filter_match_mode === "startsWith") { + regex = true; + serachVal = "^" + serachVal; + }*/ + if (columnsObj.column_number instanceof Array) { + tablesAsOne.columns(columnsObj.column_number).search(serachVal, regex, smart, caseInsen).draw(); + } else { + tablesAsOne.search(serachVal, regex, smart, caseInsen).draw(); + } + } + + function textKeyUpMultiTables(tablesSelectors, event, column_number_str, clear) { + + var keyUp, + columnsObj = getOptions(tablesSelectors + '_' + column_number_str)[column_number_str], + regex = false, + smart = true, + caseInsen = true, + serachVal, + tablesAsOne, + tablesArray = oTables[tablesSelectors]; + + event = eventTargetFixUp(event); + tablesAsOne = new $.fn.dataTable.Api(tablesArray); + + keyUp = function (tablesAsOne, event, clear) { + + if (clear !== undefined || event.target.value === '') { + if (clear !== undefined) { + $(event.target).prev().val("").focus(); + $(event.target).prev().removeClass("inuse"); + } else { + $(event.target).val("").focus(); + $(event.target).removeClass("inuse"); + } + if (columnsObj.column_number instanceof Array) { + tablesAsOne.columns(columnsObj.column_number).search('').draw(); + } else { + tablesAsOne.search('').draw(); + } + return; + } + + $(event.target).addClass("inuse"); + + serachVal = event.target.value; + smart = false; + caseInsen = columnsObj.case_insensitive; + /* + if (columnsObj.filter_match_mode === "contains") { + regex = false; + } else if (columnsObj.filter_match_mode === "exact") { + regex = true; + serachVal = "^" + serachVal + "$"; + } else if (columnsObj.filter_match_mode === "startsWith") { + regex = true; + serachVal = "^" + serachVal; + } + */ + if (columnsObj.column_number instanceof Array) { + tablesAsOne.columns(columnsObj.column_number).search(serachVal, regex, smart, caseInsen).draw(); + } else { + tablesAsOne.search(serachVal, regex, smart, caseInsen).draw(); + } + + }; + + if (columnsObj.filter_delay === undefined) { + keyUp(tablesAsOne, event, clear); + } else { + yadcfDelay(function () { + keyUp(tablesAsOne, event, clear); + }, columnsObj.filter_delay); + } + } + + function textKeyUP(ev, table_selector_jq_friendly, column_number, clear) { + var column_number_filter, + oTable = oTables[table_selector_jq_friendly], + keyUp, + columnObj, + settingsDt = getSettingsObjFromTable(oTable), + exclude, + keyCodes = [37, 38, 39, 40]; + + if (keyCodes.indexOf(ev.keyCode) !== -1) { + return; + } + column_number_filter = calcColumnNumberFilter(settingsDt, column_number, table_selector_jq_friendly); + + columnObj = getOptions(oTable.selector)[column_number]; + + keyUp = function (table_selector_jq_friendly, column_number, clear) { + var fixedPrefix = ''; + if (settingsDt._fixedHeader !== undefined && $('.fixedHeader-floating').is(":visible")) { + fixedPrefix = '.fixedHeader-floating '; + } + if (columnObj.filters_position === 'tfoot' && settingsDt.nScrollFoot) { + fixedPrefix = '.' + settingsDt.nScrollFoot.className + ' '; + } + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + + if (clear === 'clear' || $(fixedPrefix + "#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).val() === '') { + if (clear === 'clear' && exGetColumnFilterVal(oTable, column_number) === '') { + return; + } + + $(fixedPrefix + "#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).val("").focus(); + $(fixedPrefix + "#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).removeClass("inuse"); + oTable.fnFilter("", column_number_filter); + resetIApiIndex(); + return; + } + + if (columnObj.exclude === true) { + exclude = $(fixedPrefix + "#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).closest('.yadcf-filter-wrapper').find('.yadcf-exclude-wrapper :checkbox').prop('checked'); + } + $(fixedPrefix + "#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).addClass("inuse"); + + yadcfMatchFilter(oTable, $(fixedPrefix + "#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).val(), columnObj.filter_match_mode, column_number_filter, exclude, column_number); + + resetIApiIndex(); + }; + + if (columnObj.filter_delay === undefined) { + keyUp(table_selector_jq_friendly, column_number, clear); + } else { + yadcfDelay(function () { + keyUp(table_selector_jq_friendly, column_number, clear); + }, columnObj.filter_delay); + } + } + + function autocompleteKeyUP(table_selector_jq_friendly, event) { + var oTable, + column_number, + keyCodes = [37, 38, 39, 40]; + + event = eventTargetFixUp(event); + + if (keyCodes.indexOf(event.keyCode) !== -1) { + return; + } + + if (event.target.value === "" && event.keyCode === 8 && $(event.target).hasClass("inuse")) { + $.fn.dataTableExt.iApiIndex = oTablesIndex[table_selector_jq_friendly]; + oTable = oTables[table_selector_jq_friendly]; + column_number = parseInt($(event.target).attr("id").replace("yadcf-filter-" + table_selector_jq_friendly + "-", ""), 10); + + $("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number).removeClass("inuse"); + $(document).removeData("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val"); + oTable.fnFilter("", column_number); + resetIApiIndex(); + } + } + + function isDOMSource(tableVar) { + var settingsDt; + settingsDt = getSettingsObjFromTable(tableVar); + if (!settingsDt.sAjaxSource && !settingsDt.ajax && settingsDt.oFeatures.bServerSide !== true) { + return true; + } + return false; + } + + function scrollXYHandler(oTable, table_selector) { + var $tmpSelector, + filters_position = $(document).data(table_selector + "_filters_position"), + table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendly2(oTable); + + if (filters_position === 'thead') { + filters_position = '.dataTables_scrollHead'; + } else { + filters_position = '.dataTables_scrollFoot'; + } + if (oTable.fnSettings().oScroll.sX !== '' || oTable.fnSettings().oScroll.sY !== '') { + $tmpSelector = $(table_selector).closest('.dataTables_scroll').find(filters_position + ' table'); + $tmpSelector.addClass('yadcf-datatables-table-' + table_selector_jq_friendly); + } + } + + function firstFromObject(obj) { + var key; + for (key in obj) { + if (obj.hasOwnProperty(key)) { + return key; + } + } + } + + function initAndBindTable(oTable, table_selector, index, pTableDT) { + + var table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendly2(oTable), + table_selector_tmp; + oTables[table_selector_jq_friendly] = oTable; + tablesDT[table_selector_jq_friendly] = pTableDT; + oTablesIndex[table_selector_jq_friendly] = index; + + scrollXYHandler(oTable, table_selector); + + if (isDOMSource(oTable)) { + table_selector_tmp = table_selector; + if (table_selector.indexOf(":eq") !== -1) { + table_selector_tmp = table_selector.substring(0, table_selector.lastIndexOf(":eq")); + } + appendFilters(oTable, getOptions(table_selector_tmp), table_selector); + if (getOptions(table_selector_tmp)[firstFromObject(getOptions(table_selector_tmp))].cumulative_filtering === true) { + //when filters should be populated only from visible rows (non filtered) + $(document).off('search.dt', oTable.selector).on('search.dt', oTable.selector, function (e, settings, json) { + var table_selector_tmp = oTable.selector; + if (table_selector.indexOf(":eq") !== -1) { + table_selector_tmp = table_selector.substring(0, table_selector.lastIndexOf(":eq")); + } + appendFilters(oTable, getOptions(table_selector_tmp), oTable.selector, settings); + }); + } + } else { + appendFilters(oTable, getOptions(table_selector), table_selector); + if (yadcfVersionCheck('1.10')) { + $(document).off('xhr.dt', oTable.selector).on('xhr.dt', oTable.selector, function (e, settings, json) { + var col_num, + column_number_filter, + table_selector_jq_friendly = generateTableSelectorJQFriendly2(oTable); + if (!json) { + console.log('datatables xhr.dt event came back with null as data (nothing for yadcf to do with it).'); + return; + } + if (settings.oSavedState !== null) { + initColReorder2(settings, table_selector_jq_friendly); + } + for (col_num in yadcf.getOptions(settings.oInstance.selector)) { + if (yadcf.getOptions(settings.oInstance.selector).hasOwnProperty(col_num)) { + if (json['yadcf_data_' + col_num] !== undefined) { + column_number_filter = col_num; + if (settings.oSavedState !== null && plugins[table_selector_jq_friendly] !== undefined) { + column_number_filter = plugins[table_selector_jq_friendly].ColReorder[col_num]; + } + yadcf.getOptions(settings.oInstance.selector)[col_num].data = json['yadcf_data_' + column_number_filter]; + } + } + } + }); + } + } + //events that affects both DOM and Ajax + if (yadcfVersionCheck('1.10')) { + $(document).off('draw.dt', oTable.selector).on('draw.dt', oTable.selector, function (event, settings) { + appendFilters(oTable, yadcf.getOptions(settings.oInstance.selector), settings.oInstance.selector, settings); + }); + $(document).off('column-visibility.dt', oTable.selector).on('column-visibility.dt', oTable.selector, function (e, settings, col_num, state) { + var obj = {}, + columnsObj = getOptions(settings.oInstance.selector); + if (state === true && settings._oFixedColumns === undefined) { + if ((plugins[table_selector_jq_friendly] !== undefined && plugins[table_selector_jq_friendly].ColReorder !== undefined)) { + col_num = plugins[table_selector_jq_friendly].ColReorder[col_num]; + } else if (settings.oSavedState && settings.oSavedState.ColReorder !== undefined) { + col_num = settings.oSavedState.ColReorder[col_num]; + } + obj[col_num] = yadcf.getOptions(settings.oInstance.selector)[col_num]; + if (obj[col_num] !== undefined) { + obj[col_num].column_number = col_num; + if (obj[col_num] !== undefined) { + appendFilters(oTables[yadcf.generateTableSelectorJQFriendly2(settings)], + obj, + settings.oInstance.selector, settings); + } + } + } else if (settings._oFixedColumns !== undefined) { + appendFilters(oTables[yadcf.generateTableSelectorJQFriendly2(settings)], + columnsObj, + settings.oInstance.selector, settings); + } + }); + $(document).off('column-reorder.dt', oTable.selector).on('column-reorder.dt', oTable.selector, function (e, settings, json) { + var table_selector_jq_friendly = generateTableSelectorJQFriendly2(oTable); + initColReorderFromEvent(table_selector_jq_friendly); + }); + $(document).off('destroy.dt', oTable.selector).on('destroy.dt', oTable.selector, function (event, ui) { + removeFilters(oTable, yadcf.getOptions(ui.oInstance.selector), ui.oInstance.selector); + }); + } else { + $(document).off('draw', oTable.selector).on('draw', oTable.selector, function (event, settings) { + appendFilters(oTable, yadcf.getOptions(settings.oInstance.selector), settings.oInstance.selector, settings); + }); + $(document).off('destroy', oTable.selector).on('destroy', oTable.selector, function (event, ui) { + removeFilters(oTable, yadcf.getOptions(ui.oInstance.selector), ui.oInstance.selector); + }); + } + if (oTable.fnSettings().oFeatures.bStateSave === true) { + if (yadcfVersionCheck('1.10')) { + $(oTable.selector).off('stateSaveParams.dt').on('stateSaveParams.dt', function (e, settings, data) { + if (settings.oLoadedState && settings.oLoadedState.yadcfState !== undefined) { + data.yadcfState = settings.oLoadedState.yadcfState; + } else { + data.naruto = 'kurama'; + } + }); + } else { + $(oTable.selector).off('stateSaveParams').on('stateSaveParams', function (e, settings, data) { + if (settings.oLoadedState && settings.oLoadedState.yadcfState !== undefined) { + data.yadcfState = settings.oLoadedState.yadcfState; + } else { + data.naruto = 'kurama'; + } + }); + } + //when using DOM source + if (isDOMSource(oTable)) { + //we need to make sure that the yadcf state will be saved after page reload + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + //redraw the table in order to apply the filters + oTable.fnDraw(false); + } + } + } + + $.fn.yadcf = function (options_arg, params) { + + var tmpParams, + i = 0, + selector, + tableSelector = '#' + this.fnSettings().sTableId; + + //in case that instance.selector will be undefined (jQuery 3) + if (this.selector === undefined) { + this.selector = tableSelector; + } + + if (params === undefined) { + params = {}; + } + + if (typeof params === 'string') { + tmpParams = params; + params = {}; + params.filters_position = tmpParams; + } + if (params.filters_position === undefined || params.filters_position === 'header') { + params.filters_position = 'thead'; + } else { + params.filters_position = 'tfoot'; + } + if (params.language !== undefined) { + for (tmpParams in placeholderLang) { + if (placeholderLang.hasOwnProperty(tmpParams)) { + if (params.language[tmpParams] !== undefined) { + placeholderLang[tmpParams] = params.language[tmpParams]; + } + } + } + } + $(document).data(this.selector + "_filters_position", params.filters_position); + + if ($(this.selector).length === 1) { + setOptions(this.selector, options_arg, params); + initAndBindTable(this, this.selector, 0); + } else { + for (i; i < $(this.selector).length; i++) { + $.fn.dataTableExt.iApiIndex = i; + selector = this.selector + ":eq(" + i + ")"; + setOptions(this.selector, options_arg, params); + initAndBindTable(this, selector, i); + } + $.fn.dataTableExt.iApiIndex = 0; + } + + if (params !== undefined && params.onInitComplete !== undefined) { + params.onInitComplete(); + } + return this; + }; + + function init(oTable, options_arg, params) { + var instance = oTable.settings()[0].oInstance, + i = 0, + selector, + tmpParams, + tableSelector = '#' + oTable.table().node().id; + + //in case that instance.selector will be undefined (jQuery 3) + if (!instance.selector) { + instance.selector = tableSelector; + } + + if (params === undefined) { + params = {}; + } + + if (typeof params === 'string') { + tmpParams = params; + params = {}; + params.filters_position = tmpParams; + } + if (params.filters_position === undefined || params.filters_position === 'header') { + params.filters_position = 'thead'; + } else { + params.filters_position = 'tfoot'; + } + if (params.language !== undefined) { + for (tmpParams in placeholderLang) { + if (placeholderLang.hasOwnProperty(tmpParams)) { + if (params.language[tmpParams] !== undefined) { + placeholderLang[tmpParams] = params.language[tmpParams]; + } + } + } + } + $(document).data(instance.selector + "_filters_position", params.filters_position); + + if ($(instance.selector).length === 1) { + setOptions(instance.selector, options_arg, params); + initAndBindTable(instance, instance.selector, 0, oTable); + } else { + for (i; i < $(instance.selector).length; i++) { + $.fn.dataTableExt.iApiIndex = i; + selector = instance.selector + ":eq(" + i + ")"; + setOptions(instance.selector, options_arg, params); + initAndBindTable(instance, selector, i, oTable); + } + $.fn.dataTableExt.iApiIndex = 0; + } + + if (params !== undefined && params.onInitComplete !== undefined) { + params.onInitComplete(); + } + } + + function appendFiltersMultipleTables(tablesArray, tablesSelectors, colObjDummy) { + var filter_selector_string = "#" + colObjDummy.filter_container_id, + table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendlyNew(tablesSelectors), + options_tmp, + ii, + column_number_str = columnsArrayToString(colObjDummy.column_number).column_number_str, + tableTmp, + tableTmpArr, + tableTmpArrIndex, + filterOptions = getOptions(tablesSelectors + '_' + column_number_str)[column_number_str], + column_number_index, + columnsTmpArr, + settingsDt, + tmpStr, + columnForStateSaving; + + //add a wrapper to hold both filter and reset button + $(filter_selector_string).append("
"); + filter_selector_string += " div.yadcf-filter-wrapper"; + if (column_number_str.indexOf('_') !== -1) { + columnForStateSaving = column_number_str.split('_')[0]; + } else { + columnForStateSaving = column_number_str; + } + + switch (filterOptions.filter_type) { + case 'text': + $(filter_selector_string).append(""); + if (filterOptions.filter_reset_button_text !== false) { + $(filter_selector_string).find(".yadcf-filter").after(""); + } + if (tablesArray[0].table !== undefined) { + tableTmp = $('#' + tablesArray[0].table().node().id).dataTable(); + } else { + tableTmp = tablesArray[0]; + } + settingsDt = getSettingsObjFromTable(tableTmp); + if (settingsDt.aoPreSearchCols[columnForStateSaving].sSearch !== '') { + tmpStr = settingsDt.aoPreSearchCols[columnForStateSaving].sSearch; + tmpStr = yadcfParseMatchFilter(tmpStr, filterOptions.filter_match_mode); + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number_str).val(tmpStr).addClass("inuse"); + } + break; + case 'select': + case 'multi_select': + if (filterOptions.select_type === undefined) { + options_tmp = ""; + } else { + options_tmp = ""; + } + if (filterOptions.select_type === 'select2' && filterOptions.select_type_options.placeholder !== undefined && filterOptions.select_type_options.allowClear === true) { + options_tmp = ""; + } + if (filterOptions.data === undefined) { + filterOptions.data = []; + tableTmpArr = tablesSelectors.split(','); + for (tableTmpArrIndex = 0; tableTmpArrIndex < tableTmpArr.length; tableTmpArrIndex++) { + if (tablesArray[tableTmpArrIndex].table !== undefined) { + tableTmp = $('#' + tablesArray[tableTmpArrIndex].table().node().id).dataTable(); + } else { + tableTmp = tablesArray[tableTmpArrIndex]; + } + if (isDOMSource(tableTmp)) { + //check if ajax source, if so, listen for dt.draw + columnsTmpArr = filterOptions.column_number; + for (column_number_index = 0; column_number_index < columnsTmpArr.length; column_number_index++) { + filterOptions.column_number = columnsTmpArr[column_number_index]; + filterOptions.data = filterOptions.data.concat(parseTableColumn(tableTmp, filterOptions, table_selector_jq_friendly)); + } + filterOptions.column_number = columnsTmpArr; + } else { + $(document).off('draw.dt', '#' + tablesArray[tableTmpArrIndex].table().node().id).on('draw.dt', '#' + tablesArray[tableTmpArrIndex].table().node().id, function (event, ui) { + var options_tmp = '', + ii; + columnsTmpArr = filterOptions.column_number; + for (column_number_index = 0; column_number_index < columnsTmpArr.length; column_number_index++) { + filterOptions.column_number = columnsTmpArr[column_number_index]; + filterOptions.data = filterOptions.data.concat(parseTableColumn(tableTmp, filterOptions, table_selector_jq_friendly, ui)); + } + filterOptions.column_number = columnsTmpArr; + filterOptions.data = sortColumnData(filterOptions.data, filterOptions); + for (ii = 0; ii < filterOptions.data.length; ii++) { + options_tmp += ""; + } + $('#' + filterOptions.filter_container_id + ' select').empty().append(options_tmp); + + if (filterOptions.select_type !== undefined) { + initializeSelectPlugin(filterOptions.select_type, $('#' + filterOptions.filter_container_id + ' select'), filterOptions.select_type_options); + if (filterOptions.cumulative_filtering === true && filterOptions.select_type === 'chosen') { + refreshSelectPlugin(filterOptions, $('#' + filterOptions.filter_container_id + ' select')); + } + } + }); + } + } + } + + filterOptions.data = sortColumnData(filterOptions.data, filterOptions); + + if (tablesArray[0].table !== undefined) { + tableTmp = $('#' + tablesArray[0].table().node().id).dataTable(); + } else { + tableTmp = tablesArray[0]; + } + settingsDt = getSettingsObjFromTable(tableTmp); + + if (typeof filterOptions.data[0] === 'object') { + for (ii = 0; ii < filterOptions.data.length; ii++) { + options_tmp += ""; + } + } else { + for (ii = 0; ii < filterOptions.data.length; ii++) { + options_tmp += ""; + } + } + if (filterOptions.filter_type === 'select') { + $(filter_selector_string).append(""); + if (settingsDt.aoPreSearchCols[columnForStateSaving].sSearch !== '') { + tmpStr = settingsDt.aoPreSearchCols[columnForStateSaving].sSearch; + tmpStr = yadcfParseMatchFilter(tmpStr, filterOptions.filter_match_mode); + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number_str).val(tmpStr).addClass("inuse"); + } + } else if (filterOptions.filter_type === 'multi_select') { + $(filter_selector_string).append(""); + if (settingsDt.aoPreSearchCols[columnForStateSaving].sSearch !== '') { + tmpStr = settingsDt.aoPreSearchCols[columnForStateSaving].sSearch; + tmpStr = yadcfParseMatchFilterMultiSelect(tmpStr, filterOptions.filter_match_mode); + tmpStr = tmpStr.replace(/\\/g, ""); + tmpStr = tmpStr.split("|"); + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number_str).val(tmpStr); + } + } + if (filterOptions.filter_type === 'select') { + if (filterOptions.filter_reset_button_text !== false) { + $(filter_selector_string).find(".yadcf-filter").after(""); + } + } else if (filterOptions.filter_type === 'multi_select') { + if (filterOptions.filter_reset_button_text !== false) { + $(filter_selector_string).find(".yadcf-filter").after(""); + } + } + + if (filterOptions.select_type !== undefined) { + initializeSelectPlugin(filterOptions.select_type, $("#yadcf-filter-" + table_selector_jq_friendly + '-' + column_number_str), filterOptions.select_type_options); + if (filterOptions.cumulative_filtering === true && filterOptions.select_type === 'chosen') { + refreshSelectPlugin(filterOptions, $("#yadcf-filter-" + table_selector_jq_friendly + '-' + column_number_str)); + } + } + break; + default: + alert('Filters Multiple Tables does not support ' + filterOptions.filter_type); + } + } + + function initMultipleTables(tablesArray, filtersOptions) { + var i, + tablesSelectors = '', + default_options = { + filter_type: "text", + filter_container_id: '', + filter_reset_button_text: 'x', + case_insensitive: true + }, + columnsObjKey, + columnsObj, + columnsArrIndex, + column_number_str, + dummyArr; + + for (columnsArrIndex = 0; columnsArrIndex < filtersOptions.length; columnsArrIndex++) { + dummyArr = []; + columnsObj = filtersOptions[columnsArrIndex]; + if (columnsObj.filter_default_label === undefined) { + if (columnsObj.filter_type === "select" || columnsObj.filter_type === 'custom_func') { + columnsObj.filter_default_label = "Select value"; + } else if (columnsObj.filter_type === "multi_select" || columnsObj.filter_type === 'multi_select_custom_func') { + columnsObj.filter_default_label = "Select values"; + } else if (columnsObj.filter_type === "auto_complete" || columnsObj.filter_type === "text") { + columnsObj.filter_default_label = 'Type to filter'; + } else if (columnsObj.filter_type === "range_number" || columnsObj.filter_type === "range_date") { + columnsObj.filter_default_label = ["from", "to"]; + } else if (columnsObj.filter_type === "date") { + columnsObj.filter_default_label = "Select a date"; + } + } + columnsObj = $.extend({}, default_options, columnsObj); + + column_number_str = columnsArrayToString(columnsObj.column_number).column_number_str; + columnsObj.column_number_str = column_number_str; + + dummyArr.push(columnsObj); + tablesSelectors = ''; + for (i = 0; i < tablesArray.length; i++) { + if (tablesArray[i].table !== undefined) { + tablesSelectors += tablesArray[i].table().node().id + ','; + } else { + tablesSelectors += getSettingsObjFromTable(tablesArray[i]).sTableId; + } + } + tablesSelectors = tablesSelectors.substring(0, tablesSelectors.length - 1); + + setOptions(tablesSelectors + '_' + column_number_str, dummyArr); + oTables[tablesSelectors] = tablesArray; + appendFiltersMultipleTables(tablesArray, tablesSelectors, columnsObj); + } + } + + function initMultipleColumns(table, filtersOptions) { + var tablesArray = []; + tablesArray.push(table); + initMultipleTables(tablesArray, filtersOptions); + } + + function close3rdPPluginsNeededClose(evt) { + if (closeBootstrapDatepickerRange) { + $('.yadcf-filter-range-date').not($(evt.target)).datepicker('hide'); + } + if (closeBootstrapDatepicker) { + $('.yadcf-filter-date').not($(evt.target)).datepicker('hide'); + } + if (closeSelect2) { + let currentSelect2; + if (evt.target.className.indexOf('yadcf-filter-reset-button') !== -1) { + $('select.yadcf-filter').select2('close'); + } else { + currentSelect2 = $($(evt.target).closest('.yadcf-filter-wrapper').find('select')); + $('select.yadcf-filter').not(currentSelect2).select2('close'); + } + } + } + + function stopPropagation(evt) { + close3rdPPluginsNeededClose(evt); + if (evt.stopPropagation !== undefined) { + evt.stopPropagation(); + } else { + evt.cancelBubble = true; + } + } + + function preventDefaultForEnter(evt) { + if (evt.keyCode === 13) { + if (evt.preventDefault) { + evt.preventDefault(); + } else { + evt.returnValue = false; + } + } + } + + //-------------------------------------------------------- + function exInternalFilterColumnAJAXQueue(table_arg, col_filter_arr) { + return function () { + exFilterColumn(table_arg, col_filter_arr, true); + }; + } + + function exFilterColumn(table_arg, col_filter_arr, ajaxSource) { + var table_selector_jq_friendly, + j, + tmpStr, + column_number, + column_position, + filter_value, + fromId, + toId, + sliderId, + optionsObj, + min, + max, + exclude = false; + //check if the table arg is from new datatables API (capital "D") + if (table_arg.settings !== undefined) { + table_arg = table_arg.settings()[0].oInstance; + } + table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendly2(table_arg); + if (isDOMSource(table_arg) || ajaxSource === true) { + for (j = 0; j < col_filter_arr.length; j++) { + column_number = col_filter_arr[j][0]; + column_position = column_number; + exclude = false; + if (plugins[table_selector_jq_friendly] !== undefined && (plugins[table_selector_jq_friendly] !== undefined && plugins[table_selector_jq_friendly].ColReorder !== undefined)) { + column_position = plugins[table_selector_jq_friendly].ColReorder[column_number]; + } + optionsObj = getOptions(table_arg.selector)[column_number]; + filter_value = col_filter_arr[j][1]; + + switch (optionsObj.filter_type) { + case 'auto_complete': + case 'text': + case 'date': + if (filter_value !== undefined && filter_value.indexOf('_exclude_') !== -1) { + exclude = true; + filter_value = filter_value.replace('_exclude_', ''); + } + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(filter_value); + if (filter_value !== '') { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).addClass('inuse'); + } else { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).removeClass('inuse'); + } + tmpStr = yadcfMatchFilterString(table_arg, column_position, filter_value, optionsObj.filter_match_mode, false, exclude); + table_arg.fnSettings().aoPreSearchCols[column_position].sSearch = tmpStr; + break; + case 'select': + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(filter_value); + if (filter_value !== '') { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).addClass('inuse'); + } else { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).removeClass('inuse'); + } + tmpStr = yadcfMatchFilterString(table_arg, column_position, filter_value, optionsObj.filter_match_mode, false); + table_arg.fnSettings().aoPreSearchCols[column_position].sSearch = tmpStr; + if (optionsObj.select_type !== undefined) { + refreshSelectPlugin(optionsObj, $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number)); + } + break; + case 'multi_select': + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(filter_value); + tmpStr = yadcfMatchFilterString(table_arg, column_position, filter_value, optionsObj.filter_match_mode, true); + table_arg.fnSettings().aoPreSearchCols[column_position].sSearch = tmpStr; + if (optionsObj.select_type !== undefined) { + refreshSelectPlugin(optionsObj, $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number)); + } + break; + case 'range_date': + fromId = 'yadcf-filter-' + table_selector_jq_friendly + '-from-date-' + column_number; + toId = 'yadcf-filter-' + table_selector_jq_friendly + '-to-date-' + column_number; + $('#' + fromId).val(filter_value.from); + if (filter_value.from !== '') { + $('#' + fromId).addClass('inuse'); + } else { + $('#' + fromId).removeClass('inuse'); + } + $('#' + toId).val(filter_value.to); + if (filter_value.to !== '') { + $('#' + toId).addClass('inuse'); + } else { + $('#' + toId).removeClass('inuse'); + } + if (table_arg.fnSettings().oFeatures.bServerSide === true) { + min = filter_value.from; + max = filter_value.to; + table_arg.fnSettings().aoPreSearchCols[column_position].sSearch = min + '-yadcf_delim-' + max; + } + saveStateSave(table_arg, column_number, table_selector_jq_friendly, filter_value.from, filter_value.to); + break; + case 'range_number': + fromId = 'yadcf-filter-' + table_selector_jq_friendly + '-from-' + column_number; + toId = 'yadcf-filter-' + table_selector_jq_friendly + '-to-' + column_number; + $('#' + fromId).val(filter_value.from); + if (filter_value.from !== '') { + $('#' + fromId).addClass('inuse'); + } else { + $('#' + fromId).removeClass('inuse'); + } + $('#' + toId).val(filter_value.to); + if (filter_value.to !== '') { + $('#' + toId).addClass('inuse'); + } else { + $('#' + toId).removeClass('inuse'); + } + if (table_arg.fnSettings().oFeatures.bServerSide === true) { + table_arg.fnSettings().aoPreSearchCols[column_position].sSearch = filter_value.from + '-yadcf_delim-' + filter_value.to; + } + saveStateSave(table_arg, column_number, table_selector_jq_friendly, filter_value.from, filter_value.to); + break; + case 'range_number_slider': + sliderId = 'yadcf-filter-' + table_selector_jq_friendly + '-slider-' + column_number; + fromId = 'yadcf-filter-' + table_selector_jq_friendly + '-min_tip-' + column_number; + toId = 'yadcf-filter-' + table_selector_jq_friendly + '-max_tip-' + column_number; + if (filter_value.from !== '') { + min = $('#' + fromId).closest('.yadcf-filter-range-number-slider').find(".yadcf-filter-range-number-slider-min-tip-hidden").text(); + max = $('#' + fromId).closest('.yadcf-filter-range-number-slider').find(".yadcf-filter-range-number-slider-max-tip-hidden").text(); + $('#' + fromId).text(filter_value.from); + if (min !== filter_value.from) { + $('#' + fromId).parent().addClass('inuse'); + $('#' + fromId).parent().parent().find('ui-slider-range').addClass('inuse'); + } else { + $('#' + fromId).parent().removeClass('inuse'); + $('#' + fromId).parent().parent().find('ui-slider-range').removeClass('inuse'); + } + $('#' + sliderId).slider('values', 0, filter_value.from); + } + if (filter_value.to !== '') { + $('#' + toId).text(filter_value.to); + if (max !== filter_value.to) { + $('#' + toId).parent().addClass('inuse'); + $('#' + toId).parent().parent().find('.ui-slider-range').addClass('inuse'); + } else { + $('#' + toId).parent().removeClass('inuse'); + $('#' + toId).parent().parent().find('.ui-slider-range').removeClass('inuse'); + } + $('#' + sliderId).slider('values', 1, filter_value.to); + } + if (table_arg.fnSettings().oFeatures.bServerSide === true) { + table_arg.fnSettings().aoPreSearchCols[column_position].sSearch = filter_value.from + '-yadcf_delim-' + filter_value.to; + } + saveStateSave(table_arg, column_number, table_selector_jq_friendly, filter_value.from, filter_value.to); + break; + case 'custom_func': + case 'multi_select_custom_func': + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).val(filter_value); + if (filter_value !== '') { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).addClass('inuse'); + } else { + $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number).removeClass('inuse'); + } + if (table_arg.fnSettings().oFeatures.bServerSide === true) { + table_arg.fnSettings().aoPreSearchCols[column_position].sSearch = filter_value; + } + if (optionsObj.select_type !== undefined) { + refreshSelectPlugin(optionsObj, $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number), filter_value); + } + saveStateSave(table_arg, column_number, table_selector_jq_friendly, filter_value, ''); + break; + } + } + if (table_arg.fnSettings().oFeatures.bServerSide !== true) { + table_arg.fnDraw(); + } else { + setTimeout(function () { + table_arg.fnDraw(); + }, 10); + } + } else { + exFilterColumnQueue.push(exInternalFilterColumnAJAXQueue(table_arg, col_filter_arr)); + } + } + + function exGetColumnFilterVal(table_arg, column_number) { + var retVal, + fromId, + toId, + table_selector_jq_friendly, + optionsObj, + $filterElement; + + //check if the table arg is from new datatables API (capital "D") + if (table_arg.settings !== undefined) { + table_arg = table_arg.settings()[0].oInstance; + } + + optionsObj = getOptions(table_arg.selector)[column_number]; + table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendly2(table_arg); + + $filterElement = $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number); + switch (optionsObj.filter_type) { + case 'select': + case 'custom_func': + retVal = $filterElement.val(); + if (retVal === '-1') { + retVal = ''; + } + break; + case 'auto_complete': + case 'text': + case 'date': + case 'date_custom_func': + retVal = $filterElement.val(); + if ($filterElement.prev().hasClass('yadcf-exclude-wrapper') && $filterElement.prev().find('input').prop('checked') === true) { + retVal = '_exclude_' + retVal; + } + break; + case 'multi_select': + retVal = $filterElement.val(); + if (retVal === null) { + retVal = ''; + } + break; + case 'range_date': + retVal = {}; + fromId = 'yadcf-filter-' + table_selector_jq_friendly + '-from-date-' + column_number; + toId = 'yadcf-filter-' + table_selector_jq_friendly + '-to-date-' + column_number; + + retVal.from = $('#' + fromId).val(); + retVal.to = $('#' + toId).val(); + break; + case 'range_number': + retVal = {}; + fromId = 'yadcf-filter-' + table_selector_jq_friendly + '-from-' + column_number; + toId = 'yadcf-filter-' + table_selector_jq_friendly + '-to-' + column_number; + + retVal.from = $('#' + fromId).val(); + retVal.to = $('#' + toId).val(); + break; + case 'range_number_slider': + retVal = {}; + fromId = 'yadcf-filter-' + table_selector_jq_friendly + '-min_tip-' + column_number; + toId = 'yadcf-filter-' + table_selector_jq_friendly + '-max_tip-' + column_number; + + retVal.from = $('#' + fromId).text(); + retVal.to = $('#' + toId).text(); + + break; + default: + console.log('exGetColumnFilterVal error: no such filter_type: ' + optionsObj.filter_type); + } + return retVal; + } + + function clearStateSave(oTable, column_number, table_selector_jq_friendly) { + var yadcfState; + if (oTable.fnSettings().oFeatures.bStateSave === true) { + if (!oTable.fnSettings().oLoadedState) { + oTable.fnSettings().oLoadedState = {}; + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + if (oTable.fnSettings().oLoadedState.yadcfState !== undefined && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] !== undefined) { + oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number] = undefined; + } else { + yadcfState = {}; + yadcfState[table_selector_jq_friendly] = []; + yadcfState[table_selector_jq_friendly][column_number] = undefined; + oTable.fnSettings().oLoadedState.yadcfState = yadcfState; + } + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + } + + function saveStateSave(oTable, column_number, table_selector_jq_friendly, from, to) { + var yadcfState; + if (oTable.fnSettings().oFeatures.bStateSave === true) { + if (!oTable.fnSettings().oLoadedState) { + oTable.fnSettings().oLoadedState = {}; + } + if (oTable.fnSettings().oLoadedState.yadcfState !== undefined && oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly] !== undefined) { + oTable.fnSettings().oLoadedState.yadcfState[table_selector_jq_friendly][column_number] = { + from: from, + to: to + }; + } else { + yadcfState = {}; + yadcfState[table_selector_jq_friendly] = []; + yadcfState[table_selector_jq_friendly][column_number] = { + from: from, + to: to + }; + oTable.fnSettings().oLoadedState.yadcfState = yadcfState; + } + oTable.fnSettings().oApi._fnSaveState(oTable.fnSettings()); + } + } + + function exResetAllFilters(table_arg, noRedraw, columns) { + var table_selector_jq_friendly, + column_number, + fromId, + toId, + sliderId, + tableOptions, + optionsObj, + columnObjKey, + settingsDt = getSettingsObjFromTable(table_arg), + i, + $filterElement; + + //check if the table arg is from new datatables API (capital "D") + if (table_arg.settings !== undefined) { + table_arg = table_arg.settings()[0].oInstance; + } + tableOptions = getOptions(table_arg.selector); + table_selector_jq_friendly = yadcf.generateTableSelectorJQFriendly2(table_arg); + settingsDt = getSettingsObjFromTable(table_arg); + + for (columnObjKey in tableOptions) { + if (tableOptions.hasOwnProperty(columnObjKey)) { + optionsObj = tableOptions[columnObjKey]; + column_number = optionsObj.column_number; + + if (columns !== undefined && $.inArray(column_number, columns) === -1) { + continue; + } + $(document).removeData("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val"); + + $filterElement = $('#yadcf-filter-' + table_selector_jq_friendly + '-' + column_number); + + switch (optionsObj.filter_type) { + case 'select': + case 'custom_func': + $filterElement.val('-1').removeClass('inuse'); + table_arg.fnSettings().aoPreSearchCols[column_number].sSearch = ''; + if (optionsObj.select_type !== undefined) { + refreshSelectPlugin(optionsObj, $filterElement, '-1'); + } + break; + case 'auto_complete': + case 'text': + case 'date': + $filterElement.val('').removeClass('inuse'); + table_arg.fnSettings().aoPreSearchCols[column_number].sSearch = ''; + if ($filterElement.prev().hasClass('yadcf-exclude-wrapper')) { + $filterElement.prev().find('input').prop('checked', false); + } + break; + case 'multi_select': + case 'multi_select_custom_func': + $filterElement.val('-1'); + $(document).data("#yadcf-filter-" + table_selector_jq_friendly + "-" + column_number + "_val", undefined); + table_arg.fnSettings().aoPreSearchCols[column_number].sSearch = ''; + if (optionsObj.select_type !== undefined) { + refreshSelectPlugin(optionsObj, $filterElement, '-1'); + } + break; + case 'range_date': + fromId = 'yadcf-filter-' + table_selector_jq_friendly + '-from-date-' + column_number; + toId = 'yadcf-filter-' + table_selector_jq_friendly + '-to-date-' + column_number; + $('#' + fromId).val(''); + $('#' + fromId).removeClass('inuse'); + $('#' + toId).val(''); + $('#' + toId).removeClass('inuse'); + if (table_arg.fnSettings().oFeatures.bServerSide === true) { + table_arg.fnSettings().aoPreSearchCols[column_number].sSearch = ''; + } + clearStateSave(table_arg, column_number, table_selector_jq_friendly); + break; + case 'range_number': + fromId = 'yadcf-filter-' + table_selector_jq_friendly + '-from-' + column_number; + toId = 'yadcf-filter-' + table_selector_jq_friendly + '-to-' + column_number; + $('#' + fromId).val(''); + $('#' + fromId).removeClass('inuse'); + $('#' + toId).val(''); + $('#' + toId).removeClass('inuse'); + if (table_arg.fnSettings().oFeatures.bServerSide === true) { + table_arg.fnSettings().aoPreSearchCols[column_number].sSearch = ''; + } + clearStateSave(table_arg, column_number, table_selector_jq_friendly); + break; + case 'range_number_slider': + sliderId = 'yadcf-filter-' + table_selector_jq_friendly + '-slider-' + column_number; + fromId = 'yadcf-filter-' + table_selector_jq_friendly + '-min_tip-' + column_number; + toId = 'yadcf-filter-' + table_selector_jq_friendly + '-max_tip-' + column_number; + $('#' + fromId).text(''); + $('#' + fromId).parent().removeClass('inuse'); + $('#' + fromId).parent().parent().find('ui-slider-range').removeClass('inuse'); + $('#' + toId).text(''); + $('#' + toId).parent().removeClass('inuse'); + $('#' + toId).parent().parent().find('.ui-slider-range').removeClass('inuse'); + $('#' + sliderId).slider("option", "values", [$('#' + fromId).parent().parent().find('.yadcf-filter-range-number-slider-min-tip-hidden').text(), $('#' + fromId).parent().parent().find('.yadcf-filter-range-number-slider-max-tip-hidden').text()]); + if (table_arg.fnSettings().oFeatures.bServerSide === true) { + table_arg.fnSettings().aoPreSearchCols[column_number].sSearch = ''; + } + clearStateSave(table_arg, column_number, table_selector_jq_friendly); + break; + } + + } + } + if (noRedraw !== true) { + //clear global filter + settingsDt.oPreviousSearch.sSearch = ''; + if (settingsDt.aanFeatures.f !== undefined) { + for (i = 0; i < settingsDt.aanFeatures.f.length; i++) { + $('input', settingsDt.aanFeatures.f[i]).val(''); + } + } + //end of clear global filter + table_arg.fnDraw(settingsDt); + } + } + + function exResetFilters(table_arg, columns, noRedraw) { + exResetAllFilters(table_arg, noRedraw, columns); + } + + function exFilterExternallyTriggered(table_arg) { + var columnsObj, + columnObjKey, + columnObj, + filterValue, + filtersValuesSingleElem, + filtersValuesArr = []; + + //check if the table arg is from new datatables API (capital "D") + if (table_arg.settings !== undefined) { + table_arg = table_arg.settings()[0].oInstance; + } + columnsObj = getOptions(table_arg.selector); + + for (columnObjKey in columnsObj) { + if (columnsObj.hasOwnProperty(columnObjKey)) { + columnObj = columnsObj[columnObjKey]; + filterValue = exGetColumnFilterVal(table_arg, columnObj.column_number); + filtersValuesSingleElem = []; + filtersValuesSingleElem.push(columnObj.column_number); + filtersValuesSingleElem.push(filterValue); + filtersValuesArr.push(filtersValuesSingleElem); + } + } + exFilterColumn(table_arg, filtersValuesArr, true); + } + + return { + init: init, + doFilter: doFilter, + doFilterMultiSelect: doFilterMultiSelect, + doFilterAutocomplete: doFilterAutocomplete, + autocompleteKeyUP: autocompleteKeyUP, + getOptions: getOptions, + rangeNumberKeyUP: rangeNumberKeyUP, + rangeDateKeyUP: rangeDateKeyUP, + rangeClear: rangeClear, + rangeNumberSliderClear: rangeNumberSliderClear, + stopPropagation: stopPropagation, + exFilterColumn: exFilterColumn, + exGetColumnFilterVal: exGetColumnFilterVal, + exResetAllFilters: exResetAllFilters, + dateKeyUP: dateKeyUP, + dateSelectSingle: dateSelectSingle, + textKeyUP: textKeyUP, + doFilterCustomDateFunc: doFilterCustomDateFunc, + eventTargetFixUp: eventTargetFixUp, + initMultipleTables: initMultipleTables, + initMultipleColumns: initMultipleColumns, + textKeyUpMultiTables: textKeyUpMultiTables, + doFilterMultiTables: doFilterMultiTables, + doFilterMultiTablesMultiSelect: doFilterMultiTablesMultiSelect, + generateTableSelectorJQFriendlyNew: generateTableSelectorJQFriendlyNew, + exFilterExternallyTriggered: exFilterExternallyTriggered, + exResetFilters: exResetFilters, + initSelectPluginCustomTriggers: initSelectPluginCustomTriggers, + preventDefaultForEnter: preventDefaultForEnter, + generateTableSelectorJQFriendly2: generateTableSelectorJQFriendly2 + }; + + }()); + if (window) { + window.yadcf = yadcf; + } + return yadcf; +})); diff --git a/www/ouya-allgames.css b/www/ouya-allgames.css new file mode 100644 index 0000000..c2810df --- /dev/null +++ b/www/ouya-allgames.css @@ -0,0 +1,115 @@ +* { + box-sizing: border-box; +} +html { + height: 100%; +} +body { + min-height: 100%; + background-color: #333; + background-image: url("bg_details.jpg"); + background-size: cover; + background-attachment: fixed; + color: #CCC; + font-family: sans; + margin: 0; + padding: 0; + padding-top: 10ex; + padding-left: 0ex; +} + +header { + position: fixed; + top: 0; + left: 0; + display: block; + width: 100%; + height: 6rem; + padding-left: 3ex; + background-color: #333; + background-image: url("bg_details.jpg"); + background-size: cover; + background-attachment: fixed; +} +.ouyalogo { + height: 3rem; + width: auto; + position: fixed; + top: 2ex; + right: 6vw; +} + +a { + color: #CCC; +} + +nav { + margin-top: 5ex; + text-align: center; +} +nav a { + color: white; + margin-left: 1ex; + margin-right: 1ex; +} + +thead th { + text-align: left; + /*position: sticky;*/ + top: 4rem; + background-color: rgba(0, 0, 0, .6); + padding: 0.5ex; + vertical-align: top; +} + +table.dataTable.display tbody tr, +table.dataTable.display tbody tr.odd +{ + background-color: transparent; +} + +table.dataTable.display tbody tr > .sorting_1, +table.dataTable.order-column.stripe tbody tr > .sorting_1, +table.dataTable.display tbody tr.odd > .sorting_1, +table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, +table.dataTable.display tbody tr.even > .sorting_1, +table.dataTable.order-column.stripe tbody tr.even > .sorting_1 +{ + background-color: rgba(0, 0, 0, .4); +} + +table.dataTable.display tbody tr:hover, +table.dataTable.display tbody tr.odd:hover, +table.dataTable.display tbody tr.even:hover +{ + background-color: rgba(255, 255, 255, .2); +} + +.dataTables_info, +.dataTables_filter +{ + color: inherit !important; +} + +#allouyagames_filter { + display: none; +} + +.dataTable.fixedHeader-floating { + background-color: #333; + background-image: url("bg_details.jpg"); + background-size: cover; + background-attachment: fixed; +} + +.yadcf-filter-wrapper { + display: block; + margin-top: 1ex; +} +.yadcf-filter, +.yadcf-filter-reset-button +{ + background-color: transparent; + color: inherit; + height: 4ex; +}