250 lines
		
	
	
		
			6.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			250 lines
		
	
	
		
			6.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| /* Set the defaults for DataTables initialisation */
 | |
| $.extend( true, $.fn.dataTable.defaults, {
 | |
| 	"sDom":
 | |
| 		"<'row'<'col-xs-6'l><'col-xs-6'f>r>"+
 | |
| 		"t"+
 | |
| 		"<'row'<'col-xs-6'i><'col-xs-6'p>>",
 | |
| 	"oLanguage": {
 | |
| 		"sLengthMenu": "_MENU_ records per page"
 | |
| 	}
 | |
| } );
 | |
| 
 | |
| 
 | |
| /* Default class modification */
 | |
| $.extend( $.fn.dataTableExt.oStdClasses, {
 | |
| 	"sWrapper": "dataTables_wrapper form-inline",
 | |
| 	"sFilterInput": "form-control input-sm",
 | |
| 	"sLengthSelect": "form-control input-sm"
 | |
| } );
 | |
| 
 | |
| // In 1.10 we use the pagination renderers to draw the Bootstrap paging,
 | |
| // rather than  custom plug-in
 | |
| if ( $.fn.dataTable.Api ) {
 | |
| 	$.fn.dataTable.defaults.renderer = 'bootstrap';
 | |
| 	$.fn.dataTable.ext.renderer.pageButton.bootstrap = function ( settings, host, idx, buttons, page, pages ) {
 | |
| 		var api = new $.fn.dataTable.Api( settings );
 | |
| 		var classes = settings.oClasses;
 | |
| 		var lang = settings.oLanguage.oPaginate;
 | |
| 		var btnDisplay, btnClass;
 | |
| 
 | |
| 		var attach = function( container, buttons ) {
 | |
| 			var i, ien, node, button;
 | |
| 			var clickHandler = function ( e ) {
 | |
| 				e.preventDefault();
 | |
| 				if ( e.data.action !== 'ellipsis' ) {
 | |
| 					api.page( e.data.action ).draw( false );
 | |
| 				}
 | |
| 			};
 | |
| 
 | |
| 			for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
 | |
| 				button = buttons[i];
 | |
| 
 | |
| 				if ( $.isArray( button ) ) {
 | |
| 					attach( container, button );
 | |
| 				}
 | |
| 				else {
 | |
| 					btnDisplay = '';
 | |
| 					btnClass = '';
 | |
| 
 | |
| 					switch ( button ) {
 | |
| 						case 'ellipsis':
 | |
| 							btnDisplay = '…';
 | |
| 							btnClass = 'disabled';
 | |
| 							break;
 | |
| 
 | |
| 						case 'first':
 | |
| 							btnDisplay = lang.sFirst;
 | |
| 							btnClass = button + (page > 0 ?
 | |
| 								'' : ' disabled');
 | |
| 							break;
 | |
| 
 | |
| 						case 'previous':
 | |
| 							btnDisplay = lang.sPrevious;
 | |
| 							btnClass = button + (page > 0 ?
 | |
| 								'' : ' disabled');
 | |
| 							break;
 | |
| 
 | |
| 						case 'next':
 | |
| 							btnDisplay = lang.sNext;
 | |
| 							btnClass = button + (page < pages-1 ?
 | |
| 								'' : ' disabled');
 | |
| 							break;
 | |
| 
 | |
| 						case 'last':
 | |
| 							btnDisplay = lang.sLast;
 | |
| 							btnClass = button + (page < pages-1 ?
 | |
| 								'' : ' disabled');
 | |
| 							break;
 | |
| 
 | |
| 						default:
 | |
| 							btnDisplay = button + 1;
 | |
| 							btnClass = page === button ?
 | |
| 								'active' : '';
 | |
| 							break;
 | |
| 					}
 | |
| 
 | |
| 					if ( btnDisplay ) {
 | |
| 						node = $('<li>', {
 | |
| 								'class': classes.sPageButton+' '+btnClass,
 | |
| 								'aria-controls': settings.sTableId,
 | |
| 								'tabindex': settings.iTabIndex,
 | |
| 								'id': idx === 0 && typeof button === 'string' ?
 | |
| 									settings.sTableId +'_'+ button :
 | |
| 									null
 | |
| 							} )
 | |
| 							.append( $('<a>', {
 | |
| 									'href': '#'
 | |
| 								} )
 | |
| 								.html( btnDisplay )
 | |
| 							)
 | |
| 							.appendTo( container );
 | |
| 
 | |
| 						settings.oApi._fnBindAction(
 | |
| 							node, {action: button}, clickHandler
 | |
| 						);
 | |
| 					}
 | |
| 				}
 | |
| 			}
 | |
| 		};
 | |
| 
 | |
| 		attach(
 | |
| 			$(host).empty().html('<ul class="pagination"/>').children('ul'),
 | |
| 			buttons
 | |
| 		);
 | |
| 	}
 | |
| }
 | |
