jquery-datatables 1.10.18 → 1.10.20

data/app/assets/javascripts/datatables/plugins/type-detection/ip-address.js

@@ -1,18 +1,120 @@
 /**
- * Automatically detect IP addresses in dot notation. Goes perfectly with the
- * IP address sorting function.
+ * Sorts a column containing IP addresses (IPv4 and IPv6) or IPv4 address and port delimited by ':' in typical dot
+ * notation / colon. This can be most useful when using DataTables for a
+ * networking application, and reporting information containing IP address.
  *
- *  @name IP address detection
- *  @summary Detect data which is in IP address notation
+ *  @name IP addresses 
+ *  @summary Sort IP addresses numerically
+ *  @author Dominique Fournier
  *  @author Brad Wasson
+ *  @author Peter Vilhan
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'ip-address', targets: 0 }
+ *       ]
+ *    } );
  */
 
-jQuery.fn.dataTableExt.aTypes.unshift(
-	function ( sData )
-	{
-		if (/^\d{1,3}[\.]\d{1,3}[\.]\d{1,3}[\.]\d{1,3}$/.test(sData)) {
-			return 'ip-address';
+
+jQuery.extend(jQuery.fn.dataTableExt.oSort, {
+	"ip-address-pre": function (a) {
+		var i, item;
+		var m, n, t;
+		var x, xa;
+
+		if (!a) {
+			return 0
+		}
+
+		a = a.replace(/<[\s\S]*?>/g, "");
+		//IPv4:Port
+		t = a.split(":");
+		if (t.length == 2) {
+			m = t[0].split(".");
+		}
+		else {
+			m = a.split(".");
+		}
+		n = a.split(":");
+		x = "";
+		xa = "";
+
+		if (m.length == 4) {
+			// IPV4
+			for (i = 0; i < m.length; i++) {
+				item = m[i];
+
+				if (item.length == 1) {
+					x += "00" + item;
+				}
+				else if (item.length == 2) {
+					x += "0" + item;
+				}
+				else {
+					x += item;
+				}
+			}
 		}
-		return null;
+		else if (n.length > 0) {
+			// IPV6
+			var count = 0;
+			for (i = 0; i < n.length; i++) {
+				item = n[i];
+
+				if (i > 0) {
+					xa += ":";
+				}
+
+				if (item.length === 0) {
+					count += 0;
+				}
+				else if (item.length == 1) {
+					xa += "000" + item;
+					count += 4;
+				}
+				else if (item.length == 2) {
+					xa += "00" + item;
+					count += 4;
+				}
+				else if (item.length == 3) {
+					xa += "0" + item;
+					count += 4;
+				}
+				else {
+					xa += item;
+					count += 4;
+				}
+			}
+
+			// Padding the ::
+			n = xa.split(":");
+			var paddDone = 0;
+
+			for (i = 0; i < n.length; i++) {
+				item = n[i];
+
+				if (item.length === 0 && paddDone === 0) {
+					for (var padding = 0; padding < (32 - count); padding++) {
+						x += "0";
+						paddDone = 1;
+					}
+				}
+				else {
+					x += item;
+				}
+			}
+		}
+
+		return x;
+	},
+
+	"ip-address-asc": function (a, b) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"ip-address-desc": function (a, b) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
 	}
-);
+});

data/app/assets/javascripts/datatables/plugins/type-detection/numString.js

@@ -0,0 +1,63 @@
+/**
+ * 
+ * This plug in will sort only on the number value that is included anywhere in a Regex.
+ * This is useful for sorting data which requires some extra context to be included in the table.
+ *
+ *  @name numString
+ *  @summary Sorting for number value that is included anywhere in a regex.
+ *  @author [Sandy Galloway](http://datatables.net)
+ *
+ * 
+ *  @example
+ * //This example shows a mixture of text and number values, with the number at the start of the expression.
+ * //It is using regex and start and end of expression tags.
+ * //It will match "5 examples completed." for example. 
+ * $(document).ready( function(){
+ *      $.fn.dataTable.numString(/^\d+ examples? completed.$/);
+ *      var table = $('#example').DataTable();
+ * })
+ * 
+ * @example
+ *  //This example shows a mixture of text and number values, with the number at the end of the expression.
+ * //It is using regex and start and end of expression tags.
+ * //It will match "Examples left: 67" for example. 
+ *  $(document).ready( function(){
+ *      $.fn.dataTable.numString(/^Examples? left: \d+$/);
+ *      var table = $('#example').DataTable();
+ * })
+ * 
+ * @example
+ * //This example shows a mixture of text and number values, with the number in the middle of the expression.
+ * //It is using regex and no start and end of expression tags.
+ * //It will match "Only 1 left." for example. 
+ *  $(document).ready(function(){
+ *      $.fn.dataTable.numString(/Only \d+ left./);
+ *      var table = $('example').DataTable();
+ * })
+ * 
+    */
+$.fn.dataTable.numString = function(format) {
+    //This is the type detection plug in
+    $.fn.dataTable.ext.type.detect.unshift(function(data) {
+      if (typeof data !== "string") {
+        return null;
+      }
+  
+      if (data.match(format)) {
+        return "numString-" + format.source;
+      }
+  
+      return null;
+    });
+    
+    //This is the ordering plug in
+    $.fn.dataTable.ext.type.order[
+      "numString-" + format.source + "-pre"
+    ] = function(data) {
+      var num = data.replace(/\D/g, "");
+  
+      return num * 1;
+    };
+    // end plug-in
+  };
+  

data/app/assets/javascripts/datatables/plugins/type-detection/percent.js

@@ -0,0 +1,34 @@
+/**
+ * Sort numeric data which has a percent sign with it.
+ *
+ * DataTables 1.10+ has percentage data type detection and sorting abilities
+ * built-in. As such this plug-in is marked as deprecated, but might be useful
+ * when working with old versions of DataTables.
+ * 
+ *  @name Percentage
+ *  @summary Sort numeric data with a postfixed percentage symbol
+ *  @deprecated
+ *  @author [Jonathan Romley](http://jonathanromley.org/)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'percent', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"percent-pre": function ( a ) {
+		var x = (a == "-") ? 0 : a.replace( /%/, "" );
+		return parseFloat( x );
+	},
+
+	"percent-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"percent-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );

data/app/assets/javascripts/datatables/plugins/type-detection/time-elapsed-dhms.js

@@ -0,0 +1,42 @@
+/**
+ * Created by caochenghua on 2016/12/22.
+ */
+
+/**
+ * When dealing with time elapsed, it is common to append a post fix
+ * such as d(day), h(hour), m(minute) or s(second) to a string in order to easily denote the brief duration
+ * of the time span from now. This plug-in allows sorting to take these
+ * indicates of size into account.
+ *
+ * A counterpart type detection plug-in is also available.
+ *
+ *  @name Time span
+ *  @summary Sort abbreviated time span correctly (2d 3h, 2h 8m, 3m 8s, 30s, etc)
+ *  @author Allan Jardine - datatables.net
+ *
+ *  @example
+ *    $('#example').DataTable( {
+ *       columnDefs: [
+ *         { type: 'time-elapsed-dhms', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+
+jQuery.fn.dataTable.ext.type.order['time-elapsed-dhms-pre'] = function(data) {
+
+    var matches = data.match(/^(\d+(?:\.\d+)?)\s*([a-z]+)/i);
+    var multipliers = {
+        s: 1,
+        m: 60,
+        h: 3600,
+        d: 86400
+    };
+
+    if (matches) {
+        var multiplier = multipliers[matches[2].toLowerCase()];
+        return parseFloat(matches[1]) * multiplier;
+    } else {
+        return -1;
+    };
+};

data/app/assets/javascripts/datatables/plugins/type-detection/time.js

@@ -0,0 +1,56 @@
+/**
+ * This plug-in provides the ability to sort columns that contains time
+ * information in the most common formats used. It will automatically detect
+ * those date types.
+ *
+ * Please note that this plug-in is **deprecated*. The
+ * [datetime](//datatables.net/blog/2014-12-18) plug-in provides enhanced
+ * functionality and flexibility.
+ *
+ *  @name Time (dd/mm/YY)
+ *  @summary Sort Times in the formats: `hh:mm, hh:mm:ss, hh:mm tt, hh:mm:ss tt`
+ *    e.g. '22:50, 22:50:40, 10:50 pm, 10:50:40 pm' 
+ *    am and pm are not case sensitive. white space is not compulsory
+ *  @author David Stoneham
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'time-uni', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend(jQuery.fn.dataTableExt.oSort, {
+    "time-uni-pre": function (a) {
+        var uniTime;
+
+        if (a.toLowerCase().indexOf("am") > -1 || (a.toLowerCase().indexOf("pm") > -1 && Number(a.split(":")[0]) === 12)) {
+            uniTime = a.toLowerCase().split("pm")[0].split("am")[0];
+            while (uniTime.indexOf(":") > -1) {
+                uniTime = uniTime.replace(":", "");
+            }
+        } else if (a.toLowerCase().indexOf("pm") > -1 || (a.toLowerCase().indexOf("am") > -1 && Number(a.split(":")[0]) === 12)) {
+            uniTime = Number(a.split(":")[0]) + 12;
+            var leftTime = a.toLowerCase().split("pm")[0].split("am")[0].split(":");
+            for (var i = 1; i < leftTime.length; i++) {
+                uniTime = uniTime + leftTime[i].trim().toString();
+            }
+        } else {
+            uniTime = a.replace(":", "");
+            while (uniTime.indexOf(":") > -1) {
+                uniTime = uniTime.replace(":", "");
+            }
+        }
+        return Number(uniTime);
+    },
+
+    "time-uni-asc": function (a, b) {
+        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+    },
+
+    "time-uni-desc": function (a, b) {
+        return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+    }
+});

data/app/assets/javascripts/datatables/plugins/type-detection/title-numeric.js

@@ -0,0 +1,40 @@
+/**
+ * An alternative to the formatted number sorting function above (particularly
+ * useful when considering localisation which uses dots / periods for 10^3
+ * separation rather than decimal places). Another method of overcoming it
+ * difficulties of sorting formatted numbers is to have the data to be sorted
+ * upon separate from the visual data. This sorting function pair will use the
+ * 'title' attribute of en empty span element (or anything else) to sort
+ * numerically (for example `<span title="1000000"><span>1'000'000`).
+ *
+ * Note that the HTML5 `data-sort` attribute can be [used to supply sorting data
+ * to DataTables](//datatables.net/manual/orthogonal-data) and is preferable to
+ * using this method, which is therefore marked as deprecated.
+ * 
+ *  @name Hidden title numeric sorting
+ *  @summary Sort data numerically based on an attribute on an empty element.
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'title-numeric', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"title-numeric-pre": function ( a ) {
+		var x = a.match(/title="*(-?[0-9\.]+)/)[1];
+		return parseFloat( x );
+	},
+
+	"title-numeric-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"title-numeric-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );

data/app/assets/javascripts/datatables/plugins/type-detection/title-string.js

@@ -0,0 +1,36 @@
+/**
+ * Just like the _hidden title numeric sorting_ plug-in, this sorting plug-in
+ * will take the information to be sorted on from the title attribute of a span
+ * element. The only difference is that it is string based sorting rather than
+ * numeric.
+ *
+ * Note that the HTML5 `data-sort` attribute can be [used to supply sorting data
+ * to DataTables](//datatables.net/manual/orthogonal-data) and is preferable to
+ * using this method, which is therefore marked as deprecated.
+ * 
+ *  @name Hidden title string sorting
+ *  @summary Sort data as a string based on an attribute on an empty element.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'title-string', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"title-string-pre": function ( a ) {
+		return a.match(/title="(.*?)"/)[1].toLowerCase();
+	},
+
+	"title-string-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"title-string-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );

data/app/assets/stylesheets/datatables/dataTables.foundation.scss

@@ -111,19 +111,19 @@ table.dataTable thead {
 	}
 
 	.sorting {
-		background-image: url('../images/sort_both.png');
+		background-image: image-url("datatables/sort_both.png");
 	}
 	.sorting_asc {
-		background-image: url('../images/sort_asc.png');
+		background-image: image-url("datatables/sort_asc.png");
 	}
 	.sorting_desc {
-		background-image: url('../images/sort_desc.png');
+		background-image: image-url("datatables/sort_desc.png");
 	}
 	.sorting_asc_disabled {
-		background-image: url('../images/sort_asc_disabled.png');
+		background-image: image-url("datatables/sort_asc_disabled.png");
 	}
 	.sorting_desc_disabled {
-		background-image: url('../images/sort_desc_disabled.png');
+		background-image: image-url("datatables/sort_desc_disabled.png");
 	}
 }
 

data/app/assets/stylesheets/datatables/dataTables.material.scss

@@ -98,4 +98,4 @@ table.dataTable thead {
 	.sorting_desc_disabled:after {
 		opacity: 0;
 	}
-}
+}

data/app/assets/stylesheets/datatables/extensions/AutoFill/autoFill.dataTables.scss

@@ -1,8 +1,8 @@
 
 $autofill-define-button: true !default;
 $autofill-outline: #4989de !default;
-$autofill-handle-border: 1px solid #316ad1 !default;
-$autofill-handle-background: linear-gradient(to bottom, #abcffb 0%, #4989de 100%) !default;
+$autofill-handle-background: #3366ff !default;
+$autofill-handle-background-focus: #ff8b33 !default;
 
 
 div.dt-autofill-handle {
@@ -12,8 +12,15 @@ div.dt-autofill-handle {
 	z-index: 102;
 
 	box-sizing: border-box;
-	border: $autofill-handle-border;
 	background: $autofill-handle-background;
+	cursor: pointer;
+}
+
+// KeyTable alt focus
+div.dtk-focus-alt {
+	div.dt-autofill-handle {
+		background: $autofill-handle-background-focus;
+	}
 }
 
 div.dt-autofill-select {

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.bootstrap.scss

@@ -2,9 +2,18 @@
 @import 'mixins.scss';
 @import 'common.scss';
 
-ul.dt-button-collection.dropdown-menu {
-	display: block;
-	z-index: 2002;
+div.dt-button-collection {
+	position: absolute;
+
+	ul.dropdown-menu {
+		display: block;
+		z-index: 2002;
+		min-width: 100%;
+	}
+
+	div.dt-button-collection-title {
+		background-color: white;
+	}
 
 	@include dtb-fixed-collection();
 }

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.bootstrap4.scss

@@ -2,14 +2,21 @@
 @import 'mixins.scss';
 @import 'common.scss';
 
-ul.dt-button-collection.dropdown-menu {
-	display: block;
-	z-index: 2002;
+div.dt-button-collection {
+	position: absolute;
+	z-index: 2001;
+
+	div.dropdown-menu {
+		display: block;
+		z-index: 2002;
+		min-width: 100%;
+	}
 
-	@include dtb-fixed-collection();
-}
+	div.dt-button-collection-title {
+		background-color: white;
+		border: 1px solid rgba(0, 0, 0, 0.15);
+	}
 
-ul.dt-button-collection {
 	@include dtb-fixed-collection();
 
 	&.fixed {

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.dataTables.scss

@@ -27,6 +27,7 @@ a.dt-button {
 	user-select: none;
 	text-decoration: none;
 	outline: none;
+	text-overflow: ellipsis;
 
 	&.disabled {
 		color: #999;
@@ -92,6 +93,7 @@ div.dt-button-collection {
 	z-index: 2002;
 	border-radius: 5px;
 	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
+	box-sizing: border-box;
 
 	button.dt-button,
 	div.dt-button,

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.foundation.scss

@@ -17,7 +17,9 @@ ul.dt-buttons.button-group a {
 	                  // active class to look wrong
 }
 
-ul.dt-button-collection.f-dropdown {
+div.dt-button-collection {
+	position: absolute;
+
 	@include dtb-fixed-collection();
 
 	&.fixed {
@@ -60,11 +62,13 @@ div.button-group.stacked.dropdown-pane {
 	z-index: 89;
 
 	a.button {
+		display: block;
 		margin-bottom: 1px;
 		border-right: none;
 
 		&:last-child {
 			margin-bottom: 0;
+			margin-right: 1px;
 		}
 	}
 }

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.jqueryui.scss

@@ -49,6 +49,7 @@ div.dt-button-collection {
 		left: 0;
 		right: 0;
 		width: 100%;
+		box-sizing: border-box;
 
 		display: block;
 		float: none;

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.semanticui.scss

@@ -6,7 +6,7 @@ div.dt-button-collection {
 	position: absolute;
 	top: 0;
 	left: 0;
-	width: 150px;
+	min-width: 200px;
 	margin-top: 3px !important;
 	z-index: 2002;
 	background: white;
@@ -20,6 +20,7 @@ button.buttons-collection.ui.button span:after {
 	padding-left: 0.5em;
 }
 
+
 div.dt-button-background {
 	position: fixed;
 	top: 0;

data/app/assets/stylesheets/datatables/extensions/Buttons/common.scss

@@ -25,3 +25,13 @@ div.dt-button-info {
 		padding: 1em;
 	}
 }
+
+div.dt-button-collection-title {
+	text-align: center;
+	padding: 0.3em 0 0.5em;
+	font-size: 0.9em;
+}
+
+div.dt-button-collection-title:empty {
+	display: none;
+}