Website templates

startbootstrap-sb-admin-2-1.0.5/bower_components/datatables-plugins/pagination/select.js

@@ -0,0 +1,97 @@
+/**
+ * This pagination plug-in provides a `dt-tag select` menu with the list of the page
+ * numbers that are available for viewing.
+ *
+ *  @name Select list
+ *  @summary Show a `dt-tag select` list of pages the user can pick from.
+ *  @author _jneilliii_
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "sPaginationType": "listbox"
+ *        } );
+ *    } );
+ */
+
+$.fn.dataTableExt.oPagination.listbox = {
+	/*
+	 * Function: oPagination.listbox.fnInit
+	 * Purpose:  Initalise dom elements required for pagination with listbox input
+	 * Returns:  -
+	 * Inputs:   object:oSettings - dataTables settings object
+	 *             node:nPaging - the DIV which contains this pagination control
+	 *             function:fnCallbackDraw - draw function which must be called on update
+	 */
+	"fnInit": function (oSettings, nPaging, fnCallbackDraw) {
+		var nInput = document.createElement('select');
+		var nPage = document.createElement('span');
+		var nOf = document.createElement('span');
+		nOf.className = "paginate_of";
+		nPage.className = "paginate_page";
+		if (oSettings.sTableId !== '') {
+			nPaging.setAttribute('id', oSettings.sTableId + '_paginate');
+		}
+		nInput.style.display = "inline";
+		nPage.innerHTML = "Page ";
+		nPaging.appendChild(nPage);
+		nPaging.appendChild(nInput);
+		nPaging.appendChild(nOf);
+		$(nInput).change(function (e) { // Set DataTables page property and redraw the grid on listbox change event.
+			window.scroll(0,0); //scroll to top of page
+			if (this.value === "" || this.value.match(/[^0-9]/)) { /* Nothing entered or non-numeric character */
+				return;
+			}
+			var iNewStart = oSettings._iDisplayLength * (this.value - 1);
+			if (iNewStart > oSettings.fnRecordsDisplay()) { /* Display overrun */
+				oSettings._iDisplayStart = (Math.ceil((oSettings.fnRecordsDisplay() - 1) / oSettings._iDisplayLength) - 1) * oSettings._iDisplayLength;
+				fnCallbackDraw(oSettings);
+				return;
+			}
+			oSettings._iDisplayStart = iNewStart;
+			fnCallbackDraw(oSettings);
+		}); /* Take the brutal approach to cancelling text selection */
+		$('span', nPaging).bind('mousedown', function () {
+			return false;
+		});
+		$('span', nPaging).bind('selectstart', function () {
+			return false;
+		});
+	},
+	 
+	/*
+	 * Function: oPagination.listbox.fnUpdate
+	 * Purpose:  Update the listbox element
+	 * Returns:  -
+	 * Inputs:   object:oSettings - dataTables settings object
+	 *             function:fnCallbackDraw - draw function which must be called on update
+	 */
+	"fnUpdate": function (oSettings, fnCallbackDraw) {
+		if (!oSettings.aanFeatures.p) {
+			return;
+		}
+		var iPages = Math.ceil((oSettings.fnRecordsDisplay()) / oSettings._iDisplayLength);
+		var iCurrentPage = Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength) + 1; /* Loop over each instance of the pager */
+		var an = oSettings.aanFeatures.p;
+		for (var i = 0, iLen = an.length; i < iLen; i++) {
+			var spans = an[i].getElementsByTagName('span');
+			var inputs = an[i].getElementsByTagName('select');
+			var elSel = inputs[0];
+			if(elSel.options.length != iPages) {
+				elSel.options.length = 0; //clear the listbox contents
+				for (var j = 0; j < iPages; j++) { //add the pages
+					var oOption = document.createElement('option');
+					oOption.text = j + 1;
+					oOption.value = j + 1;
+					try {
+						elSel.add(oOption, null); // standards compliant; doesn't work in IE
+					} catch (ex) {
+						elSel.add(oOption); // IE only
+					}
+				}
+				spans[1].innerHTML = "&nbsp;of&nbsp;" + iPages;
+			}
+		  elSel.value = iCurrentPage;
+		}
+	}
+};