| else {
 | |
| 	// Integration for 1.9-
 | |
| 	$.fn.dataTable.defaults.sPaginationType = 'bootstrap';
 | |
| 
 | |
| 	/* API method to get paging information */
 | |
| 	$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
 | |
| 	{
 | |
| 		return {
 | |
| 			"iStart":         oSettings._iDisplayStart,
 | |
| 			"iEnd":           oSettings.fnDisplayEnd(),
 | |
| 			"iLength":        oSettings._iDisplayLength,
 | |
| 			"iTotal":         oSettings.fnRecordsTotal(),
 | |
| 			"iFilteredTotal": oSettings.fnRecordsDisplay(),
 | |
| 			"iPage":          oSettings._iDisplayLength === -1 ?
 | |
| 				0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
 | |
| 			"iTotalPages":    oSettings._iDisplayLength === -1 ?
 | |
| 				0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
 | |
| 		};
 | |
| 	};
 | |
| 
 | |
| 	/* Bootstrap style pagination control */
 | |
| 	$.extend( $.fn.dataTableExt.oPagination, {
 | |
| 		"bootstrap": {
 | |
| 			"fnInit": function( oSettings, nPaging, fnDraw ) {
 | |
| 				var oLang = oSettings.oLanguage.oPaginate;
 | |
| 				var fnClickHandler = function ( e ) {
 | |
| 					e.preventDefault();
 | |
| 					if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
 | |
| 						fnDraw( oSettings );
 | |
| 					}
 | |
| 				};
 | |
| 
 | |
| 				$(nPaging).append(
 | |
| 					'<ul class="pagination">'+
 | |
| 						'<li class="prev disabled"><a href="#">← '+oLang.sPrevious+'</a></li>'+
 | |
| 						'<li class="next disabled"><a href="#">'+oLang.sNext+' → </a></li>'+
 | |
| 					'</ul>'
 | |
| 				);
 | |
| 				var els = $('a', nPaging);
 | |
| 				$(els[0]).bind( 'click.DT', { action: "previous" }, fnClickHandler );
 | |
| 				$(els[1]).bind( 'click.DT', { action: "next" }, fnClickHandler );
 | |
| 			},
 | |
| 
 | |
| 			"fnUpdate": function ( oSettings, fnDraw ) {
 | |
| 				var iListLength = 5;
 | |
| 				var oPaging = oSettings.oInstance.fnPagingInfo();
 | |
| 				var an = oSettings.aanFeatures.p;
 | |
| 				var i, ien, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
 | |
| 
 | |
| 				if ( oPaging.iTotalPages < iListLength) {
 | |
| 					iStart = 1;
 | |
| 					iEnd = oPaging.iTotalPages;
 | |
| 				}
 | |
| 				else if ( oPaging.iPage <= iHalf ) {
 | |
| 					iStart = 1;
 | |
| 					iEnd = iListLength;
 | |
| 				} else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {
 | |
| 					iStart = oPaging.iTotalPages - iListLength + 1;
 | |
| 					iEnd = oPaging.iTotalPages;
 | |
| 				} else {
 | |
| 					iStart = oPaging.iPage - iHalf + 1;
 | |
| 					iEnd = iStart + iListLength - 1;
 | |
| 				}
 | |
| 
 | |
| 				for ( i=0, ien=an.length ; i<ien ; i++ ) {
 | |
| 					// Remove the middle elements
 | |
| 					$('li:gt(0)', an[i]).filter(':not(:last)').remove();
 | |
| 
 | |
| 					// Add the new list items and their event handlers
 | |
| 					for ( j=iStart ; j<=iEnd ; j++ ) {
 | |
| 						sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
 | |
| 						$('<li '+sClass+'><a href="#">'+j+'</a></li>')
 | |
| 							.insertBefore( $('li:last', an[i])[0] )
 | |
| 							.bind('click', function (e) {
 | |
| 								e.preventDefault();
 | |
| 								oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
 | |
| 								fnDraw( oSettings );
 | |
| 							} );
 | |
| 					}
 | |
| 
 | |
| 					// Add / remove disabled classes from the static elements
 | |
| 					if ( oPaging.iPage === 0 ) {
 | |
| 						$('li:first', an[i]).addClass('disabled');
 | |
| 					} else {
 | |
| 						$('li:first', an[i]).removeClass('disabled');
 | |
| 					}
 | |
| 
 | |
| 					if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
 | |
| 						$('li:last', an[i]).addClass('disabled');
 | |
| 					} else {
 | |
| 						$('li:last', an[i]).removeClass('disabled');
 | |
| 					}
 | |
| 				}
 | |
| 			}
 | |
| 		}
 | |
| 	} );
 | |
| }
 | |
| 
 | |
| 
 | |
| /*
 | |
|  * TableTools Bootstrap compatibility
 | |
|  * Required TableTools 2.1+
 | |
|  */
 | |
| if ( $.fn.DataTable.TableTools ) {
 | |
| 	// Set the classes that TableTools uses to something suitable for Bootstrap
 | |
| 	$.extend( true, $.fn.DataTable.TableTools.classes, {
 | |
| 		"container": "DTTT btn-group",
 | |
| 		"buttons": {
 | |
| 			"normal": "btn btn-default",
 | |
| 			"disabled": "disabled"
 | |
| 		},
 | |
| 		"collection": {
 | |
| 			"container": "DTTT_dropdown dropdown-menu",
 | |
| 			"buttons": {
 | |
| 				"normal": "",
 | |
| 				"disabled": "disabled"
 | |
| 			}
 | |
| 		},
 | |
| 		"print": {
 | |
| 			"info": "DTTT_print_info modal"
 | |
| 		},
 | |
| 		"select": {
 | |
| 			"row": "active"
 | |
| 		}
 | |
| 	} );
 | |
| 
 | |
| 	// Have the collection use a bootstrap compatible dropdown
 | |
| 	$.extend( true, $.fn.DataTable.TableTools.DEFAULTS.oTags, {
 | |
| 		"collection": {
 | |
| 			"container": "ul",
 | |
| 			"button": "li",
 | |
| 			"liner": "a"
 | |
| 		}
 | |
| 	} );
 | |
| } | 
