diff --git a/webroot/components/datatables-plugins/api/average().js b/webroot/components/datatables-plugins/api/average().js
new file mode 100644
index 0000000..cb400d6
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/average().js
@@ -0,0 +1,32 @@
+/**
+ * It can sometimes be useful to get the average of data in an API result set,
+ * be it from a column, or a collection of cells. This method provides exactly
+ * that ability.
+ *
+ *  @name average()
+ *  @summary Average the values in a data set.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @requires DataTables 1.10+
+ *
+ * @returns {Number} Calculated average
+ *
+ *  @example
+ *    // Average a column
+ *    var table = $('#example').DataTable();
+ *    table.column( 3 ).data().average();
+ *
+ *  @example
+ *    // Average two cells
+ *    var table = $('#example').DataTable();
+ *    table.cells( 0, [3,4] ).data().average();
+ */
+
+jQuery.fn.dataTable.Api.register( 'average()', function () {
+    var data = this.flatten();
+    var sum = data.reduce( function ( a, b ) {
+        return (a*1) + (b*1); // cast values in-case they are strings
+    }, 0 );
+ 
+    return sum / data.length;
+} );
+
diff --git a/webroot/components/datatables-plugins/api/column().title().js b/webroot/components/datatables-plugins/api/column().title().js
new file mode 100644
index 0000000..56394ea
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/column().title().js
@@ -0,0 +1,21 @@
+/**
+ * This plug-in will read the text from the header cell of a column, returning
+ * that value.
+ *
+ *  @name column().title()
+ *  @summary Get the title of a column
+ *  @author Alejandro Navarro
+ *  @requires DataTables 1.10+
+ *
+ * @returns {String} Column title
+ *
+ *  @example
+ *    // Read the title text of column index 3
+ *    var table = $('#example').DataTable();
+ *    table.column( 3 ).title();
+ */
+
+$.fn.dataTable.Api.register( 'column().title()', function () {
+    var colheader = this.header();
+    return $(colheader).text().trim();
+} );
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/api/columns().order().js b/webroot/components/datatables-plugins/api/columns().order().js
new file mode 100644
index 0000000..46b6488
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/columns().order().js
@@ -0,0 +1,46 @@
+/**
+ * The DataTables core library provides the ability to set the ordering via the
+ * `dt-api column().order()` method, but there is no plural equivalent. While
+ * multi-column ordering can be set using `dt-api order()` that method requires
+ * that column indexes be used.
+ *
+ * This plug-in provides the plural `columns().order()` method so you can set
+ * multi-column ordering, while retaining the benefits of the `dt-api columns()`
+ * selector options.
+ *
+ *  @name columns().order()
+ *  @summary Apply multi-column ordering through the columns() API method.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @requires DataTables 1.10+
+ *  @param {string|array} dir The order to apply to the columns selected. This
+ *    can be a string (`asc` or `desc`) which will be applied to all columns,
+ *    or an array (again `asc` or `desc` as the elements in the array) which is
+ *    the same length as the number of columns selected, and will be applied to
+ *    the columns in sequence.
+ *
+ * @returns {DataTables.Api} DataTables API instance
+ *
+ *  @example
+ *    // Apply multi-column sorting with a common direction
+ *    table.columns( [ 1, 2 ] ).order( 'desc' ).draw();
+ *
+ *  @example
+ *    // Multi-column sorting with individual direction for the columns
+ *    table.columns( [ 1, 2 ] ).order( [ 'desc', 'asc' ] ).draw();
+ *
+ *  @example
+ *    // Multi-column sorting based on a name selector
+ *    table.columns( [ 'sign_up_date:name', 'user_name:name' ] ).order( 'desc' ).draw();
+ */
+
+$.fn.dataTable.Api.register( 'columns().order()', function ( dir ) {
+  return this.iterator( 'columns', function ( settings, columns ) {
+    var a = [];
+    
+    for ( var i=0, ien=columns.length ; i<ien ; i++ ) {
+      a.push( [ columns[i], $.isArray(dir) ? dir[i] : dir ] );
+    }
+    
+    new $.fn.dataTable.Api( settings ).order( a );
+  } );
+} );
diff --git a/webroot/components/datatables-plugins/api/fnAddDataAndDisplay.js b/webroot/components/datatables-plugins/api/fnAddDataAndDisplay.js
new file mode 100644
index 0000000..4441658
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnAddDataAndDisplay.js
@@ -0,0 +1,63 @@
+/**
+ * Add a new row to the table and display it on the screen by jumping the
+ * pagination to the required location. This function also returns an object
+ * with the added `dt-tag TR` element and it's index in `aoData` such that you
+ * could provide an effect (fade for example) to show which row has been added.
+ *
+ * This function is a drop in replacement for `fnAddData` with one important
+ * exception, it will only take a 1D array or an object, and not a 2D array
+ * (i.e. it will not add multiple rows like `fnAddData`).
+ *
+ *  @name fnAddDataAndDisplay
+ *  @summary Add data and shift the paging to display it immediately
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @param {data} aData Data to add to the table
+ *  @returns {object} Object with `nTr` and `iPos` parameters, where the former
+ *    is the added `dt-tag tr` element and the latter is the row's index.
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').dataTable();
+ *        table.fnAddDataAndDisplay( [ 1, 2, 3, 4, 5, ... ] );
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnAddDataAndDisplay = function ( oSettings, aData )
+{
+	/* Add the data */
+	var iAdded = this.oApi._fnAddData( oSettings, aData );
+	var nAdded = oSettings.aoData[ iAdded ].nTr;
+
+	/* Need to re-filter and re-sort the table to get positioning correct, not perfect
+	 * as this will actually redraw the table on screen, but the update should be so fast (and
+	 * possibly not alter what is already on display) that the user will not notice
+	 */
+	this.oApi._fnReDraw( oSettings );
+
+	/* Find it's position in the table */
+	var iPos = -1;
+	for( var i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ )
+	{
+		if( oSettings.aoData[ oSettings.aiDisplay[i] ].nTr == nAdded )
+		{
+			iPos = i;
+			break;
+		}
+	}
+
+	/* Get starting point, taking account of paging */
+	if( iPos >= 0 )
+	{
+		oSettings._iDisplayStart = ( Math.floor(i / oSettings._iDisplayLength) ) * oSettings._iDisplayLength;
+		if ( this.oApi._fnCalculateEnd ) {
+			this.oApi._fnCalculateEnd( oSettings );
+		}
+	}
+
+	this.oApi._fnDraw( oSettings );
+	return {
+		"nTr": nAdded,
+		"iPos": iAdded
+	};
+};
diff --git a/webroot/components/datatables-plugins/api/fnAddTr.js b/webroot/components/datatables-plugins/api/fnAddTr.js
new file mode 100644
index 0000000..594d8e4
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnAddTr.js
@@ -0,0 +1,74 @@
+/**
+ * This method will add an existing `dt-tag tr` element to a DataTable. This can
+ * be useful for maintaining custom classes and other attributes which have
+ * been explicitly assigned to the row.
+ *
+ * DataTables 1.10+ has `dt-api row.add()` and `dt-api rows.add()` which have
+ * this ability built in, and extend it to be able to use jQuery objects as well
+ * as plain `dt-tag tr` elements. As such this method is marked deprecated, but
+ * is available for use with legacy version of DataTables. Please use the
+ * new API if you are used DataTables 1.10 or newer.
+ *
+ *  @name fnAddTr
+ *  @summary Add a `dt-tag tr` element to the table
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @param {node} nTr `dt-tag tr` element to add to the table
+ *  @param {boolean} [bRedraw=false] Indicate if the table should do a redraw or not.
+ *
+ *  @example
+ *    var table = $('#example').dataTable();
+ *    table.fnAddTr( $('<tr>'+
+ *         '<td>1</td>'+
+ *         '<td>2</td>'+
+ *         '<td>3</td>'+
+ *      '</tr>')[0]
+ *    );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnAddTr = function ( oSettings, nTr, bRedraw ) {
+    if ( typeof bRedraw == 'undefined' )
+    {
+        bRedraw = true;
+    }
+
+    var nTds = nTr.getElementsByTagName('td');
+    if ( nTds.length != oSettings.aoColumns.length )
+    {
+        alert( 'Warning: not adding new TR - columns and TD elements must match' );
+        return;
+    }
+
+    var aData = [];
+    var aInvisible = [];
+    var i;
+    for ( i=0 ; i<nTds.length ; i++ )
+    {
+        aData.push( nTds[i].innerHTML );
+        if (!oSettings.aoColumns[i].bVisible)
+        {
+            aInvisible.push( i );
+        }
+    }
+
+    /* Add the data and then replace DataTable's generated TR with ours */
+    var iIndex = this.oApi._fnAddData( oSettings, aData );
+    nTr._DT_RowIndex = iIndex;
+    oSettings.aoData[ iIndex ].nTr = nTr;
+
+    oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
+
+    // Hidding invisible columns
+    for ( i = (aInvisible.length - 1) ; i >= 0 ; i-- )
+    {
+		oSettings.aoData[iIndex]._anHidden[ i ] = nTds[aInvisible[i]];
+		nTr.removeChild( nTds[aInvisible[i]] );
+    }
+
+	// Redraw
+    if ( bRedraw )
+    {
+        this.oApi._fnReDraw( oSettings );
+    }
+};
diff --git a/webroot/components/datatables-plugins/api/fnColumnIndexToVisible.js b/webroot/components/datatables-plugins/api/fnColumnIndexToVisible.js
new file mode 100644
index 0000000..2e106ec
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnColumnIndexToVisible.js
@@ -0,0 +1,33 @@
+/**
+ * When DataTables removes columns from the display (`bVisible` or
+ * `fnSetColumnVis`) it removes these elements from the DOM, effecting the index
+ * value for the column positions. This function converts the data column index
+ * (i.e. all columns regardless of visibility) into a visible column index.
+ *
+ * DataTables 1.10+ has this ability built-in through the
+ * `dt-api column.index()` method. As such this method is marked deprecated, but
+ * is available for use with legacy version of DataTables.
+ *
+ *  @name fnColumnIndexToVisible
+ *  @summary Convert a column data index to a visible index.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @param {integer} iMatch Column data index to convert to visible index
+ *  @returns {integer} Visible column index
+ *
+ *  @example
+ *    var table = $('#example').dataTable( {
+ *      aoColumnDefs: [
+ *        { bVisible: false, aTargets: [1] }
+ *      ]
+ *    } );
+ *
+ *    // This will show 1
+ *    alert( 'Column 2 visible index: '+table.fnColumnIndexToVisible(2) );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnColumnIndexToVisible = function ( oSettings, iMatch )
+{
+	return oSettings.oApi._fnColumnIndexToVisible( oSettings, iMatch );
+};
diff --git a/webroot/components/datatables-plugins/api/fnDataUpdate.js b/webroot/components/datatables-plugins/api/fnDataUpdate.js
new file mode 100644
index 0000000..371e366
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnDataUpdate.js
@@ -0,0 +1,25 @@
+/**
+ * Update the internal data for a `dt-tag tr` element based on what is used in the 
+ * DOM. You will likely want to call fnDraw() after this function.
+ *
+ * DataTables 1.10+ has this ability built-in through the
+ * `dt-api row().invalidate()` method. As such this method is marked deprecated,
+ * but is available for use with legacy version of DataTables. Please use the
+ * new API if you are used DataTables 1.10 or newer.
+ * 
+ *  @name fnDataUpdate
+ *  @summary Update DataTables cached data from the DOM
+ *  @author Lior Gerson
+ *  @deprecated
+ *
+ *  @param {node} nTr `dt-tag tr` element to get the data from
+ *  @param {integer} iRowIndex Row's position in the table (`fnGetPosition`).
+ */
+
+jQuery.fn.dataTableExt.oApi.fnDataUpdate = function ( oSettings, nRowObject, iRowIndex )
+{
+	jQuery(nRowObject).find("TD").each( function(i) {
+		  var iColIndex = oSettings.oApi._fnVisibleToColumnIndex( oSettings, i );
+		  oSettings.oApi._fnSetCellData( oSettings, iRowIndex, iColIndex, jQuery(this).html() );
+	} );
+};
diff --git a/webroot/components/datatables-plugins/api/fnDisplayRow.js b/webroot/components/datatables-plugins/api/fnDisplayRow.js
new file mode 100644
index 0000000..ce47834
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnDisplayRow.js
@@ -0,0 +1,46 @@
+/**
+ * This plug-in will take a `dt-tag tr` element and alter the table's paging
+ * to make that `dt-tag tr` element (i.e. that row) visible.
+ *
+ *  @name fnDisplayRow
+ *  @summary Shift the table's paging to display a given `dt-tag tr` element
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @param {node} nRow Row to display
+ *
+ *  @example
+ *    // Display the 21st row in the table
+ *    var table = $('#example').dataTable();
+ *    table.fnDisplayRow( table.fnGetNodes()[20] );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnDisplayRow = function ( oSettings, nRow )
+{
+	// Account for the "display" all case - row is already displayed
+	if ( oSettings._iDisplayLength == -1 )
+	{
+		return;
+	}
+
+	// Find the node in the table
+	var iPos = -1;
+	for( var i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ )
+	{
+		if( oSettings.aoData[ oSettings.aiDisplay[i] ].nTr == nRow )
+		{
+			iPos = i;
+			break;
+		}
+	}
+
+	// Alter the start point of the paging display
+	if( iPos >= 0 )
+	{
+		oSettings._iDisplayStart = ( Math.floor(i / oSettings._iDisplayLength) ) * oSettings._iDisplayLength;
+		if ( this.oApi._fnCalculateEnd ) {
+			this.oApi._fnCalculateEnd( oSettings );
+		}
+	}
+
+	this.oApi._fnDraw( oSettings );
+};
diff --git a/webroot/components/datatables-plugins/api/fnDisplayStart.js b/webroot/components/datatables-plugins/api/fnDisplayStart.js
new file mode 100644
index 0000000..4bb273b
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnDisplayStart.js
@@ -0,0 +1,32 @@
+/**
+ * Set the point at which DataTables will start it's display of data in the
+ * table.
+ *
+ *  @name fnDisplayStart
+ *  @summary Change the table's paging display start.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @param {integer} iStart Display start index.
+ *  @param {boolean} [bRedraw=false] Indicate if the table should do a redraw or not.
+ *
+ *  @example
+ *    var table = $('#example').dataTable();
+ *    table.fnDisplayStart( 21 );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnDisplayStart = function ( oSettings, iStart, bRedraw )
+{
+    if ( typeof bRedraw == 'undefined' ) {
+        bRedraw = true;
+    }
+
+    oSettings._iDisplayStart = iStart;
+    if ( oSettings.oApi._fnCalculateEnd ) {
+        oSettings.oApi._fnCalculateEnd( oSettings );
+    }
+
+    if ( bRedraw ) {
+        oSettings.oApi._fnDraw( oSettings );
+    }
+};
diff --git a/webroot/components/datatables-plugins/api/fnFakeRowspan.js b/webroot/components/datatables-plugins/api/fnFakeRowspan.js
new file mode 100644
index 0000000..e3d9f48
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnFakeRowspan.js
@@ -0,0 +1,66 @@
+/**
+ * Creates `rowspan` cells in a column when there are two or more cells in a 
+ * row with the same content, effectively grouping them together visually. 
+ * 
+ * **Note** - this plug-in currently only operates correctly with 
+ * **server-side processing**.
+ *
+ *  @name fnFakeRowspan
+ *  @summary Create a rowspan for cells which share data
+ *  @author Fredrik Wendel
+ *
+ *  @param {interger} iColumn Column index to have row span
+ *  @param {boolean} [bCaseSensitive=true] If the data check should be case
+ *    sensitive or not.
+ *  @returns {jQuery} jQuery instance
+ *
+ *  @example
+ *    $('#example').dataTable().fnFakeRowspan(3);
+ */
+
+jQuery.fn.dataTableExt.oApi.fnFakeRowspan = function ( oSettings, iColumn, bCaseSensitive ) {
+	/* Fail silently on missing/errorenous parameter data. */
+	if (isNaN(iColumn)) {
+		return false;
+	}
+
+	if (iColumn < 0 || iColumn > oSettings.aoColumns.length-1) {
+		alert ('Invalid column number choosen, must be between 0 and ' + (oSettings.aoColumns.length-1));
+		return false;
+	}
+
+	bCaseSensitive = (typeof(bCaseSensitive) != 'boolean' ? true : bCaseSensitive);
+
+	function fakeRowspan () {
+		var firstOccurance = null,
+			value = null,
+			rowspan = 0;
+		jQuery.each(oSettings.aoData, function (i, oData) {
+			var val = oData._aData[iColumn],
+				cell = oData.nTr.childNodes[iColumn];
+			/* Use lowercase comparison if not case-sensitive. */
+			if (!bCaseSensitive) {
+				val = val.toLowerCase();
+			}
+			/* Reset values on new cell data. */
+			if (val != value) {
+				value = val;
+				firstOccurance = cell;
+				rowspan = 0;
+			}
+
+			if (val == value) {
+				rowspan++;
+			}
+
+			if (firstOccurance !== null && val == value && rowspan > 1) {
+				oData.nTr.removeChild(cell);
+				firstOccurance.rowSpan = rowspan;
+			}
+		});
+	}
+
+	oSettings.aoDrawCallback.push({ "fn": fakeRowspan, "sName": "fnFakeRowspan" });
+
+	return this;
+};
diff --git a/webroot/components/datatables-plugins/api/fnFilterAll.js b/webroot/components/datatables-plugins/api/fnFilterAll.js
new file mode 100644
index 0000000..6a4cf92
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnFilterAll.js
@@ -0,0 +1,39 @@
+/**
+ * Apply the same filter to all DataTable instances on a particular page. The
+ * function call exactly matches that used by `fnFilter()` so regular expression
+ * and individual column sorting can be used.
+ *
+ * DataTables 1.10+ provides this ability through its new API, which is able to
+ * to control multiple tables at a time.
+ * `$('.dataTable').DataTable().search( ... )` for example will apply the same
+ * filter to all tables on the page. The new API should be used in preference
+ * to this older method if at all possible.
+ *
+ *  @name fnFilterAll
+ *  @summary Apply a common filter to all DataTables on a page
+ *  @author [Kristoffer Karlström](http://www.kmmtiming.se/)
+ *  @deprecated
+ *
+ *  @param {string} sInput Filtering input
+ *  @param {integer} [iColumn=null] Column to apply the filter to
+ *  @param {boolean} [bRegex] Regular expression flag
+ *  @param {boolean} [bSmart] Smart filtering flag
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *      var table = $(".dataTable").dataTable();
+ *       
+ *      $("#search").keyup( function () {
+ *        // Filter on the column (the index) of this element
+ *        table.fnFilterAll(this.value);
+ *      } );
+ *    });
+ */
+
+jQuery.fn.dataTableExt.oApi.fnFilterAll = function(oSettings, sInput, iColumn, bRegex, bSmart) {
+    var settings = $.fn.dataTableSettings;
+
+    for ( var i=0 ; i<settings.length ; i++ ) {
+      settings[i].oInstance.fnFilter( sInput, iColumn, bRegex, bSmart);
+    }
+};
diff --git a/webroot/components/datatables-plugins/api/fnFilterClear.js b/webroot/components/datatables-plugins/api/fnFilterClear.js
new file mode 100644
index 0000000..763e2e4
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnFilterClear.js
@@ -0,0 +1,63 @@
+/**
+ * Remove all filtering that has been applied to a DataTable, be it column
+ * based filtering or global filtering.
+ *
+ * DataTables 1.10+ new API can achieve the same effect as this plug-in, without
+ * the requirement for plug-ins using the following chaining:
+ *
+ * ```js
+ * var table = $('#example').DataTable();
+ * table
+ *   .search( '' )
+ *   .columns().search( '' )
+ *   .draw();
+ * ```
+ *
+ * Please use the new API in DataTables 1.10+ is you are able to do so.
+ *
+ *  @name fnFilterClear
+ *  @summary Remove all column and global filters applied to a table
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').dataTable();
+ *         
+ *        // Perform a filter
+ *        table.fnFilter('Win');
+ *        table.fnFilter('Trident', 0);
+ *         
+ *        // Remove all filtering
+ *        table.fnFilterClear();
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnFilterClear  = function ( oSettings )
+{
+	var i, iLen;
+
+	/* Remove global filter */
+	oSettings.oPreviousSearch.sSearch = "";
+
+	/* Remove the text of the global filter in the input boxes */
+	if ( typeof oSettings.aanFeatures.f != 'undefined' )
+	{
+		var n = oSettings.aanFeatures.f;
+		for ( i=0, iLen=n.length ; i<iLen ; i++ )
+		{
+			$('input', n[i]).val( '' );
+		}
+	}
+
+	/* Remove the search text for the column filters - NOTE - if you have input boxes for these
+	 * filters, these will need to be reset
+	 */
+	for ( i=0, iLen=oSettings.aoPreSearchCols.length ; i<iLen ; i++ )
+	{
+		oSettings.aoPreSearchCols[i].sSearch = "";
+	}
+
+	/* Redraw */
+	oSettings.oApi._fnReDraw( oSettings );
+};
diff --git a/webroot/components/datatables-plugins/api/fnFilterOnReturn.js b/webroot/components/datatables-plugins/api/fnFilterOnReturn.js
new file mode 100644
index 0000000..8737bc4
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnFilterOnReturn.js
@@ -0,0 +1,36 @@
+/**
+ * This plug-in removes the default behaviour of DataTables to filter on each
+ * keypress, and replaces with it the requirement to press the enter key to
+ * perform the filter.
+ *
+ *  @name fnFilterOnReturn
+ *  @summary Require the return key to be pressed to filter a table
+ *  @author [Jon Ranes](http://www.mvccms.com/)
+ *
+ *  @returns {jQuery} jQuery instance
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('.dataTable').dataTable().fnFilterOnReturn();
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnFilterOnReturn = function (oSettings) {
+	var _that = this;
+
+	this.each(function (i) {
+		$.fn.dataTableExt.iApiIndex = i;
+		var $this = this;
+		var anControl = $('input', _that.fnSettings().aanFeatures.f);
+		anControl
+			.unbind('keyup search input')
+			.bind('keypress', function (e) {
+				if (e.which == 13) {
+					$.fn.dataTableExt.iApiIndex = i;
+					_that.fnFilter(anControl.val());
+				}
+			});
+		return this;
+	});
+	return this;
+};
diff --git a/webroot/components/datatables-plugins/api/fnFindCellRowIndexes.js b/webroot/components/datatables-plugins/api/fnFindCellRowIndexes.js
new file mode 100644
index 0000000..6ce3161
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnFindCellRowIndexes.js
@@ -0,0 +1,55 @@
+/**
+ * Search through a table looking for a given string (optionally the search
+ * can be restricted to a single column). The return value is an array with
+ * the data indexes (from DataTables' internal data store) for any rows which
+ * match.
+ *
+ *  @name fnFindCellRowIndexes
+ *  @summary Search for data, returning row indexes
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @param {string} sSearch Data to search for
+ *  @param {integer} [iColumn=null] Limit search to this column
+ *  @returns {array} Array of row indexes with this data
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').dataTable();
+ * 
+ *        var a = table.fnFindCellRowIndexes( '1.7' ); // Search all columns
+ *
+ *        var b = table.fnFindCellRowIndexes( '1.7', 3 );  // Search only column 3
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnFindCellRowIndexes = function ( oSettings, sSearch, iColumn )
+{
+	var
+		i,iLen, j, jLen, val,
+		aOut = [], aData,
+		columns = oSettings.aoColumns;
+
+	for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ )
+	{
+		aData = oSettings.aoData[i]._aData;
+
+		if ( iColumn === undefined )
+		{
+			for ( j=0, jLen=columns.length ; j<jLen ; j++ )
+			{
+				val = this.fnGetData(i, j);
+
+				if ( val == sSearch )
+				{
+					aOut.push( i );
+				}
+			}
+		}
+		else if (this.fnGetData(i, iColumn) == sSearch )
+		{
+			aOut.push( i );
+		}
+	}
+
+	return aOut;
+};
diff --git a/webroot/components/datatables-plugins/api/fnFindCellRowNodes.js b/webroot/components/datatables-plugins/api/fnFindCellRowNodes.js
new file mode 100644
index 0000000..b15c466
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnFindCellRowNodes.js
@@ -0,0 +1,55 @@
+/**
+ * Much like `fnFindCellRowIndexes` this plug-in will search a table for
+ * matching data (optionally the search can be restricted to a single column),
+ * but in this case the returned array contains `dt-tag tr` nodes of the
+ * matching rows, rather than data indexes.
+ *
+ *  @name fnFindCellRowNodes
+ *  @summary Search for data, returning row nodes
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @param {string} sSearch Data to search for
+ *  @param {integer} [iColumn=null] Limit search to this column
+ *  @returns {array} Array of `dt-tag tr` element with this data
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').dataTable();
+ *    
+ *        var a = table.fnFindCellRowNodes( '1.7' );    // Search all columns
+ *    
+ *        var b = table.fnFindCellRowNodes( '1.7', 3 ); // Search only column 3
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnFindCellRowNodes = function ( oSettings, sSearch, iColumn )
+{
+	var
+		i,iLen, j, jLen, val,
+		aOut = [], aData,
+		columns = oSettings.aoColumns;
+
+	for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ )
+	{
+		aData = oSettings.aoData[i]._aData;
+
+		if ( iColumn === undefined )
+		{
+			for ( j=0, jLen=columns.length ; j<jLen ; j++ )
+			{
+				val = this.fnGetData(i, j);
+
+				if ( val == sSearch )
+				{
+					aOut.push( oSettings.aoData[i].nTr );
+				}
+			}
+		}
+		else if (this.fnGetData(i, iColumn) == sSearch )
+		{
+			aOut.push( oSettings.aoData[i].nTr );
+		}
+	}
+
+	return aOut;
+};
diff --git a/webroot/components/datatables-plugins/api/fnGetAdjacentTr.js b/webroot/components/datatables-plugins/api/fnGetAdjacentTr.js
new file mode 100644
index 0000000..b338f6a
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnGetAdjacentTr.js
@@ -0,0 +1,55 @@
+/**
+ * Due to the fact that DataTables moves DOM elements around (mainly `dt-tag tr`
+ * elements for sorting and filtering) it can at times be a little tricky to get
+ * the next row based on another, while taking into account pagination,
+ * filtering, sorting etc.
+ * 
+ * This function is designed to address exactly this situation. It takes two
+ * parameters, the target node, and a boolean indicating if the adjacent row
+ * retrieved should be the next (`true`, or no value) or the previous (`false`).
+ *
+ *  @name fnGetAdjacentTr
+ *  @summary Get the adjacent `dt-tag tr` element for a row.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @param {node} nTr `dt-tag tr` element to get the adjacent element of
+ *  @param {boolean} [bNext=true] Get the next (`true`), or previous (`false`)
+ *    `dt-tag tr` element.
+ *  @returns {node} `dt-tag tr` element or null if not found.
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').dataTable();
+ *         
+ *        var n1 = $('#example tbody tr').eq(2)[0];
+ *        var next = table.fnGetAdjacentTr( n1 );
+ *        var prev = table.fnGetAdjacentTr( n1, false );
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnGetAdjacentTr  = function ( oSettings, nTr, bNext )
+{
+	/* Find the node's position in the aoData store */
+	var iCurrent = oSettings.oApi._fnNodeToDataIndex( oSettings, nTr );
+
+	/* Convert that to a position in the display array */
+	var iDisplayIndex = $.inArray( iCurrent, oSettings.aiDisplay );
+	if ( iDisplayIndex == -1 )
+	{
+		/* Not in the current display */
+		return null;
+	}
+
+	/* Move along the display array as needed */
+	iDisplayIndex += (typeof bNext=='undefined' || bNext) ? 1 : -1;
+
+	/* Check that it within bounds */
+	if ( iDisplayIndex < 0 || iDisplayIndex >= oSettings.aiDisplay.length )
+	{
+		/* There is no next/previous element */
+		return null;
+	}
+
+	/* Return the target node from the aoData store */
+	return oSettings.aoData[ oSettings.aiDisplay[ iDisplayIndex ] ].nTr;
+};
diff --git a/webroot/components/datatables-plugins/api/fnGetColumnData.js b/webroot/components/datatables-plugins/api/fnGetColumnData.js
new file mode 100644
index 0000000..5d62cdf
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnGetColumnData.js
@@ -0,0 +1,83 @@
+/**
+ * Return an array of table values from a particular column, with various
+ * filtering options.
+ *
+ * DataTables 1.10+ provides the `dt-api column().data()` method, built-in to
+ * the core, to provide this ability. As such, this method is marked deprecated,
+ * but is available for use with legacy version of DataTables. Please use the
+ * new API if you are used DataTables 1.10 or newer.
+ *
+ *  @name fnGetColumnData
+ *  @summary Get the data from a column
+ *  @author [Benedikt Forchhammer](http://mind2.de)
+ *  @deprecated
+ *
+ *  @param {integer} iColumn Column to get data from
+ *  @param {boolean} [bFiltered=true] Reduce the data set to only unique values
+ *  @param {boolean} [bUnique=true] Get data from filter results only
+ *  @param {boolean} [bIgnoreEmpty=true] Remove data elements which are empty
+ *  @returns {array} Array of data from the column
+ *
+ *  @example
+ *    var table = $('#example').dataTable();
+ *    table.fnGetColumnData( 3 );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnGetColumnData = function ( oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty ) {
+	// check that we have a column id
+	if ( typeof iColumn == "undefined" ) {
+		return [];
+	}
+
+	// by default we only wany unique data
+	if ( typeof bUnique == "undefined" ) {
+		bUnique = true;
+	}
+
+	// by default we do want to only look at filtered data
+	if ( typeof bFiltered == "undefined" ) {
+		bFiltered = true;
+	}
+
+	// by default we do not wany to include empty values
+	if ( typeof bIgnoreEmpty == "undefined" ) {
+		bIgnoreEmpty = true;
+	}
+
+	// list of rows which we're going to loop through
+	var aiRows;
+
+	// use only filtered rows
+	if (bFiltered === true) {
+		aiRows = oSettings.aiDisplay;
+	}
+	// use all rows
+	else {
+		aiRows = oSettings.aiDisplayMaster; // all row numbers
+	}
+
+	// set up data array    
+	var asResultData = [];
+
+	for (var i=0,c=aiRows.length; i<c; i++) {
+		var iRow = aiRows[i];
+		var sValue = this.fnGetData(iRow, iColumn);
+
+		// ignore empty values?
+		if (bIgnoreEmpty === true && sValue.length === 0) {
+			continue;
+		}
+
+		// ignore unique values?
+		else if (bUnique === true && jQuery.inArray(sValue, asResultData) > -1) {
+			continue;
+		}
+
+		// else push the value onto the result data array
+		else {
+			asResultData.push(sValue);
+		}
+	}
+
+	return asResultData;
+};
diff --git a/webroot/components/datatables-plugins/api/fnGetColumnIndex.js b/webroot/components/datatables-plugins/api/fnGetColumnIndex.js
new file mode 100644
index 0000000..d48c29a
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnGetColumnIndex.js
@@ -0,0 +1,31 @@
+/**
+ * Maintenance of web-sites can often cause unexpected headaches, particularly
+ * if the hardcoded index of an array (the columns in a DataTables instance)
+ * needs to change due to an added or removed column. This plug-in function
+ * will match a given string to the title of a column in the table and return
+ * the column index, helping to overcome this problem.
+ *
+ *  @name fnGetColumnIndex
+ *  @summary Get the column index by searching the column titles
+ *  @author [Michael Ross](http://www.rosstechassociates.com/)
+ *
+ *  @param {string} sCol Column title to search for
+ *  @returns {integer} Column index, or -1 if not found
+ *
+ *  @example
+ *    var table = $('#example').dataTable();
+ *    table.fnGetColumnIndex( 'Browser' );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnGetColumnIndex = function ( oSettings, sCol )
+{
+	var cols = oSettings.aoColumns;
+	for ( var x=0, xLen=cols.length ; x<xLen ; x++ )
+	{
+		if ( cols[x].sTitle.toLowerCase() == sCol.toLowerCase() )
+		{
+			return x;
+		}
+	}
+	return -1;
+};
diff --git a/webroot/components/datatables-plugins/api/fnGetHiddenNodes.js b/webroot/components/datatables-plugins/api/fnGetHiddenNodes.js
new file mode 100644
index 0000000..a83e2e7
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnGetHiddenNodes.js
@@ -0,0 +1,43 @@
+/**
+ * Get a list of all `dt-tag tr` nodes in the table which are not currently
+ * visible (useful for building forms).
+ *
+ * This function is marked as deprecated as using the `dt-api rows()` method in
+ * DataTables 1.10+ is preferred to this approach.
+ *
+ *  @name fnGetHiddenNodes
+ *  @summary Get the `dt-tag tr` elements which are not in the DOM
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @example
+ *    var table = $('#example').dataTable();
+ *    var nodes = table.fnGetHiddenNodes();
+ */
+
+jQuery.fn.dataTableExt.oApi.fnGetHiddenNodes = function ( settings )
+{
+	var nodes;
+	var display = jQuery('tbody tr', settings.nTable);
+
+	if ( jQuery.fn.dataTable.versionCheck ) {
+		// DataTables 1.10
+		var api = new jQuery.fn.dataTable.Api( settings );
+		nodes = api.rows().nodes().toArray();
+	}
+	else {
+		// 1.9-
+		nodes = this.oApi._fnGetTrNodes( settings );
+	}
+
+	/* Remove nodes which are being displayed */
+	for ( var i=0 ; i<display.length ; i++ ) {
+		var iIndex = jQuery.inArray( display[i], nodes );
+
+		if ( iIndex != -1 ) {
+			nodes.splice( iIndex, 1 );
+		}
+	}
+
+	return nodes;
+};
diff --git a/webroot/components/datatables-plugins/api/fnGetTd.js b/webroot/components/datatables-plugins/api/fnGetTd.js
new file mode 100644
index 0000000..2f92cd9
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnGetTd.js
@@ -0,0 +1,59 @@
+/**
+ * Get a `dt-tag td` node from a row, taking into account column visibility.
+ * While getting a `dt-tag td` node is easy when it is visible on the page by
+ * using normal DOM methods, jQuery or whatever, it becomes a lot more
+ * complicated when taking into account hidden rows and columns. This function
+ * can be used to overcome these difficulties.
+ *
+ * DataTables 1.10+'s new API provides the `dt-api cell()` and `dt-api cells()`
+ * methods which are preferable for use over this method. As such this method is
+ * marked deprecated, but is available for use with legacy version of
+ * DataTables. Please use the new API if you are used DataTables 1.10 or newer.
+ *
+ *  @name fnGetTd
+ *  @summary Get the `dt-tag td` element for a cell.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @param {node} mTr `dt-tag tr` element to get the `dt-tag td` of
+ *  @param {integer} iTd Column index to get the node of
+ *  @param {boolean} bVisOnly Consider visible columns only
+ *  @returns {node} `dt-tag td` element in question
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').dataTable();
+ *         
+ *        // Sort in the order that was origially in the HTML
+ *        var nTd = table.fnGetTd( $('#example tbody tr:eq(1)')[0], 1 );
+ *        console.log( nTd );
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnGetTd  = function ( oSettings, mTr, iTd, bVisOnly )
+{
+	/* Take either a TR node or aoData index as the mTr property */
+	var iRow = (typeof mTr == 'object') ?
+		oSettings.oApi._fnNodeToDataIndex(oSettings, mTr) : mTr;
+
+	if ( typeof bVisOnly == 'undefined' && !bVisOnly )
+	{
+		/* Looking at both visible and hidden TD elements - convert to visible index, if not present
+		 * then it must be hidden. Return as appropriate
+		 */
+		var iCalcVis = oSettings.oApi._fnColumnIndexToVisible( oSettings, iTd );
+		if ( iCalcVis !== null )
+		{
+			return oSettings.aoData[ iRow ].nTr.getElementsByTagName('td')[ iCalcVis ];
+		}
+		else
+		{
+			return oSettings.aoData[ iRow ]._anHidden[ iTd ];
+		}
+	}
+	else
+	{
+		/* Only looking at visible TD elements, so just use getElements... */
+		return oSettings.aoData[ iRow ].nTr.getElementsByTagName('td')[ iTd ];
+	}
+};
diff --git a/webroot/components/datatables-plugins/api/fnGetTds.js b/webroot/components/datatables-plugins/api/fnGetTds.js
new file mode 100644
index 0000000..4d028ce
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnGetTds.js
@@ -0,0 +1,65 @@
+/**
+ * Get an array of `dt-tag td` nodes from DataTables for a given row, including
+ * any column elements which are hidden.
+ *
+ * DataTables 1.10 has the `dt-api cells().nodes()` method, built-in, to provide
+ * this functionality. As such this method is marked deprecated, but is
+ * available for use with legacy version of DataTables. Please use the new API
+ * if you are used DataTables 1.10 or newer.
+ *
+ *  @name fnGetTds
+ *  @summary Get the `dt-tag td` elements for a row
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @param {node} mTr `dt-tag tr` element to get the `dt-tag td` of
+ *  @returns {array} Array of `dt-tag td` elements
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var oTable = $('#example').dataTable();
+ *         
+ *        // Sort in the order that was origially in the HTML
+ *        var anTds = oTable.fnGetTds( $('#example tbody tr:eq(1)')[0] );
+ *        console.log( anTds );
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnGetTds  = function ( oSettings, mTr )
+{
+    var anTds = [];
+    var anVisibleTds = [];
+    var iCorrector = 0;
+    var nTd, iColumn, iColumns;
+
+    /* Take either a TR node or aoData index as the mTr property */
+    var iRow = (typeof mTr == 'object') ?
+        oSettings.oApi._fnNodeToDataIndex(oSettings, mTr) : mTr;
+    var nTr = oSettings.aoData[iRow].nTr;
+
+    /* Get an array of the visible TD elements */
+    for ( iColumn=0, iColumns=nTr.childNodes.length ; iColumn<iColumns ; iColumn++ )
+    {
+        nTd = nTr.childNodes[iColumn];
+        if ( nTd.nodeName.toUpperCase() == "TD" )
+        {
+            anVisibleTds.push( nTd );
+        }
+    }
+
+    /* Construct and array of the combined elements */
+    for ( iColumn=0, iColumns=oSettings.aoColumns.length ; iColumn<iColumns ; iColumn++ )
+    {
+        if ( oSettings.aoColumns[iColumn].bVisible )
+        {
+            anTds.push( anVisibleTds[iColumn-iCorrector] );
+        }
+        else
+        {
+            anTds.push( oSettings.aoData[iRow]._anHidden[iColumn] );
+            iCorrector++;
+        }
+    }
+
+    return anTds;
+};
diff --git a/webroot/components/datatables-plugins/api/fnLengthChange.js b/webroot/components/datatables-plugins/api/fnLengthChange.js
new file mode 100644
index 0000000..10d02bf
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnLengthChange.js
@@ -0,0 +1,48 @@
+/**
+ * Change the number of records that can be viewed on a single page in 
+ * DataTables.
+ *
+ * DataTables 1.10 provides the `dt-api page.len()` method to get and set the
+ * page length using the built-in API. As such this method is marked deprecated,
+ * but is available for use with legacy version of DataTables. Please use the
+ * new API if you are used DataTables 1.10 or newer.
+ *
+ *  @name fnLengthChange
+ *  @summary Change the paging display length
+ *  @author [Pedro Alves](http://www.webdetails.pt/)
+ *  @deprecated
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').dataTable();
+ *        table.fnLengthChange( 100 );
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnLengthChange = function ( oSettings, iDisplay )
+{
+    oSettings._iDisplayLength = iDisplay;
+    oSettings.oApi._fnCalculateEnd( oSettings );
+
+    /* If we have space to show extra rows (backing up from the end point - then do so */
+    if ( oSettings._iDisplayEnd == oSettings.aiDisplay.length )
+    {
+        oSettings._iDisplayStart = oSettings._iDisplayEnd - oSettings._iDisplayLength;
+        if ( oSettings._iDisplayStart < 0 )
+        {
+            oSettings._iDisplayStart = 0;
+        }
+    }
+
+    if ( oSettings._iDisplayLength == -1 )
+    {
+        oSettings._iDisplayStart = 0;
+    }
+
+    oSettings.oApi._fnDraw( oSettings );
+
+    if ( oSettings.aanFeatures.l )
+    {
+        $('select', oSettings.aanFeatures.l).val( iDisplay );
+    }
+};
diff --git a/webroot/components/datatables-plugins/api/fnMultiFilter.js b/webroot/components/datatables-plugins/api/fnMultiFilter.js
new file mode 100644
index 0000000..38c6e09
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnMultiFilter.js
@@ -0,0 +1,63 @@
+/**
+ * This plug-in adds to DataTables the ability to set multiple column filtering
+ * terms in a single call (particularly useful if using server-side processing).
+ * Used in combination with the column sName parameter, simply pass in an object
+ * with the key/value pair being the column you wish to search on, and the value
+ * you wish to search for.
+ *
+ * DataTables 1.10's API provides a easy built-in way to apply multiple filters
+ * to the table without redrawing until required. For example, the example below
+ * with the DataTables 1.10 API could be written as:
+ *
+ * ```js
+ * var table = $('#example').DataTable();
+ * table
+ *   .column( 0 ).search( 'Gecko' )
+ *   .column( 1 ).search( 'Cam' )
+ *   .draw();
+ * ```
+ *
+ * As such this method is marked deprecated, but is available for use with
+ * legacy version of DataTables. Please use the new API if you are used
+ * DataTables 1.10 or newer.
+ *
+ *  @name fnMultiFilter
+ *  @summary Apply multiple column filters together
+ *  @author _mrkevans_
+ *  @deprecated
+ *
+ *  @param {object} oData Data to search for
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').dataTable( {
+ *            "aoColumns": [
+ *                { "sName": "engine" },
+ *                { "sName": "browser" },
+ *                { "sName": "platform" },
+ *                { "sName": "version" },
+ *                { "sName": "grade" }
+ *            ]
+ *        } );
+ *        table.fnMultiFilter( { "engine": "Gecko", "browser": "Cam" } );
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnMultiFilter = function( oSettings, oData ) {
+	for ( var key in oData )
+	{
+		if ( oData.hasOwnProperty(key) )
+		{
+			for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
+			{
+				if( oSettings.aoColumns[i].sName == key )
+				{
+					/* Add single column filter */
+					oSettings.aoPreSearchCols[ i ].sSearch = oData[key];
+					break;
+				}
+			}
+		}
+	}
+	this.oApi._fnReDraw( oSettings );
+};
diff --git a/webroot/components/datatables-plugins/api/fnPagingInfo.js b/webroot/components/datatables-plugins/api/fnPagingInfo.js
new file mode 100644
index 0000000..0f62976
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnPagingInfo.js
@@ -0,0 +1,39 @@
+/**
+ * Get information about the paging settings that DataTables is currently 
+ * using to display each page, including the number of records shown, start
+ * and end points in the data set etc.
+ *
+ * DataTables 1.10+ provides the `dt-api page.info()` method, built-in, provide
+ * the same information as this method. As such this method is marked
+ * deprecated, but is available for use with legacy version of DataTables.
+ * Please use the new API if you are used DataTables 1.10 or newer.
+ *
+ *  @name fnPagingInfo
+ *  @summary Get information about the paging state of the table
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "fnDrawCallback": function () {
+ *            alert( 'Now on page'+ this.fnPagingInfo().iPage );
+ *          }
+ *        } );
+ *    } );
+ */
+
+jQuery.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 )
+	};
+};
diff --git a/webroot/components/datatables-plugins/api/fnProcessingIndicator.js b/webroot/components/datatables-plugins/api/fnProcessingIndicator.js
new file mode 100644
index 0000000..ae6c873
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnProcessingIndicator.js
@@ -0,0 +1,26 @@
+/**
+ * When doing some heavy processing of your own (for example using fnOpen with
+ * data loading from the server) it can be useful to make use of the
+ * 'processing' indicator built-into DataTables. This plug-in function exposes
+ * the internal DataTables function so it can be used for exactly this.
+ *
+ *  @name fnProcessingIndicator
+ *  @summary Show and hide the DataTables processing element through the API.
+ *  @author Allan Chappell
+ *
+ *  @param {boolean} [onoff=true] Show (`true`) or hide (`false`) the processing
+ *    element.
+ *
+ *  @example
+ *    var table = $('#example').dataTable();
+ *    table.fnProcessingIndicator();      // On
+ *    table.fnProcessingIndicator(false); // Off
+ */
+
+jQuery.fn.dataTableExt.oApi.fnProcessingIndicator = function ( oSettings, onoff )
+{
+	if ( onoff === undefined ) {
+		onoff = true;
+	}
+	this.oApi._fnProcessingDisplay( oSettings, onoff );
+};
diff --git a/webroot/components/datatables-plugins/api/fnReloadAjax.js b/webroot/components/datatables-plugins/api/fnReloadAjax.js
new file mode 100644
index 0000000..94d3ebe
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnReloadAjax.js
@@ -0,0 +1,102 @@
+/**
+ * By default DataTables only uses the sAjaxSource variable at initialisation
+ * time, however it can be useful to re-read an Ajax source and have the table
+ * update. Typically you would need to use the `fnClearTable()` and
+ * `fnAddData()` functions, however this wraps it all up in a single function
+ * call.
+ *
+ * DataTables 1.10 provides the `dt-api ajax.url()` and `dt-api ajax.reload()`
+ * methods, built-in, to give the same functionality as this plug-in. As such
+ * this method is marked deprecated, but is available for use with legacy
+ * version of DataTables. Please use the new API if you are used DataTables 1.10
+ * or newer.
+ *
+ *  @name fnReloadAjax
+ *  @summary Reload the table's data from the Ajax source
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @param {string} [sNewSource] URL to get the data from. If not give, the
+ *    previously used URL is used.
+ *  @param {function} [fnCallback] Callback that is executed when the table has
+ *    redrawn with the new data
+ *  @param {boolean} [bStandingRedraw=false] Standing redraw (don't changing the
+ *      paging)
+ *
+ *  @example
+ *    var table = $('#example').dataTable();
+ *    
+ *    // Example call to load a new file
+ *    table.fnReloadAjax( 'media/examples_support/json_source2.txt' );
+ *
+ *    // Example call to reload from original file
+ *    table.fnReloadAjax();
+ */
+
+jQuery.fn.dataTableExt.oApi.fnReloadAjax = function ( oSettings, sNewSource, fnCallback, bStandingRedraw )
+{
+	// DataTables 1.10 compatibility - if 1.10 then `versionCheck` exists.
+	// 1.10's API has ajax reloading built in, so we use those abilities
+	// directly.
+	if ( jQuery.fn.dataTable.versionCheck ) {
+		var api = new jQuery.fn.dataTable.Api( oSettings );
+
+		if ( sNewSource ) {
+			api.ajax.url( sNewSource ).load( fnCallback, !bStandingRedraw );
+		}
+		else {
+			api.ajax.reload( fnCallback, !bStandingRedraw );
+		}
+		return;
+	}
+
+	if ( sNewSource !== undefined && sNewSource !== null ) {
+		oSettings.sAjaxSource = sNewSource;
+	}
+
+	// Server-side processing should just call fnDraw
+	if ( oSettings.oFeatures.bServerSide ) {
+		this.fnDraw();
+		return;
+	}
+
+	this.oApi._fnProcessingDisplay( oSettings, true );
+	var that = this;
+	var iStart = oSettings._iDisplayStart;
+	var aData = [];
+
+	this.oApi._fnServerParams( oSettings, aData );
+
+	oSettings.fnServerData.call( oSettings.oInstance, oSettings.sAjaxSource, aData, function(json) {
+		/* Clear the old information from the table */
+		that.oApi._fnClearTable( oSettings );
+
+		/* Got the data - add it to the table */
+		var aData =  (oSettings.sAjaxDataProp !== "") ?
+			that.oApi._fnGetObjectDataFn( oSettings.sAjaxDataProp )( json ) : json;
+
+		for ( var i=0 ; i<aData.length ; i++ )
+		{
+			that.oApi._fnAddData( oSettings, aData[i] );
+		}
+
+		oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
+
+		that.fnDraw();
+
+		if ( bStandingRedraw === true )
+		{
+			oSettings._iDisplayStart = iStart;
+			that.oApi._fnCalculateEnd( oSettings );
+			that.fnDraw( false );
+		}
+
+		that.oApi._fnProcessingDisplay( oSettings, false );
+
+		/* Callback user function - for event handlers etc */
+		if ( typeof fnCallback == 'function' && fnCallback !== null )
+		{
+			fnCallback( oSettings );
+		}
+	}, oSettings );
+};
diff --git a/webroot/components/datatables-plugins/api/fnSetFilteringDelay.js b/webroot/components/datatables-plugins/api/fnSetFilteringDelay.js
new file mode 100644
index 0000000..334df00
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnSetFilteringDelay.js
@@ -0,0 +1,56 @@
+/**
+ * Enables filtration delay for keeping the browser more responsive while 
+ * searching for a longer keyword.
+ *
+ * This can be particularly useful when working with server-side processing,
+ * where you wouldn't typically want an Ajax request to be made with every key
+ * press the user makes when searching the table.
+ *
+ * Please note that this plug-in has been deprecated and the `dt-init
+ * searchDelay` option in DataTables 1.10 should now be used. This plug-in will
+ * not operate with v1.10+.
+ *
+ *  @name fnSetFilteringDelay
+ *  @summary Add a key debouce delay to the global filtering input of a table
+ *  @author [Zygimantas Berziunas](http://www.zygimantas.com/), 
+ *    [Allan Jardine](http://www.sprymedia.co.uk/) and _vex_
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('.dataTable').dataTable().fnSetFilteringDelay();
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnSetFilteringDelay = function ( oSettings, iDelay ) {
+	var _that = this;
+
+	if ( iDelay === undefined ) {
+		iDelay = 250;
+	}
+
+	this.each( function ( i ) {
+        	if ( typeof _that.fnSettings().aanFeatures.f !== 'undefined' )
+        	{
+			$.fn.dataTableExt.iApiIndex = i;
+			var
+				oTimerId = null,
+				sPreviousSearch = null,
+				anControl = $( 'input', _that.fnSettings().aanFeatures.f );
+	
+			anControl.unbind( 'keyup search input' ).bind( 'keyup search input', function() {
+	
+				if (sPreviousSearch === null || sPreviousSearch != anControl.val()) {
+					window.clearTimeout(oTimerId);
+					sPreviousSearch = anControl.val();
+					oTimerId = window.setTimeout(function() {
+						$.fn.dataTableExt.iApiIndex = i;
+						_that.fnFilter( anControl.val() );
+					}, iDelay);
+				}
+			});
+	
+			return this;
+        	}
+	} );
+	return this;
+};
diff --git a/webroot/components/datatables-plugins/api/fnSortNeutral.js b/webroot/components/datatables-plugins/api/fnSortNeutral.js
new file mode 100644
index 0000000..6b21224
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnSortNeutral.js
@@ -0,0 +1,36 @@
+/**
+ * This function will restore the order in which data was read into a DataTable
+ * (for example from an HTML source). Although you can set aaSorting to be an
+ * empty array (`[ ]`) in order to prevent sorting during initialisation, it can
+ * sometimes be useful to restore the original order after sorting has already
+ * occurred - which is exactly what this function does.
+ *
+ *  @name fnSortNeutral
+ *  @summary Change ordering of the table to its data load order
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').dataTable();
+ *         
+ *        // Sort in the order that was originally in the HTML
+ *        table.fnSortNeutral();
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnSortNeutral = function ( oSettings )
+{
+	/* Remove any current sorting */
+	oSettings.aaSorting = [];
+
+	/* Sort display arrays so we get them in numerical order */
+	oSettings.aiDisplay.sort( function (x,y) {
+		return x-y;
+	} );
+	oSettings.aiDisplayMaster.sort( function (x,y) {
+		return x-y;
+	} );
+
+	/* Redraw */
+	oSettings.oApi._fnReDraw( oSettings );
+};
diff --git a/webroot/components/datatables-plugins/api/fnStandingRedraw.js b/webroot/components/datatables-plugins/api/fnStandingRedraw.js
new file mode 100644
index 0000000..28da12e
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnStandingRedraw.js
@@ -0,0 +1,35 @@
+/**
+ * Redraw the table (i.e. `fnDraw`) to take account of sorting and filtering,
+ * but retain the current pagination settings.
+ *
+ * DataTables 1.10+ provide the `dt-api draw()` method which has this ability
+ * built-in (pass the first parameter to the function as `false`). As such this
+ * method is marked deprecated, but is available for use with legacy version of
+ * DataTables. Please use the new API if you are used DataTables 1.10 or newer.
+ *
+ *  @name fnStandingRedraw
+ *  @summary Redraw the table without altering the paging
+ *  @author Jonathan Hoguet
+ *  @deprecated
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('.dataTable').dataTable()
+ *        table.fnStandingRedraw();
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnStandingRedraw = function(oSettings) {
+    if(oSettings.oFeatures.bServerSide === false){
+        var before = oSettings._iDisplayStart;
+
+        oSettings.oApi._fnReDraw(oSettings);
+
+        // iDisplayStart has been reset to zero - so lets change it back
+        oSettings._iDisplayStart = before;
+        oSettings.oApi._fnCalculateEnd(oSettings);
+    }
+
+    // draw the 'current' page
+    oSettings.oApi._fnDraw(oSettings);
+};
diff --git a/webroot/components/datatables-plugins/api/fnVisibleToColumnIndex.js b/webroot/components/datatables-plugins/api/fnVisibleToColumnIndex.js
new file mode 100644
index 0000000..61c55f8
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/fnVisibleToColumnIndex.js
@@ -0,0 +1,33 @@
+/**
+ * When DataTables removes columns from the display (bVisible or fnSetColumnVis)
+ * it removes these elements from the DOM, effecting the index value for the
+ * column positions. This function converts the visible column index into a data
+ * column index (i.e. all columns regardless of visibility).
+ *
+ * DataTables 1.10+ has this ability built-in through the
+ * `dt-api column.index()` method. As such this method is marked deprecated, but
+ * is available for use with legacy version of DataTables.
+ *
+ *  @name fnVisibleToColumnIndex
+ *  @summary Convert a column visible index to a data index.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @param {integer} iMatch Column data index to convert to data index
+ *  @returns {integer} Visible column index
+ *
+ *  @example
+ *    var table = $('#example').dataTable( {
+ *      aoColumnDefs: [
+ *        { bVisible: false, aTargets: [1] }
+ *      ]
+ *    } );
+ *
+ *    // This will show 2
+ *    alert( 'Visible Column 1 data index: '+table.fnVisibleToColumnIndex(1) );
+ */
+
+jQuery.fn.dataTableExt.oApi.fnVisibleToColumnIndex = function ( oSettings, iMatch )
+{
+	return oSettings.oApi._fnVisibleToColumnIndex( oSettings, iMatch );
+};
diff --git a/webroot/components/datatables-plugins/api/order.neutral().js b/webroot/components/datatables-plugins/api/order.neutral().js
new file mode 100644
index 0000000..0d78eb3
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/order.neutral().js
@@ -0,0 +1,30 @@
+/**
+ * This function will restore the order in which data was read into a DataTable
+ * (for example from an HTML source). Although you can set `dt-api order()` to
+ * be an empty array (`[]`) in order to prevent sorting during initialisation,
+ * it can sometimes be useful to restore the original order after sorting has
+ * already occurred - which is exactly what this function does.
+ *
+ * @name order.neutral()
+ * @summary Change ordering of the table to its data load order
+ * @author [Allan Jardine](http://datatables.net)
+ * @requires DataTables 1.10+
+ *
+ * @returns {DataTables.Api} DataTables API instance
+ *
+ * @example
+ *    // Return table to the loaded data order
+ *    table.order.neutral().draw();
+ */
+
+$.fn.dataTable.Api.register( 'order.neutral()', function () {
+	return this.iterator( 'table', function ( s ) {
+		s.aaSorting.length = 0;
+		s.aiDisplay.sort( function (a,b) {
+			return a-b;
+		} );
+		s.aiDisplayMaster.sort( function (a,b) {
+			return a-b;
+		} );
+	} );
+} );
diff --git a/webroot/components/datatables-plugins/api/page.jumpToData().js b/webroot/components/datatables-plugins/api/page.jumpToData().js
new file mode 100644
index 0000000..8d29e7e
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/page.jumpToData().js
@@ -0,0 +1,38 @@
+/**
+ * It can be quite useful to jump straight to a page which contains a certain
+ * piece of data (a user name for example). This plug-in provides exactly that
+ * ability, searching for a given data parameter from a given column and
+ * immediately shifting the paging of the table to jump to that point.
+ *
+ * If multiple data points match the requested data, the paging will be shifted
+ * to show the first instance. If there are no matches, the paging will not
+ * change.
+ *
+ * Note that unlike the core DataTables API methods, this plug-in will
+ * automatically call `dt-api draw()` to redraw the table with the current page
+ * shown.
+ *
+ *  @name page.JumpToData()
+ *  @summary Jump to a page by searching for data from a column
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @requires DataTables 1.10+
+ *
+ *  @param {*} data Data to search for
+ *  @param {integer} column Column index
+ *  @returns {Api} DataTables API instance
+ *
+ *  @example
+ *    var table = $('#example').DataTable();
+ *    table.page.jumpToData( "Allan Jardine", 0 );
+ */
+
+jQuery.fn.dataTable.Api.register( 'page.jumpToData()', function ( data, column ) {
+	var pos = this.column(column, {order:'current'}).data().indexOf( data );
+
+	if ( pos >= 0 ) {
+		var page = Math.floor( pos / this.page.info().length );
+		this.page( page ).draw( false );
+	}
+
+	return this;
+} );
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/api/processing().js b/webroot/components/datatables-plugins/api/processing().js
new file mode 100644
index 0000000..84164aa
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/processing().js
@@ -0,0 +1,33 @@
+/**
+ * Externally trigger the display of DataTables' "processing" indicator.
+ * 
+ * Please note that of DataTables 2.0.0 this functionality is now built into
+ * DataTables core and this plug-in is no longer required.
+ *
+ *  @name processing()
+ *  @summary Show / hide the processing indicator via the API
+ *  @author [Allan Jardine](http://datatables.net)
+ *  @requires DataTables 1.10+
+ *  @param {boolean} show `true` to show the processing indicator, `false` to
+ *    hide it.
+ *
+ * @returns {DataTables.Api} Unmodified API instance
+ *
+ *  @example
+ *    // Show a processing indicator for two seconds on initialisation
+ *    var table = $('#example').DataTable( {
+ *      processing: true
+ *    } );
+ *    
+ *    table.processing( true );
+ *    
+ *    setTimeout( function () {
+ *      table.processing( false );
+ *    }, 2000 );
+ */
+
+jQuery.fn.dataTable.Api.register( 'processing()', function ( show ) {
+    return this.iterator( 'table', function ( ctx ) {
+        ctx.oApi._fnProcessingDisplay( ctx, show );
+    } );
+} );
diff --git a/webroot/components/datatables-plugins/api/row().show().js b/webroot/components/datatables-plugins/api/row().show().js
new file mode 100644
index 0000000..3af551e
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/row().show().js
@@ -0,0 +1,40 @@
+/**
+ *  This plugin permits to show the right page of DataTable to show the selected row
+ *
+ *  @version 1.0
+ *  @name row().show()
+ *  @summary See the row in datable by display the right pagination page
+ *  @author [Edouard Labre](http://www.edouardlabre.com)
+ *
+ *  @param {void} a row must be selected
+ *  @returns {DataTables.Api.Rows} DataTables Rows API instance
+ *
+ *  @example
+ *    // Add an element to a huge table and go to the right pagination page
+ *    var table = $('#example').DataTable();
+ *    var new_row = {
+ *      DT_RowId: 'row_example',
+ *      name: 'example',
+ *      value: 'an example row'
+ *    };
+ *    
+ *    table.row.add( new_row ).draw().show().draw(false);
+ */
+$.fn.dataTable.Api.register('row().show()', function() {
+    var page_info = this.table().page.info();
+    // Get row index
+    var new_row_index = this.index();
+    // Row position
+    var row_position = this.table().rows()[0].indexOf( new_row_index );
+    // Already on right page ?
+    if( row_position >= page_info.start && row_position < page_info.end ) {
+        // Return row object
+        return this;
+    }
+    // Find page number
+    var page_to_display = Math.floor( row_position / this.table().page.len() );
+    // Go to that page
+    this.table().page( page_to_display );
+    // Return row object
+    return this;
+});
diff --git a/webroot/components/datatables-plugins/api/rows().generate().js b/webroot/components/datatables-plugins/api/rows().generate().js
new file mode 100644
index 0000000..ba4475f
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/rows().generate().js
@@ -0,0 +1,22 @@
+/**
+ * When using `-init deferRender` you might find that under a specific set of circumstances you
+ * need the `-tag tr` element for a row which hasn't yet been drawn. This method can be used to
+ * create the nodes for the rows which haven't yet been drawn.
+ *
+ *  @name rows().generate()
+ *  @summary Create tr elements for rows which have not yet had their nodes created.
+ *  @author [Allan Jardine](http://datatables.net)
+ *  @requires DataTables 1.10+
+ *
+ * @returns {DataTable.Api} DataTables API instance
+ *
+ *  @example
+ *    // Create nodes for all rows
+ *    table.rows().generate();
+ */
+
+ $.fn.dataTable.Api.register( 'rows().generate()', function () {
+    return this.iterator( 'row', function ( context, index ) {
+      context.oApi._fnCreateTr( context, index );
+    } );
+} );
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/api/sum().js b/webroot/components/datatables-plugins/api/sum().js
new file mode 100644
index 0000000..856ebd6
--- /dev/null
+++ b/webroot/components/datatables-plugins/api/sum().js
@@ -0,0 +1,51 @@
+/**
+ * Fairly simply, this plug-in will take the data from an API result set
+ * and sum it, returning the summed value. The data can come from any data
+ * source, including column data, cells or rows.
+ *
+ * Note that it will attempt to 'deformat' any string based data that is passed
+ * into it - i.e. it will strip any non-numeric characters in order to make a
+ * best effort attempt to sum all data types. This can be useful when working
+ * with formatting numbers such as currency. However the trade-off is that no
+ * error is thrown if non-numeric data is passed in. You should be aware of this
+ * in case unexpected values are returned - likely the input data is not what is
+ * expected.
+ *
+ *  @name sum()
+ *  @summary Sum the values in a data set.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @requires DataTables 1.10+
+ *
+ *  @returns {Number} Summed value
+ *
+ *  @example
+ *    // Simply get the sum of a column
+ *    var table = $('#example').DataTable();
+ *    table.column( 3 ).data().sum();
+ *
+ *  @example
+ *    // Insert the sum of a column into the columns footer, for the visible
+ *    // data on each draw
+ *    $('#example').DataTable( {
+ *      drawCallback: function () {
+ *        var api = this.api();
+ *        $( api.table().footer() ).html(
+ *          api.column( 4, {page:'current'} ).data().sum()
+ *        );
+ *      }
+ *    } );
+ */
+
+jQuery.fn.dataTable.Api.register( 'sum()', function ( ) {
+	return this.flatten().reduce( function ( a, b ) {
+		if ( typeof a === 'string' ) {
+			a = a.replace(/[^\d.-]/g, '') * 1;
+		}
+		if ( typeof b === 'string' ) {
+			b = b.replace(/[^\d.-]/g, '') * 1;
+		}
+
+		return a + b;
+	}, 0 );
+} );
+
diff --git a/webroot/components/datatables-plugins/buttons/button.download.js b/webroot/components/datatables-plugins/buttons/button.download.js
new file mode 100644
index 0000000..36de995
--- /dev/null
+++ b/webroot/components/datatables-plugins/buttons/button.download.js
@@ -0,0 +1,113 @@
+/*! Download button for Buttons
+ * 2018 SpryMedia Ltd - MIT licensed - datatables.net/license
+ */
+
+/**
+ * @summary     Download Button
+ * @author      SpryMedia Ltd (www.datatables.net)
+ * @copyright   Copyright 2018 SpryMedia Ltd.
+ *
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * A button that can be used to trigger a server-side action, typically a
+ * download of a file generated by the server. If server-side processing
+ * is enabled in the host table it will automatically add the last parameters
+ * used for a table draw allowing the script to output a file with the same
+ * order / search applied as the main table.
+ * 
+ * This is particularly useful when using server-side processing and wishing
+ * to allow user export of the data in a table. The default Buttons package
+ * will only export the data available on the client-side, while this button
+ * can be used to let the server generate the required file and then download
+ * it to the client-side.
+ *
+ * @example
+ *   // Download button
+ * 	var table = $('#example').DataTable({
+ * 		dom: 'Bfrtip',
+ * 		buttons: [
+ * 			{
+ * 				extend: 'download',
+ * 				url: '/api/download'
+ * 			}
+ * 		]
+ * 	});
+ */
+(function(window, document, $, undefined) {
+	function flattenJson(data, name, flattened) {
+		if (!flattened) {
+			flattened = {};
+		}
+
+		if (!name) {
+			name = '';
+		}
+
+		if ($.isPlainObject(data) || $.isArray(data)) {
+			$.each(data, function(idx, val) {
+				if (name === '') {
+					flattenJson(val, idx, flattened);
+				} else {
+					flattenJson(val, name + '[' + idx + ']', flattened);
+				}
+			});
+		} else {
+			flattened[name] = data;
+		}
+
+		return flattened;
+	}
+
+	$.fn.dataTable.ext.buttons.download = {
+		text: 'Download',
+		action: function(e, dt, node, config) {
+			// Gather information to be submitted
+			var data = {};
+
+			if (dt.page.info().serverSide) {
+				$.extend(data, dt.ajax.params());
+			}
+
+			if (typeof config.data === 'function') {
+				config.data(data);
+			} else if (typeof config.data === 'object') {
+				$.extend(data, config.data);
+			}
+
+			// Convert data to a flat structure for submission
+			var flattened = flattenJson(data);
+
+			// Create an iframe
+			var iframe = $('<iframe/>')
+				.css({
+					border: 'none',
+					height: 0,
+					width: 0
+				})
+				.appendTo(document.body);
+
+			var contentDoc = iframe[0].contentWindow.document;
+			contentDoc.open();
+			contentDoc.close();
+
+			var form = $('<form/>', contentDoc)
+				.attr('method', config.type)
+				.attr('action', config.url)
+				.appendTo(contentDoc.body);
+
+			$.each(flattened, function(name, val) {
+				$('<input/>', contentDoc)
+					.attr('type', 'text')
+					.attr('name', name)
+					.attr('autocomplete', 'no')
+					.val(val)
+					.appendTo(form);
+			});
+
+			form.submit();
+		},
+		url: '',
+		type: 'POST',
+		data: {}
+	};
+})(window, document, jQuery);
diff --git a/webroot/components/datatables-plugins/dataRender/datetime.js b/webroot/components/datatables-plugins/dataRender/datetime.js
new file mode 100644
index 0000000..9c11a20
--- /dev/null
+++ b/webroot/components/datatables-plugins/dataRender/datetime.js
@@ -0,0 +1,118 @@
+/**
+ * Date / time formats often from back from server APIs in a format that you
+ * don't wish to display to your end users (ISO8601 for example). This rendering
+ * helper can be used to transform any source date / time format into something
+ * which can be easily understood by your users when reading the table, and also
+ * by DataTables for sorting the table.
+ *
+ * The [MomentJS library](http://momentjs.com/) is used to accomplish this and
+ * you simply need to tell it which format to transfer from, to and specify a
+ * locale if required.
+ *
+ * This function should be used with the `dt-init columns.render` configuration
+ * option of DataTables.
+ *
+ * It accepts one, two or three parameters:
+ *
+ * * `$.fn.dataTable.render.moment( to );`
+ * * `$.fn.dataTable.render.moment( from, to );`
+ * * `$.fn.dataTable.render.moment( from, to, locale );`
+ *
+ * Where:
+ *
+ * * `to` - the format that will be displayed to the end user
+ * * `from` - the format that is supplied in the data (the default is ISO8601 -
+ *   `YYYY-MM-DD`)
+ * * `locale` - the locale which MomentJS should use - the default is `en`
+ *   (English).
+ *
+ *  @name datetime
+ *  @summary Convert date / time source data into one suitable for display
+ *  @author [Allan Jardine](http://datatables.net)
+ *  @requires DataTables 1.10+, Moment.js 1.7+
+ *
+ *  @example
+ *    // Convert ISO8601 dates into a simple human readable format
+ *    $('#example').DataTable( {
+ *      columnDefs: [ {
+ *        targets: 1,
+ *        render: $.fn.dataTable.render.moment( 'Do MMM YYYYY' )
+ *      } ]
+ *    } );
+ *
+ *  @example
+ *    // Specify a source format - in this case a unix timestamp
+ *    $('#example').DataTable( {
+ *      columnDefs: [ {
+ *        targets: 2,
+ *        render: $.fn.dataTable.render.moment( 'X', 'Do MMM YY' )
+ *      } ]
+ *    } );
+ *
+ *  @example
+ *    // Specify a source format and locale
+ *    $('#example').DataTable( {
+ *      columnDefs: [ {
+ *        targets: 2,
+ *        render: $.fn.dataTable.render.moment( 'YYYY/MM/DD', 'Do MMM YY', 'fr' )
+ *      } ]
+ *    } );
+ */
+
+
+// UMD
+(function( factory ) {
+	"use strict";
+
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		module.exports = function (root, $) {
+			if ( ! root ) {
+				root = window;
+			}
+
+			if ( ! $ ) {
+				$ = typeof window !== 'undefined' ?
+					require('jquery') :
+					require('jquery')( root );
+			}
+
+			return factory( $, root, root.document );
+		};
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}
+(function( $, window, document ) {
+
+
+$.fn.dataTable.render.moment = function ( from, to, locale ) {
+	// Argument shifting
+	if ( arguments.length === 1 ) {
+		locale = 'en';
+		to = from;
+		from = 'YYYY-MM-DD';
+	}
+	else if ( arguments.length === 2 ) {
+		locale = 'en';
+	}
+
+	return function ( d, type, row ) {
+		var m = window.moment( d, from, locale, true );
+
+		// Order and type get a number value from Moment, everything else
+		// sees the rendered value
+		return m.format( type === 'sort' || type === 'type' ? 'x' : to );
+	};
+};
+
+
+}));
diff --git a/webroot/components/datatables-plugins/dataRender/ellipsis.js b/webroot/components/datatables-plugins/dataRender/ellipsis.js
new file mode 100644
index 0000000..186e9e5
--- /dev/null
+++ b/webroot/components/datatables-plugins/dataRender/ellipsis.js
@@ -0,0 +1,89 @@
+/**
+ * This data rendering helper method can be useful for cases where you have
+ * potentially large data strings to be shown in a column that is restricted by
+ * width. The data for the column is still fully searchable and sortable, but if
+ * it is longer than a give number of characters, it will be truncated and
+ * shown with ellipsis. A browser provided tooltip will show the full string
+ * to the end user on mouse hover of the cell.
+ *
+ * This function should be used with the `dt-init columns.render` configuration
+ * option of DataTables.
+ *
+ * It accepts three parameters:
+ *
+ * 1. `-type integer` - The number of characters to restrict the displayed data
+ *    to.
+ * 2. `-type boolean` (optional - default `false`) - Indicate if the truncation
+ *    of the string should not occur in the middle of a word (`true`) or if it
+ *    can (`false`). This can allow the display of strings to look nicer, at the
+ *    expense of showing less characters.
+ * 2. `-type boolean` (optional - default `false`) - Escape HTML entities
+ *    (`true`) or not (`false` - default).
+ *
+ *  @name ellipsis
+ *  @summary Restrict output data to a particular length, showing anything
+ *      longer with ellipsis and a browser provided tooltip on hover.
+ *  @author [Allan Jardine](http://datatables.net)
+ *  @requires DataTables 1.10+
+ *
+ * @returns {Number} Calculated average
+ *
+ *  @example
+ *    // Restrict a column to 17 characters, don't split words
+ *    $('#example').DataTable( {
+ *      columnDefs: [ {
+ *        targets: 1,
+ *        render: $.fn.dataTable.render.ellipsis( 17, true )
+ *      } ]
+ *    } );
+ *
+ *  @example
+ *    // Restrict a column to 10 characters, do split words
+ *    $('#example').DataTable( {
+ *      columnDefs: [ {
+ *        targets: 2,
+ *        render: $.fn.dataTable.render.ellipsis( 10 )
+ *      } ]
+ *    } );
+ */
+
+jQuery.fn.dataTable.render.ellipsis = function ( cutoff, wordbreak, escapeHtml ) {
+	var esc = function ( t ) {
+		return t
+			.replace( /&/g, '&amp;' )
+			.replace( /</g, '&lt;' )
+			.replace( />/g, '&gt;' )
+			.replace( /"/g, '&quot;' );
+	};
+
+	return function ( d, type, row ) {
+		// Order, search and type get the original data
+		if ( type !== 'display' ) {
+			return d;
+		}
+
+		if ( typeof d !== 'number' && typeof d !== 'string' ) {
+			return d;
+		}
+
+		d = d.toString(); // cast numbers
+
+		if ( d.length <= cutoff ) {
+			return d;
+		}
+
+		var shortened = d.substr(0, cutoff-1);
+
+		// Find the last white space character in the string
+		if ( wordbreak ) {
+			shortened = shortened.replace(/\s([^\s]*)$/, '');
+		}
+
+		// Protect against uncontrolled HTML input
+		if ( escapeHtml ) {
+			shortened = esc( shortened );
+		}
+
+		return '<span class="ellipsis" title="'+esc(d)+'">'+shortened+'&#8230;</span>';
+	};
+};
diff --git a/webroot/components/datatables-plugins/dataRender/intl.js b/webroot/components/datatables-plugins/dataRender/intl.js
new file mode 100644
index 0000000..56fcde5
--- /dev/null
+++ b/webroot/components/datatables-plugins/dataRender/intl.js
@@ -0,0 +1,147 @@
+/**
+ * Rendering methods using the Javascript Intl API. This is supported by IE11,
+ * Edge, Chrome, Firefox and Safari 10+. Any browser that does not support the
+ * Intl will simply show the unformatted data to the end user.
+ *
+ * The great advantage of using these methods is that your table's data will
+ * automatically be shown to your end user formatted for their locale. For
+ * example a date might be formatted as "m/d/yyyy" in the US, while in France
+ * it would show as "dd/mm/yyyy".
+ *
+ * Two rendering methods are available:
+ *
+ * * `intlNumber` which will format numbers.
+ * * `intlDateTime` which formats date times.
+ *
+ * Both optionally takes two arguments:
+ *
+ * 1. [Optional] Locale or array of locales
+ * 2. [Optional] Formatter options
+ *
+ * For the supported options please see the MDN documentation for
+ * [DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat) and
+ * [NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat).
+ *
+ *  @name intl
+ *  @summary Use the Intl Javascript API to render dates and numbers
+ *  @author [Allan Jardine](http://datatables.net)
+ *  @requires DataTables 1.10+
+ *
+ *  @example
+ *    // Number renderer - using the `columns.render` option:
+ *    render: $.fn.dataTable.render.intlNumber()
+ *
+ *  @example
+ *    // Number renderer - with specified locale:
+ *    render: $.fn.dataTable.render.intlNumber('de')
+ *
+ *  @example
+ *    // Number renderer - with specified locale and options:
+ *    render: $.fn.dataTable.render.intlNumber('de', {
+ *      style: 'currency',
+ *      currency: 'USD'
+ *    } )
+ *
+ * 
+ *  @example
+ *    // Date time renderer - using the `columns.render` option:
+ *    render: $.fn.dataTable.render.intlDateTime()
+ *
+ *  @example
+ *    // Date time renderer - with specified locale:
+ *    render: $.fn.dataTable.render.intlDateTime('en-US')
+ *
+ *  @example
+ *    // Date time renderer - with specified locale and options:
+ *    render: $.fn.dataTable.render.intlDateTime('de', {
+ *      weekday: 'long'
+ *    } )
+ *  
+ */
+
+// UMD
+(function( factory ) {
+	"use strict";
+
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		module.exports = function (root, $) {
+			if ( ! root ) {
+				root = window;
+			}
+
+			if ( ! $ ) {
+				$ = typeof window !== 'undefined' ?
+					require('jquery') :
+					require('jquery')( root );
+			}
+
+			return factory( $, root, root.document );
+		};
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}
+(function( $, window, document ) {
+
+
+$.fn.dataTable.render.intlNumber = function ( locale, options ) {
+	if ( window.Intl ) {
+		var formatter = new Intl.NumberFormat( locale, options );
+
+		return function ( d, type ) {
+			if ( type === 'display' ) {
+				return formatter.format( d );
+			}
+			else if ( type === 'filter' ) {
+				return d +' '+ formatter.format( d );
+			}
+			return d;
+		};
+	}
+	else {
+		return function ( d ) {
+			return d;
+		};
+	}
+};
+
+
+$.fn.dataTable.render.intlDateTime = function ( locale, options ) {
+	if ( window.Intl ) {
+		var formatter = new Intl.DateTimeFormat( locale, options );
+
+		return function ( data, type ) {
+			var date;
+
+			if ( typeof data === 'string' ) {
+				date = Date.parse( data );
+			}
+			else if ( data instanceof Date ) {
+				date = data;
+			}
+
+			if ( isNaN( date ) || type === 'type' || type === 'sort' ) {
+				return data;
+			}
+
+			return formatter.format( date );
+		};
+	}
+	else {
+		return function ( d ) {
+			return d;
+		};
+	}
+};
+
+
+}));
diff --git a/webroot/components/datatables-plugins/dataRender/percentageBars.js b/webroot/components/datatables-plugins/dataRender/percentageBars.js
new file mode 100644
index 0000000..9c31e61
--- /dev/null
+++ b/webroot/components/datatables-plugins/dataRender/percentageBars.js
@@ -0,0 +1,89 @@
+/**
+ * This data rendering helper method will convert percentage values into a bar.
+ * Values can either have the % sign or not and decimals get rounded to the
+ * given value. The percentage will have a max value of 100%.
+ *
+ * This function should be used with the `dt-init columns.render` configuration
+ * option of DataTables.
+ *
+ * v1.1 Changelog
+ * - Added a seventh border type parameter.
+ * - All parameters are now optional.
+ * - Improved styling.
+ * - Bug fix: Text is always centered now.
+ *
+ * It accepts seven parameters:
+ *
+ * 1. `-type string` square as default or round for a rounded bar.
+ * 2. `-type string` A hex color for the text.
+ * 3. `-type string` A hex color for the border.
+ * 4. `-type string` A hex color for the bar.
+ * 5. `-type string` A hex color for the background.
+ * 6. `-type integer` A number used to round the value.
+ * 7. `-type string` A border style, default=ridge (solid, outset, groove, ridge)
+ *
+ *  DEMO : http://codepen.io/RedJokingInn/pen/jrkZQN
+ *
+ *  @name percentBar
+ *  @summary Display percentage value as a bar
+ *  @author [Drijkoningen Dirk](RedJokingInn)
+ *  @requires DataTables 1.10+
+ *
+ *  @returns {String} Html code for bar
+ *
+ *  @example
+ *    // Display rounded bars with white text, medium blue border, light blue bar, dark blue background, rounded to one decimal.
+ *    $('#example').DataTable( {
+ *      columnDefs: [ {
+ *        targets: 4,
+ *        render: $.fn.dataTable.render.percentBar( 'round','#FFF', '#269ABC', '#31B0D5', '#286090', 1, 'groove' )
+ *      } ]
+ *    } );
+ *
+ *  @example
+ *    // All default values used. Square bars with black text, gray ridged border, light green bar, light gray background, rounded to integer.
+ *    $('#example').DataTable( {
+ *      columnDefs: [ {
+ *        targets: 2,
+ *        render: $.fn.dataTable.render.percentBar()
+ *      } ]
+ *    } );
+ */
+
+jQuery.fn.dataTable.render.percentBar = function(pShape, cText, cBorder, cBar, cBack, vRound, bType) {
+  pShape = pShape || 'square';
+  cText = cText || '#000';
+  cBorder = cBorder || '#BCBCBC';
+  cBar = cBar || '#5FD868';
+  cBack = cBack || '#E6E6E6';
+  vRound = vRound || 0;
+  bType = bType || 'ridge';
+  //Bar templates
+  var styleRule1 = 'max-width:100px;height:12px;margin:0 auto;';
+  var styleRule2 = 'border:2px '+bType+' '+cBorder+';line-height:12px;font-size:14px;color:'+cText+';background:'+cBack+';position:relative;';
+  var styleRule3 = 'height:12px;line-height:12px;text-align:center;background-color:'+cBar+';padding:auto 6px;';
+  //Square is default, make template round if pShape == round
+  if(pShape=='round'){
+    styleRule2 += 'border-radius:5px;';
+    styleRule3 += 'border-top-left-radius:4px;border-bottom-left-radius:4px;';
+  }
+
+  return function(d, type, row) {
+    //Remove % if found in the value
+    //Round to the given parameter vRound
+    s = parseFloat(d.toString().replace(/\s%|%/g,'')).toFixed(vRound);
+    //Not allowed to go over 100%
+    if(s>100){s=100}
+    
+    // Order, search and type gets numbers
+    if (type !== 'display') {
+      return s;
+    }
+    if (typeof d !== 'number' && typeof d !== 'string') {
+      return d;
+    }
+    
+    //Return the code for the bar
+    return '<div style="'+styleRule1+'"><div style="'+styleRule2+'"><div style="'+styleRule3+'width:'+s+ '%;"></div><div style="width:100%;text-align:center;position:absolute;left:0;top:0;">'+s+'%</div></div></div>';
+  };
+};
diff --git a/webroot/components/datatables-plugins/features/alphabetSearch/dataTables.alphabetSearch.css b/webroot/components/datatables-plugins/features/alphabetSearch/dataTables.alphabetSearch.css
new file mode 100644
index 0000000..3258e1e
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/alphabetSearch/dataTables.alphabetSearch.css
@@ -0,0 +1,39 @@
+div.alphabet {
+	position: relative;
+	display: table;
+	width: 100%;
+	margin-bottom: 1em;
+}
+
+div.alphabet span {
+	display: table-cell;
+	color: #3174c7;
+	cursor: pointer;
+	text-align: center;
+	width: 3.5%
+}
+
+div.alphabet span:hover {
+	text-decoration: underline;
+}
+
+div.alphabet span.active {
+	color: black;
+}
+
+div.alphabet span.empty {
+	color: red;
+}
+
+div.alphabetInfo {
+	display: block;
+	position: absolute;
+	background-color: #111;
+	border-radius: 3px;
+	color: white;
+	top: 2em;
+	height: 1.8em;
+	padding-top: 0.4em;
+	text-align: center;
+	z-index: 1;
+}
diff --git a/webroot/components/datatables-plugins/features/alphabetSearch/dataTables.alphabetSearch.js b/webroot/components/datatables-plugins/features/alphabetSearch/dataTables.alphabetSearch.js
new file mode 100644
index 0000000..a43eabc
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/alphabetSearch/dataTables.alphabetSearch.js
@@ -0,0 +1,165 @@
+/*! AlphabetSearch for DataTables v1.0.0
+ * 2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     AlphabetSearch
+ * @description Show an set of alphabet buttons alongside a table providing
+ *     search input options
+ * @version     1.0.0
+ * @file        dataTables.alphabetSearch.js
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @contact     www.sprymedia.co.uk/contact
+ * @copyright   Copyright 2014 SpryMedia Ltd.
+ * 
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * For more detailed information please see:
+ *     http://datatables.net/blog/2014-09-22
+ */
+(function(){
+
+
+// Search function
+$.fn.dataTable.Api.register( 'alphabetSearch()', function ( searchTerm ) {
+	this.iterator( 'table', function ( context ) {
+		context.alphabetSearch = searchTerm;
+	} );
+
+	return this;
+} );
+
+// Recalculate the alphabet display for updated data
+$.fn.dataTable.Api.register( 'alphabetSearch.recalc()', function ( searchTerm ) {
+	this.iterator( 'table', function ( context ) {
+		draw(
+			new $.fn.dataTable.Api( context ),
+			$('div.alphabet', this.table().container())
+		);
+	} );
+
+	return this;
+} );
+
+
+// Search plug-in
+$.fn.dataTable.ext.search.push( function ( context, searchData ) {
+	// Ensure that there is a search applied to this table before running it
+	if ( ! context.alphabetSearch ) {
+		return true;
+	}
+
+	if ( searchData[0].charAt(0) === context.alphabetSearch ) {
+		return true;
+	}
+
+	return false;
+} );
+
+
+// Private support methods
+function bin ( data ) {
+	var letter, bins = {};
+
+	for ( var i=0, ien=data.length ; i<ien ; i++ ) {
+		letter = data[i]
+			.toString()
+			.replace(/<.*?>/g, '')
+			.charAt(0).toUpperCase();
+
+		if ( bins[letter] ) {
+			bins[letter]++;
+		}
+		else {
+			bins[letter] = 1;
+		}
+	}
+
+	return bins;
+}
+
+function draw ( table, alphabet )
+{
+	alphabet.empty();
+	alphabet.append( 'Search: ' );
+
+	var columnData = table.column(0).data();
+	var bins = bin( columnData );
+
+	$('<span class="clear active"/>')
+		.data( 'letter', '' )
+		.data( 'match-count', columnData.length )
+		.html( 'None' )
+		.appendTo( alphabet );
+
+	for ( var i=0 ; i<26 ; i++ ) {
+		var letter = String.fromCharCode( 65 + i );
+
+		$('<span/>')
+			.data( 'letter', letter )
+			.data( 'match-count', bins[letter] || 0 )
+			.addClass( ! bins[letter] ? 'empty' : '' )
+			.html( letter )
+			.appendTo( alphabet );
+	}
+
+	$('<div class="alphabetInfo"></div>')
+		.appendTo( alphabet );
+}
+
+
+$.fn.dataTable.AlphabetSearch = function ( context ) {
+	var table = new $.fn.dataTable.Api( context );
+	var alphabet = $('<div class="alphabet"/>');
+
+	draw( table, alphabet );
+
+	// Trigger a search
+	alphabet.on( 'click', 'span', function () {
+		alphabet.find( '.active' ).removeClass( 'active' );
+		$(this).addClass( 'active' );
+
+		table
+			.alphabetSearch( $(this).data('letter') )
+			.draw();
+	} );
+
+	// Mouse events to show helper information
+	alphabet
+		.on( 'mouseenter', 'span', function () {
+			alphabet
+				.find('div.alphabetInfo')
+				.css( {
+					opacity: 1,
+					left: $(this).position().left,
+					width: $(this).width()
+				} )
+				.html( $(this).data('match-count') );
+		} )
+		.on( 'mouseleave', 'span', function () {
+			alphabet
+				.find('div.alphabetInfo')
+				.css('opacity', 0);
+		} );
+
+	// API method to get the alphabet container node
+	this.node = function () {
+		return alphabet;
+	};
+};
+
+$.fn.DataTable.AlphabetSearch = $.fn.dataTable.AlphabetSearch;
+
+
+// Register a search plug-in
+$.fn.dataTable.ext.feature.push( {
+	fnInit: function ( settings ) {
+		var search = new $.fn.dataTable.AlphabetSearch( settings );
+		return search.node();
+	},
+	cFeature: 'A'
+} );
+
+
+}());
+
diff --git a/webroot/components/datatables-plugins/features/alphabetSearch/dataTables.alphabetSearch.min.js b/webroot/components/datatables-plugins/features/alphabetSearch/dataTables.alphabetSearch.min.js
new file mode 100644
index 0000000..033b500
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/alphabetSearch/dataTables.alphabetSearch.min.js
@@ -0,0 +1,8 @@
+/*!
+ AlphabetSearch for DataTables v1.0.0
+ 2014 SpryMedia Ltd - datatables.net/license
+*/
+(function(){function f(b,c){c.empty();c.append("Search: ");for(var a=b.column(0).data(),d,e={},g=0,f=a.length;g<f;g++)d=a[g].toString().replace(/<.*?>/g,"").charAt(0).toUpperCase(),e[d]?e[d]++:e[d]=1;$('<span class="clear active"/>').data("letter","").data("match-count",a.length).html("None").appendTo(c);for(a=0;26>a;a++)d=String.fromCharCode(65+a),$("<span/>").data("letter",d).data("match-count",e[d]||0).addClass(!e[d]?"empty":"").html(d).appendTo(c);$('<div class="alphabetInfo"></div>').appendTo(c)}
+$.fn.dataTable.Api.register("alphabetSearch()",function(b){this.iterator("table",function(c){c.alphabetSearch=b});return this});$.fn.dataTable.Api.register("alphabetSearch.recalc()",function(){this.iterator("table",function(b){f(new $.fn.dataTable.Api(b),$("div.alphabet",this.table().container()))});return this});$.fn.dataTable.ext.search.push(function(b,c){return!b.alphabetSearch||c[0].charAt(0)===b.alphabetSearch?!0:!1});$.fn.dataTable.AlphabetSearch=function(b){var c=new $.fn.dataTable.Api(b),
+a=$('<div class="alphabet"/>');f(c,a);a.on("click","span",function(){a.find(".active").removeClass("active");$(this).addClass("active");c.alphabetSearch($(this).data("letter")).draw()});a.on("mouseenter","span",function(){a.find("div.alphabetInfo").css({opacity:1,left:$(this).position().left,width:$(this).width()}).html($(this).data("match-count"))}).on("mouseleave","span",function(){a.find("div.alphabetInfo").css("opacity",0)});this.node=function(){return a}};$.fn.DataTable.AlphabetSearch=$.fn.dataTable.AlphabetSearch;
+$.fn.dataTable.ext.feature.push({fnInit:function(b){return(new $.fn.dataTable.AlphabetSearch(b)).node()},cFeature:"A"})})();
diff --git a/webroot/components/datatables-plugins/features/conditionalPaging/dataTables.conditionalPaging.js b/webroot/components/datatables-plugins/features/conditionalPaging/dataTables.conditionalPaging.js
new file mode 100644
index 0000000..4fb7fae
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/conditionalPaging/dataTables.conditionalPaging.js
@@ -0,0 +1,82 @@
+/**
+ * @summary     ConditionalPaging
+ * @description Hide paging controls when the amount of pages is <= 1
+ * @version     1.0.0
+ * @file        dataTables.conditionalPaging.js
+ * @author      Matthew Hasbach (https://github.com/mjhasbach)
+ * @contact     hasbach.git@gmail.com
+ * @copyright   Copyright 2015 Matthew Hasbach
+ *
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * This feature plugin for DataTables hides paging controls when the amount
+ * of pages is <= 1. The controls can either appear / disappear or fade in / out
+ *
+ * @example
+ *    $('#myTable').DataTable({
+ *        conditionalPaging: true
+ *    });
+ *
+ * @example
+ *    $('#myTable').DataTable({
+ *        conditionalPaging: {
+ *            style: 'fade',
+ *            speed: 500 // optional
+ *        }
+ *    });
+ */
+
+(function(window, document, $) {
+    $(document).on('init.dt', function(e, dtSettings) {
+        if ( e.namespace !== 'dt' ) {
+            return;
+        }
+
+        var options = dtSettings.oInit.conditionalPaging || $.fn.dataTable.defaults.conditionalPaging;
+
+        if ($.isPlainObject(options) || options === true) {
+            var config = $.isPlainObject(options) ? options : {},
+                api = new $.fn.dataTable.Api(dtSettings),
+                speed = 'slow',
+                conditionalPaging = function(e) {
+                    var $paging = $(api.table().container()).find('div.dataTables_paginate'),
+                        pages = api.page.info().pages;
+
+                    if (e instanceof $.Event) {
+                        if (pages <= 1) {
+                            if (config.style === 'fade') {
+                                $paging.stop().fadeTo(speed, 0);
+                            }
+                            else {
+                                $paging.css('visibility', 'hidden');
+                            }
+                        }
+                        else {
+                            if (config.style === 'fade') {
+                                $paging.stop().fadeTo(speed, 1);
+                            }
+                            else {
+                                $paging.css('visibility', '');
+                            }
+                        }
+                    }
+                    else if (pages <= 1) {
+                        if (config.style === 'fade') {
+                            $paging.css('opacity', 0);
+                        }
+                        else {
+                            $paging.css('visibility', 'hidden');
+                        }
+                    }
+                };
+
+            if ( config.speed !== undefined ) {
+                speed = config.speed;
+            }
+
+            conditionalPaging();
+
+            api.on('draw.dt', conditionalPaging);
+        }
+    });
+})(window, document, jQuery);
diff --git a/webroot/components/datatables-plugins/features/deepLink/dataTables.deepLink.js b/webroot/components/datatables-plugins/features/deepLink/dataTables.deepLink.js
new file mode 100644
index 0000000..2ae6be7
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/deepLink/dataTables.deepLink.js
@@ -0,0 +1,91 @@
+/*! Deep linking options parsing support for DataTables
+ * 2017 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     LengthLinks
+ * @description Deep linking options parsing support for DataTables
+ * @version     1.0.0
+ * @file        dataTables.deepLink.js
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @copyright   Copyright 2017 SpryMedia Ltd.
+ * 
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * This feature plug-in for DataTables provides a function which will
+ * take DataTables options from the browser's URL search string and
+ * return an object that can be used to construct a DataTable. This
+ * allows deep linking to be easily implemented with DataTables - for
+ * example a URL might be `myTable?displayStart=10` which will
+ * automatically cause the second page of the DataTable to be displayed.
+ * 
+ * This plug-in works on a whitelist basis - you must specify which
+ * [initialisation parameters](//datatables.net/reference/option) you
+ * want the URL search string to specify. Any parameter given in the
+ * URL which is not listed will be ignored (e.g. you are unlikely to
+ * want to let the URL search string specify the `ajax` option).
+ * 
+ * This specification is done by passing an array of property names
+ * to the `$.fn.dataTable.ext.deepLink` function. If you do which to
+ * allow _every_ parameter (I wouldn't recommend it) you can use `all`
+ * instead of an array.
+ * 
+ * @example
+ *   // Allow a display start point and search string to be specified
+ *   $('#myTable').DataTable(
+ *     $.fn.dataTable.ext.deepLink( [ 'displayStart', 'search.search' ] )
+ *   );
+ *
+ * @example
+ *   // As above, but with a default search
+ *   var options = $.fn.dataTable.ext.deepLink(['displayStart', 'search.search']);
+ *
+ *   $('#myTable').DataTable(
+ *     $.extend( true, {
+ *       search: { search: 'Initial search value' }
+ *     }, options )
+ *   );
+ */
+(function(window, document, $, undefined) {
+
+// Use DataTables' object builder so strings can be used to represent
+// nested objects
+var setBuilder = $.fn.dataTable.ext.internal._fnSetObjectDataFn;
+
+$.fn.dataTable.ext.deepLink = function(whitelist) {
+	var search = location.search.replace(/^\?/, '').split('&');
+	var out = {};
+
+	for (var i = 0, ien = search.length; i < ien; i++) {
+		var pair = search[i].split('=');
+		var key = decodeURIComponent(pair[0]);
+		var value = decodeURIComponent(pair[1]);
+
+		// "Casting"
+		if (value === 'true') {
+			value = true;
+		}
+		else if (value === 'false') {
+			value = false;
+		}
+		else if (!value.match(/[^\d]/)) {
+			value = value * 1;
+		}
+		else if (value.indexOf('{') === 0 || value.indexOf('[') === 0) {
+            // Try to JSON parse for arrays and obejcts
+			try {
+				value = $.parseJSON( value );
+			}
+			catch(e){}
+		}
+
+		if (whitelist === 'all' || $.inArray(key, whitelist) !== -1) {
+			var setter = setBuilder(key);
+			setter(out, value);
+		}
+	}
+
+	return out;
+};
+
+})(window, document, jQuery);
diff --git a/webroot/components/datatables-plugins/features/deepLink/dataTables.deepLink.min.js b/webroot/components/datatables-plugins/features/deepLink/dataTables.deepLink.min.js
new file mode 100644
index 0000000..b30d1db
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/deepLink/dataTables.deepLink.min.js
@@ -0,0 +1,5 @@
+/*!
+ Deep linking options parsing support for DataTables
+ 2017 SpryMedia Ltd - datatables.net/license
+*/
+(function(h,k,b){var i=b.fn.dataTable.ext.internal._fnSetObjectDataFn;b.fn.dataTable.ext.deepLink=function(d){for(var e=location.search.replace(/^\?/,"").split("&"),f={},c=0,j=e.length;c<j;c++){var a=e[c].split("="),g=decodeURIComponent(a[0]),a=decodeURIComponent(a[1]);if("true"===a)a=!0;else if("false"===a)a=!1;else if(a.match(/[^\d]/)){if(0===a.indexOf("{")||0===a.indexOf("["))try{a=b.parseJSON(a)}catch(h){}}else a*=1;("all"===d||-1!==b.inArray(g,d))&&i(g)(f,a)}return f}})(window,document,jQuery);
diff --git a/webroot/components/datatables-plugins/features/lengthLinks/dataTables.lengthLinks.css b/webroot/components/datatables-plugins/features/lengthLinks/dataTables.lengthLinks.css
new file mode 100644
index 0000000..c78d21d
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/lengthLinks/dataTables.lengthLinks.css
@@ -0,0 +1,4 @@
+
+div.dataTables_length a.active {
+	color: black;
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/lengthLinks/dataTables.lengthLinks.js b/webroot/components/datatables-plugins/features/lengthLinks/dataTables.lengthLinks.js
new file mode 100644
index 0000000..51a4690
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/lengthLinks/dataTables.lengthLinks.js
@@ -0,0 +1,90 @@
+/*! Page length control via links for DataTables
+ * 2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     LengthLinks
+ * @description Page length control via links for DataTables
+ * @version     1.1.0
+ * @file        dataTables.lengthLinks.js
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @contact     www.sprymedia.co.uk/contact
+ * @copyright   Copyright 2014 SpryMedia Ltd.
+ * 
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * This feature plug-in for DataTables adds page length control links to the
+ * DataTable. The `dom` option can be used to insert the control using the `L`
+ * character option and it uses the `lengthMenu` options of DataTables to
+ * determine what to display.
+ *
+ * @example
+ *   $('#myTable').DataTable( {
+ *     dom: 'Lfrtip'
+ *   } );
+ *
+ * @example
+ *   $('#myTable').DataTable( {
+ *     lengthMenu: [ [10, 25, 50, -1], [10, 25, 50, "All"] ]
+ *     dom: 'Lfrtip'
+ *   } );
+ */
+
+(function(window, document, $, undefined) {
+
+
+$.fn.dataTable.LengthLinks = function ( inst ) {
+	var api = new $.fn.dataTable.Api( inst );
+	var settings = api.settings()[0];
+	var container = $('<div></div>').addClass( settings.oClasses.sLength );
+	var lastLength = null;
+
+	// API so the feature wrapper can return the node to insert
+	this.container = function () {
+		return container[0];
+	};
+
+	// Listen for events to change the page length
+	container.on( 'click.dtll', 'a', function (e) {
+		e.preventDefault();
+		api.page.len( $(this).data('length')*1 ).draw( false );
+	} );
+
+	// Update on each draw
+	api.on( 'draw', function () {
+		// No point in updating - nothing has changed
+		if ( api.page.len() === lastLength ) {
+			return;
+		}
+
+		var menu = settings.aLengthMenu;
+		var lang = menu.length===2 && $.isArray(menu[0]) ? menu[1] : menu;
+		var lens = menu.length===2 && $.isArray(menu[0]) ? menu[0] : menu;
+
+		var out = $.map( lens, function (el, i) {
+			return el == api.page.len() ?
+				'<a class="active" data-length="'+lens[i]+'">'+lang[i]+'</a>' :
+				'<a data-length="'+lens[i]+'">'+lang[i]+'</a>';
+		} );
+
+		container.html( settings.oLanguage.sLengthMenu.replace( '_MENU_', out.join(' | ') ) );
+		lastLength = api.page.len();
+	} );
+
+	api.on( 'destroy', function () {
+		container.off( 'click.dtll', 'a' );
+	} );
+};
+
+// Subscribe the feature plug-in to DataTables, ready for use
+$.fn.dataTable.ext.feature.push( {
+	"fnInit": function( settings ) {
+		var l = new $.fn.dataTable.LengthLinks( settings );
+		return l.container();
+	},
+	"cFeature": "L",
+	"sFeature": "LengthLinks"
+} );
+
+
+})(window, document, jQuery);
diff --git a/webroot/components/datatables-plugins/features/lengthLinks/dataTables.lengthLinks.min.js b/webroot/components/datatables-plugins/features/lengthLinks/dataTables.lengthLinks.min.js
new file mode 100644
index 0000000..e070c5f
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/lengthLinks/dataTables.lengthLinks.min.js
@@ -0,0 +1,6 @@
+/*!
+ Page length control via links for DataTables
+ 2014 SpryMedia Ltd - datatables.net/license
+*/
+(function(i,j,a){a.fn.dataTable.LengthLinks=function(d){var c=new a.fn.dataTable.Api(d),f=c.settings()[0],e=a("<div></div>").addClass(f.oClasses.sLength),h=null;this.container=function(){return e[0]};e.on("click.dtll","a",function(b){b.preventDefault();c.page.len(1*a(this).data("length")).draw(!1)});c.on("draw",function(){if(c.page.len()!==h){var b=f.aLengthMenu,d=2===b.length&&a.isArray(b[0])?b[1]:b,g=2===b.length&&a.isArray(b[0])?b[0]:b,b=a.map(g,function(b,a){return b==c.page.len()?'<a class="active" data-length="'+
+g[a]+'">'+d[a]+"</a>":'<a data-length="'+g[a]+'">'+d[a]+"</a>"});e.html(f.oLanguage.sLengthMenu.replace("_MENU_",b.join(" | ")));h=c.page.len()}});c.on("destroy",function(){e.off("click.dtll","a")})};a.fn.dataTable.ext.feature.push({fnInit:function(d){return(new a.fn.dataTable.LengthLinks(d)).container()},cFeature:"L",sFeature:"LengthLinks"})})(window,document,jQuery);
diff --git a/webroot/components/datatables-plugins/features/mark.js/datatables.mark.css b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.css
new file mode 100644
index 0000000..aa5eaaa
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.css
@@ -0,0 +1,4 @@
+mark {
+  background: orange;
+  color: black;
+}
diff --git a/webroot/components/datatables-plugins/features/mark.js/datatables.mark.es6.js b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.es6.js
new file mode 100644
index 0000000..e85f9f4
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.es6.js
@@ -0,0 +1,97 @@
+/*!***************************************************
+ * datatables.mark.js v2.0.1
+ * https://github.com/julmot/datatables.mark.js
+ * Copyright (c) 2016–2017, Julian Motz
+ * Released under the MIT license https://git.io/voRZ7
+ *****************************************************/
+
+'use strict';
+
+((factory, window, document) => {
+  if (typeof exports === 'object') {
+    const jquery = require('jquery');
+    require('datatables.net');
+    require('mark.js/dist/jquery.mark.js');
+    module.exports = factory(window, document, jquery);
+  } else if (typeof define === 'function' && define.amd) {
+    define(['jquery', 'datatables.net', 'markjs'], jQuery => {
+      return factory(window, document, jQuery);
+    });
+  } else {
+    factory(window, document, jQuery);
+  }
+})((window, document, $) => {
+  class MarkDataTables {
+    constructor(dtInstance, options) {
+      if (!$.fn.mark || !$.fn.unmark) {
+        throw new Error('jquery.mark.js is necessary for datatables.mark.js');
+      }
+      this.instance = dtInstance;
+      this.options = typeof options === 'object' ? options : {};
+      this.intervalThreshold = 49;
+      this.intervalMs = 300;
+      this.initMarkListener();
+    }
+
+    initMarkListener() {
+      const ev = 'draw.dt.dth column-visibility.dt.dth column-reorder.dt.dth';
+      let intvl = null;
+      this.instance.on(ev, () => {
+        const rows = this.instance.rows({
+          filter: 'applied',
+          page: 'current'
+        }).nodes().length;
+        if (rows > this.intervalThreshold) {
+          clearTimeout(intvl);
+          intvl = setTimeout(() => {
+            this.mark();
+          }, this.intervalMs);
+        } else {
+          this.mark();
+        }
+      });
+      this.instance.on('destroy', () => {
+        this.instance.off(ev);
+      });
+      this.mark();
+    }
+
+    mark() {
+      const globalSearch = this.instance.search();
+      $(this.instance.table().body()).unmark(this.options);
+      this.instance.columns({
+        search: 'applied',
+        page: 'current'
+      }).nodes().each((nodes, colIndex) => {
+        const columnSearch = this.instance.column(colIndex).search(),
+              searchVal = columnSearch || globalSearch;
+        if (searchVal) {
+          nodes.forEach(node => {
+            $(node).mark(searchVal, this.options);
+          });
+        }
+      });
+    }
+
+  }
+
+  $(document).on('init.dt.dth', (event, settings) => {
+    if (event.namespace !== 'dt') {
+      return;
+    }
+
+    const dtInstance = $.fn.dataTable.Api(settings);
+
+    let options = null;
+    if (dtInstance.init().mark) {
+      options = dtInstance.init().mark;
+    } else if ($.fn.dataTable.defaults.mark) {
+      options = $.fn.dataTable.defaults.mark;
+    }
+    if (options === null) {
+      return;
+    }
+
+    new MarkDataTables(dtInstance, options);
+  });
+}, window, document);
diff --git a/webroot/components/datatables-plugins/features/mark.js/datatables.mark.es6.min.js b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.es6.min.js
new file mode 100644
index 0000000..2ccfd7e
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.es6.min.js
@@ -0,0 +1,7 @@
+/*!***************************************************
+ * datatables.mark.js v2.0.1
+ * https://github.com/julmot/datatables.mark.js
+ * Copyright (c) 2016–2017, Julian Motz
+ * Released under the MIT license https://git.io/voRZ7
+ *****************************************************/
+'use strict';((factory,window,document)=>{if(typeof exports==='object'){const jquery=require('jquery');require('datatables.net');require('mark.js/dist/jquery.mark.js');module.exports=factory(window,document,jquery);}else if(typeof define==='function'&&define.amd){define(['jquery','datatables.net','markjs'],jQuery=>{return factory(window,document,jQuery);});}else{factory(window,document,jQuery);}})((window,document,$)=>{class MarkDataTables{constructor(dtInstance,options){if(!$.fn.mark||!$.fn.unmark){throw new Error('jquery.mark.js is necessary for datatables.mark.js');}this.instance=dtInstance;this.options=typeof options==='object'?options:{};this.intervalThreshold=49;this.intervalMs=300;this.initMarkListener();}initMarkListener(){const ev='draw.dt.dth column-visibility.dt.dth column-reorder.dt.dth';let intvl=null;this.instance.on(ev,()=>{const rows=this.instance.rows({filter:'applied',page:'current'}).nodes().length;if(rows>this.intervalThreshold){clearTimeout(intvl);intvl=setTimeout(()=>{this.mark();},this.intervalMs);}else{this.mark();}});this.instance.on('destroy',()=>{this.instance.off(ev);});this.mark();}mark(){const globalSearch=this.instance.search();$(this.instance.table().body()).unmark(this.options);this.instance.columns({search:'applied',page:'current'}).nodes().each((nodes,colIndex)=>{const columnSearch=this.instance.column(colIndex).search(),searchVal=columnSearch||globalSearch;if(searchVal){nodes.forEach(node=>{$(node).mark(searchVal,this.options);});}});}}$(document).on('init.dt.dth',(event,settings)=>{if(event.namespace!=='dt'){return;}const dtInstance=$.fn.dataTable.Api(settings);let options=null;if(dtInstance.init().mark){options=dtInstance.init().mark;}else if($.fn.dataTable.defaults.mark){options=$.fn.dataTable.defaults.mark;}if(options===null){return;}new MarkDataTables(dtInstance,options);});},window,document);
diff --git a/webroot/components/datatables-plugins/features/mark.js/datatables.mark.js b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.js
new file mode 100644
index 0000000..c62459d
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.js
@@ -0,0 +1,114 @@
+/*!***************************************************
+ * datatables.mark.js v2.0.1
+ * https://github.com/julmot/datatables.mark.js
+ * Copyright (c) 2016–2017, Julian Motz
+ * Released under the MIT license https://git.io/voRZ7
+ *****************************************************/
+
+'use strict';
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+(function (factory, window, document) {
+  if ((typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) === 'object') {
+    var jquery = require('jquery');
+    require('datatables.net');
+    require('mark.js/dist/jquery.mark.js');
+    module.exports = factory(window, document, jquery);
+  } else if (typeof define === 'function' && define.amd) {
+    define(['jquery', 'datatables.net', 'markjs'], function (jQuery) {
+      return factory(window, document, jQuery);
+    });
+  } else {
+    factory(window, document, jQuery);
+  }
+})(function (window, document, $) {
+  var MarkDataTables = function () {
+    function MarkDataTables(dtInstance, options) {
+      _classCallCheck(this, MarkDataTables);
+
+      if (!$.fn.mark || !$.fn.unmark) {
+        throw new Error('jquery.mark.js is necessary for datatables.mark.js');
+      }
+      this.instance = dtInstance;
+      this.options = (typeof options === 'undefined' ? 'undefined' : _typeof(options)) === 'object' ? options : {};
+      this.intervalThreshold = 49;
+      this.intervalMs = 300;
+      this.initMarkListener();
+    }
+
+    _createClass(MarkDataTables, [{
+      key: 'initMarkListener',
+      value: function initMarkListener() {
+        var _this = this;
+
+        var ev = 'draw.dt.dth column-visibility.dt.dth column-reorder.dt.dth';
+        var intvl = null;
+        this.instance.on(ev, function () {
+          var rows = _this.instance.rows({
+            filter: 'applied',
+            page: 'current'
+          }).nodes().length;
+          if (rows > _this.intervalThreshold) {
+            clearTimeout(intvl);
+            intvl = setTimeout(function () {
+              _this.mark();
+            }, _this.intervalMs);
+          } else {
+            _this.mark();
+          }
+        });
+        this.instance.on('destroy', function () {
+          _this.instance.off(ev);
+        });
+        this.mark();
+      }
+    }, {
+      key: 'mark',
+      value: function mark() {
+        var _this2 = this;
+
+        var globalSearch = this.instance.search();
+        $(this.instance.table().body()).unmark(this.options);
+        this.instance.columns({
+          search: 'applied',
+          page: 'current'
+        }).nodes().each(function (nodes, colIndex) {
+          var columnSearch = _this2.instance.column(colIndex).search(),
+              searchVal = columnSearch || globalSearch;
+          if (searchVal) {
+            nodes.forEach(function (node) {
+              $(node).mark(searchVal, _this2.options);
+            });
+          }
+        });
+      }
+    }]);
+
+    return MarkDataTables;
+  }();
+
+  $(document).on('init.dt.dth', function (event, settings) {
+    if (event.namespace !== 'dt') {
+      return;
+    }
+
+    var dtInstance = $.fn.dataTable.Api(settings);
+
+    var options = null;
+    if (dtInstance.init().mark) {
+      options = dtInstance.init().mark;
+    } else if ($.fn.dataTable.defaults.mark) {
+      options = $.fn.dataTable.defaults.mark;
+    }
+    if (options === null) {
+      return;
+    }
+
+    new MarkDataTables(dtInstance, options);
+  });
+}, window, document);
diff --git a/webroot/components/datatables-plugins/features/mark.js/datatables.mark.min.css b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.min.css
new file mode 100644
index 0000000..722870b
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.min.css
@@ -0,0 +1 @@
+mark{background:orange;color:black;}
diff --git a/webroot/components/datatables-plugins/features/mark.js/datatables.mark.min.js b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.min.js
new file mode 100644
index 0000000..c4c0d87
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/mark.js/datatables.mark.min.js
@@ -0,0 +1,7 @@
+/*!***************************************************
+ * datatables.mark.js v2.0.1
+ * https://github.com/julmot/datatables.mark.js
+ * Copyright (c) 2016–2017, Julian Motz
+ * Released under the MIT license https://git.io/voRZ7
+ *****************************************************/
+"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};!function(e,t,n){if("object"===("undefined"==typeof exports?"undefined":_typeof(exports))){var r=require("jquery");require("datatables.net"),require("mark.js/dist/jquery.mark.js"),module.exports=e(t,n,r)}else"function"==typeof define&&define.amd?define(["jquery","datatables.net","markjs"],function(r){return e(t,n,r)}):e(t,n,jQuery)}(function(e,t,n){var r=function(){function e(t,r){if(_classCallCheck(this,e),!n.fn.mark||!n.fn.unmark)throw new Error("jquery.mark.js is necessary for datatables.mark.js");this.instance=t,this.options="object"===(void 0===r?"undefined":_typeof(r))?r:{},this.intervalThreshold=49,this.intervalMs=300,this.initMarkListener()}return _createClass(e,[{key:"initMarkListener",value:function(){var e=this,t="draw.dt.dth column-visibility.dt.dth column-reorder.dt.dth",n=null;this.instance.on(t,function(){e.instance.rows({filter:"applied",page:"current"}).nodes().length>e.intervalThreshold?(clearTimeout(n),n=setTimeout(function(){e.mark()},e.intervalMs)):e.mark()}),this.instance.on("destroy",function(){e.instance.off(t)}),this.mark()}},{key:"mark",value:function(){var e=this,t=this.instance.search();n(this.instance.table().body()).unmark(this.options),this.instance.columns({search:"applied",page:"current"}).nodes().each(function(r,a){var i=e.instance.column(a).search()||t;i&&r.forEach(function(t){n(t).mark(i,e.options)})})}}]),e}();n(t).on("init.dt.dth",function(e,t){if("dt"===e.namespace){var a=n.fn.dataTable.Api(t),i=null;a.init().mark?i=a.init().mark:n.fn.dataTable.defaults.mark&&(i=n.fn.dataTable.defaults.mark),null!==i&&new r(a,i)}})},window,document);
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/pageResize/dataTables.pageResize.js b/webroot/components/datatables-plugins/features/pageResize/dataTables.pageResize.js
new file mode 100644
index 0000000..a63ee24
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/pageResize/dataTables.pageResize.js
@@ -0,0 +1,190 @@
+/*! PageResize for DataTables v1.0.0
+ * 2015 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     PageResize
+ * @description Automatically alter the DataTables page length to fit the table
+     into a container
+ * @version     1.0.0
+ * @file        dataTables.pageResize.js
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @contact     www.sprymedia.co.uk/contact
+ * @copyright   Copyright 2015 SpryMedia Ltd.
+ * 
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * This feature plug-in for DataTables will automatically change the DataTables
+ * page length in order to fit inside its container. This can be particularly
+ * useful for control panels and other interfaces which resize dynamically with
+ * the user's browser window instead of scrolling.
+ *
+ * Page resizing in DataTables can be enabled by using any one of the following
+ * options:
+ *
+ * * Adding the class `pageResize` to the HTML table
+ * * Setting the `pageResize` parameter in the DataTables initialisation to
+ *   be true - i.e. `pageResize: true`
+ * * Setting the `pageResize` parameter to be true in the DataTables
+ *   defaults (thus causing all tables to have this feature) - i.e.
+ *   `$.fn.dataTable.defaults.pageResize = true`.
+ * * Creating a new instance: `new $.fn.dataTable.PageResize( table );` where
+ *   `table` is a DataTable's API instance.
+ *
+ * For more detailed information please see:
+ *     http://datatables.net/blog/2015-04-10
+ */
+(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 PageResize = function ( dt, pageResizeManualDelta )
+{
+	var table = dt.table();
+
+	this.s = {
+		dt:        dt,
+		host:      $(table.container()).parent(),
+		header:    $(table.header()),
+		footer:    $(table.footer()),
+		body:      $(table.body()),
+		container: $(table.container()),
+		table:     $(table.node()),
+		delta:     pageResizeManualDelta
+	};
+
+	var host = this.s.host;
+	if ( host.css('position') === 'static' ) {
+		host.css( 'position', 'relative' );
+	}
+
+	this._attach();
+	this._size();
+};
+
+
+PageResize.prototype = {
+	_size: function ()
+	{
+		var settings = this.s;
+		var dt = settings.dt;
+		var t = dt.table();
+		var offsetTop = $( settings.table ).offset().top;
+		var rows = $( 'tr', settings.body );
+		var rowHeight = rows.eq( rows.length > 1 ? 1 : 0 ).height(); // Attempt to use the second row if poss, for top and bottom border
+		var availableHeight = settings.host.height();
+		var scrolling = t.header().parentNode !== t.body().parentNode;
+		var delta = settings.delta;
+
+		// Subtract the height of the header, footer and the elements
+		// surrounding the table
+		if ( ! scrolling ) {
+			if ( t.header() ) {
+			    availableHeight -= settings.header.height();
+			}
+			if ( t.footer() ) {
+			    availableHeight -= settings.footer.height();
+			}
+		}
+		availableHeight -= offsetTop;
+		availableHeight -= settings.container.height() - ( offsetTop + settings.table.height() );
+
+		if ( !isNaN( parseFloat( delta ) ) && isFinite( delta ) ) {
+			availableHeight -= delta;
+		}
+
+		var drawRows = Math.floor( availableHeight / rowHeight );
+
+		if ( drawRows !== Infinity && drawRows !== -Infinity && 
+			 ! isNaN( drawRows )   && drawRows > 0 &&
+			 drawRows !== dt.page.len()
+		) {
+			dt.page.len( drawRows ).draw();
+		}
+	},
+
+	_attach: function () {
+		// There is no `resize` event for elements, so to trigger this effect,
+		// create an empty HTML document using an <object> which will issue a
+		// resize event inside itself when the document resizes. Since it is
+		// 100% x 100% that will occur whenever the host element is resized.
+		var that = this;
+		var obj = $('<object/>')
+			.css( {
+				position: 'absolute',
+				top: 0,
+				left: 0,
+				height: '100%',
+				width: '100%',
+				zIndex: -1
+			} )
+			.attr( 'type', 'text/html' );
+
+		obj[0].onload = function () {
+			var body = this.contentDocument.body;
+			var height = body.offsetHeight;
+
+			this.contentDocument.defaultView.onresize = function () {
+				var newHeight = body.clientHeight || body.offsetHeight;
+
+				if ( newHeight !== height ) {
+					height = newHeight;
+
+					that._size();
+				}
+			};
+		};
+
+		obj
+			.appendTo( this.s.host )
+			.attr( 'data', 'about:blank' );
+	}
+};
+
+
+$.fn.dataTable.PageResize = PageResize;
+$.fn.DataTable.PageResize = PageResize;
+
+// Automatic initialisation listener
+$(document).on( 'init.dt', function ( e, settings ) {
+	if ( e.namespace !== 'dt' ) {
+		return;
+	}
+
+	var api = new $.fn.dataTable.Api( settings );
+
+	if ( $( api.table().node() ).hasClass( 'pageResize' ) ||
+		 settings.oInit.pageResize ||
+		 $.fn.dataTable.defaults.pageResize )
+	{
+		new PageResize( api, settings.oInit.pageResizeManualDelta );
+	}
+} );
+
+
+}));
diff --git a/webroot/components/datatables-plugins/features/pageResize/dataTables.pageResize.min.js b/webroot/components/datatables-plugins/features/pageResize/dataTables.pageResize.min.js
new file mode 100644
index 0000000..fd6e382
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/pageResize/dataTables.pageResize.min.js
@@ -0,0 +1,8 @@
+/*!
+ PageResize for DataTables v1.0.0
+ 2015 SpryMedia Ltd - datatables.net/license
+*/
+(function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(e){return b(e,window,document)}):"object"===typeof exports?module.exports=function(e,c){e||(e=window);if(!c||!c.fn.dataTable)c=require("datatables.net")(e,c).$;return b(c,e,e.document)}:b(jQuery,window,document)})(function(b,e,c){var g=function(a,h){var d=a.table();this.s={dt:a,host:b(d.container()).parent(),header:b(d.header()),footer:b(d.footer()),body:b(d.body()),container:b(d.container()),table:b(d.node()),
+delta:h};d=this.s.host;"static"===d.css("position")&&d.css("position","relative");this._attach();this._size()};g.prototype={_size:function(){var a=this.s,h=a.dt,d=h.table(),e=b(a.table).offset().top,c=b("tr",a.body),c=c.eq(1<c.length?1:0).height(),f=a.host.height(),g=d.header().parentNode!==d.body().parentNode,i=a.delta;g||(d.header()&&(f-=a.header.height()),d.footer()&&(f-=a.footer.height()));f=f-e-(a.container.height()-(e+a.table.height()));!isNaN(parseFloat(i))&&isFinite(i)&&(f-=i);a=Math.floor(f/
+c);Infinity!==a&&(-Infinity!==a&&!isNaN(a)&&0<a&&a!==h.page.len())&&h.page.len(a).draw()},_attach:function(){var a=this,c=b("<object/>").css({position:"absolute",top:0,left:0,height:"100%",width:"100%",zIndex:-1}).attr("type","text/html");c[0].onload=function(){var d=this.contentDocument.body,b=d.offsetHeight;this.contentDocument.defaultView.onresize=function(){var c=d.clientHeight||d.offsetHeight;c!==b&&(b=c,a._size())}};c.appendTo(this.s.host).attr("data","about:blank")}};b.fn.dataTable.PageResize=
+g;b.fn.DataTable.PageResize=g;b(c).on("init.dt",function(a,c){if("dt"===a.namespace){var d=new b.fn.dataTable.Api(c);(b(d.table().node()).hasClass("pageResize")||c.oInit.pageResize||b.fn.dataTable.defaults.pageResize)&&new g(d,c.oInit.pageResizeManualDelta)}})});
diff --git a/webroot/components/datatables-plugins/features/pageResize/index.html b/webroot/components/datatables-plugins/features/pageResize/index.html
new file mode 100644
index 0000000..83ab2ff
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/pageResize/index.html
@@ -0,0 +1,578 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables page resize example</title>
+
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
+		<style type="text/css">
+			div.container {
+				margin: 0 auto;
+				max-width: 980px;
+			}
+
+			#resize_wrapper {
+				position: relative;
+				height: 300px;
+				padding: 0.5em 0.5em 1.5em 0.5em;
+				border: 1px solid #aaa;
+				border-radius: 0.5em;
+				background-color: #f9f9f9;
+			}
+
+			#resize_handle {
+				position: absolute;
+				bottom: 0;
+				left: 0;
+				right: 0;
+				height: 1.5em;
+				border-bottom-right-radius: 0.5em;
+				border-bottom-left-radius: 0.5em;
+				text-align: center;
+				font-size: 0.8em;
+				line-height: 1.5em;
+				background-color: #4d90fe;
+				color: white;
+				cursor: pointer;
+			}
+
+			table.dataTable th,
+			table.dataTable td {
+				white-space: nowrap;
+			}
+
+			div.dataTables_length {
+				display: none;
+			}
+		</style>
+
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.pageResize.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready( function () {
+				// Resize the demo table container with mouse drag
+				var wrapper = $('#resize_wrapper');
+				$('#resize_handle').on( 'mousedown', function (e) {
+					var mouseStartY = e.pageY;
+					var resizeStartHeight = wrapper.height();
+
+					$(document)
+						.on( 'mousemove.demo', function (e) {
+							var height = resizeStartHeight + (e.pageY - mouseStartY);
+							if ( height < 180 ) {
+								height = 180;
+							}
+
+							wrapper.height( height );
+						} )
+						.on( 'mouseup.demo', function (e) {
+							$(document).off( 'mousemove.demo mouseup.demo' );
+						} );
+
+					return false;
+				} );
+
+				// DataTables initialisation
+				var table = $('#example').DataTable( {
+					pageResize: true,
+					columnDefs: [
+						{ visible: false, targets: 1 }
+					]
+				} );
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			<div id="resize_wrapper">
+				<table id="example" class="display" cellspacing="0" width="100%">
+					<thead>
+						<tr>
+							<th>Name</th>
+							<th>Position</th>
+							<th>Office</th>
+							<th>Age</th>
+							<th>Start date</th>
+							<th>Salary</th>
+						</tr>
+					</thead>
+
+					<tfoot>
+						<tr>
+							<th>Name</th>
+							<th>Position</th>
+							<th>Office</th>
+							<th>Age</th>
+							<th>Start date</th>
+							<th>Salary</th>
+						</tr>
+					</tfoot>
+
+					<tbody>
+						<tr>
+							<td>Tiger Nixon</td>
+							<td>System Architect</td>
+							<td>Edinburgh</td>
+							<td>61</td>
+							<td>2011/04/25</td>
+							<td>$320,800</td>
+						</tr>
+						<tr>
+							<td>Garrett Winters</td>
+							<td>Accountant</td>
+							<td>Tokyo</td>
+							<td>63</td>
+							<td>2011/07/25</td>
+							<td>$170,750</td>
+						</tr>
+						<tr>
+							<td>Ashton Cox</td>
+							<td>Junior Technical Author</td>
+							<td>San Francisco</td>
+							<td>66</td>
+							<td>2009/01/12</td>
+							<td>$86,000</td>
+						</tr>
+						<tr>
+							<td>Cedric Kelly</td>
+							<td>Senior Javascript Developer</td>
+							<td>Edinburgh</td>
+							<td>22</td>
+							<td>2012/03/29</td>
+							<td>$433,060</td>
+						</tr>
+						<tr>
+							<td>Airi Satou</td>
+							<td>Accountant</td>
+							<td>Tokyo</td>
+							<td>33</td>
+							<td>2008/11/28</td>
+							<td>$162,700</td>
+						</tr>
+						<tr>
+							<td>Brielle Williamson</td>
+							<td>Integration Specialist</td>
+							<td>New York</td>
+							<td>61</td>
+							<td>2012/12/02</td>
+							<td>$372,000</td>
+						</tr>
+						<tr>
+							<td>Herrod Chandler</td>
+							<td>Sales Assistant</td>
+							<td>San Francisco</td>
+							<td>59</td>
+							<td>2012/08/06</td>
+							<td>$137,500</td>
+						</tr>
+						<tr>
+							<td>Rhona Davidson</td>
+							<td>Integration Specialist</td>
+							<td>Tokyo</td>
+							<td>55</td>
+							<td>2010/10/14</td>
+							<td>$327,900</td>
+						</tr>
+						<tr>
+							<td>Colleen Hurst</td>
+							<td>Javascript Developer</td>
+							<td>San Francisco</td>
+							<td>39</td>
+							<td>2009/09/15</td>
+							<td>$205,500</td>
+						</tr>
+						<tr>
+							<td>Sonya Frost</td>
+							<td>Software Engineer</td>
+							<td>Edinburgh</td>
+							<td>23</td>
+							<td>2008/12/13</td>
+							<td>$103,600</td>
+						</tr>
+						<tr>
+							<td>Jena Gaines</td>
+							<td>Office Manager</td>
+							<td>London</td>
+							<td>30</td>
+							<td>2008/12/19</td>
+							<td>$90,560</td>
+						</tr>
+						<tr>
+							<td>Quinn Flynn</td>
+							<td>Support Lead</td>
+							<td>Edinburgh</td>
+							<td>22</td>
+							<td>2013/03/03</td>
+							<td>$342,000</td>
+						</tr>
+						<tr>
+							<td>Charde Marshall</td>
+							<td>Regional Director</td>
+							<td>San Francisco</td>
+							<td>36</td>
+							<td>2008/10/16</td>
+							<td>$470,600</td>
+						</tr>
+						<tr>
+							<td>Haley Kennedy</td>
+							<td>Senior Marketing Designer</td>
+							<td>London</td>
+							<td>43</td>
+							<td>2012/12/18</td>
+							<td>$313,500</td>
+						</tr>
+						<tr>
+							<td>Tatyana Fitzpatrick</td>
+							<td>Regional Director</td>
+							<td>London</td>
+							<td>19</td>
+							<td>2010/03/17</td>
+							<td>$385,750</td>
+						</tr>
+						<tr>
+							<td>Michael Silva</td>
+							<td>Marketing Designer</td>
+							<td>London</td>
+							<td>66</td>
+							<td>2012/11/27</td>
+							<td>$198,500</td>
+						</tr>
+						<tr>
+							<td>Paul Byrd</td>
+							<td>Chief Financial Officer (CFO)</td>
+							<td>New York</td>
+							<td>64</td>
+							<td>2010/06/09</td>
+							<td>$725,000</td>
+						</tr>
+						<tr>
+							<td>Gloria Little</td>
+							<td>Systems Administrator</td>
+							<td>New York</td>
+							<td>59</td>
+							<td>2009/04/10</td>
+							<td>$237,500</td>
+						</tr>
+						<tr>
+							<td>Bradley Greer</td>
+							<td>Software Engineer</td>
+							<td>London</td>
+							<td>41</td>
+							<td>2012/10/13</td>
+							<td>$132,000</td>
+						</tr>
+						<tr>
+							<td>Dai Rios</td>
+							<td>Personnel Lead</td>
+							<td>Edinburgh</td>
+							<td>35</td>
+							<td>2012/09/26</td>
+							<td>$217,500</td>
+						</tr>
+						<tr>
+							<td>Jenette Caldwell</td>
+							<td>Development Lead</td>
+							<td>New York</td>
+							<td>30</td>
+							<td>2011/09/03</td>
+							<td>$345,000</td>
+						</tr>
+						<tr>
+							<td>Yuri Berry</td>
+							<td>Chief Marketing Officer (CMO)</td>
+							<td>New York</td>
+							<td>40</td>
+							<td>2009/06/25</td>
+							<td>$675,000</td>
+						</tr>
+						<tr>
+							<td>Caesar Vance</td>
+							<td>Pre-Sales Support</td>
+							<td>New York</td>
+							<td>21</td>
+							<td>2011/12/12</td>
+							<td>$106,450</td>
+						</tr>
+						<tr>
+							<td>Doris Wilder</td>
+							<td>Sales Assistant</td>
+							<td>Sidney</td>
+							<td>23</td>
+							<td>2010/09/20</td>
+							<td>$85,600</td>
+						</tr>
+						<tr>
+							<td>Angelica Ramos</td>
+							<td>Chief Executive Officer (CEO)</td>
+							<td>London</td>
+							<td>47</td>
+							<td>2009/10/09</td>
+							<td>$1,200,000</td>
+						</tr>
+						<tr>
+							<td>Gavin Joyce</td>
+							<td>Developer</td>
+							<td>Edinburgh</td>
+							<td>42</td>
+							<td>2010/12/22</td>
+							<td>$92,575</td>
+						</tr>
+						<tr>
+							<td>Jennifer Chang</td>
+							<td>Regional Director</td>
+							<td>Singapore</td>
+							<td>28</td>
+							<td>2010/11/14</td>
+							<td>$357,650</td>
+						</tr>
+						<tr>
+							<td>Brenden Wagner</td>
+							<td>Software Engineer</td>
+							<td>San Francisco</td>
+							<td>28</td>
+							<td>2011/06/07</td>
+							<td>$206,850</td>
+						</tr>
+						<tr>
+							<td>Fiona Green</td>
+							<td>Chief Operating Officer (COO)</td>
+							<td>San Francisco</td>
+							<td>48</td>
+							<td>2010/03/11</td>
+							<td>$850,000</td>
+						</tr>
+						<tr>
+							<td>Shou Itou</td>
+							<td>Regional Marketing</td>
+							<td>Tokyo</td>
+							<td>20</td>
+							<td>2011/08/14</td>
+							<td>$163,000</td>
+						</tr>
+						<tr>
+							<td>Michelle House</td>
+							<td>Integration Specialist</td>
+							<td>Sidney</td>
+							<td>37</td>
+							<td>2011/06/02</td>
+							<td>$95,400</td>
+						</tr>
+						<tr>
+							<td>Suki Burks</td>
+							<td>Developer</td>
+							<td>London</td>
+							<td>53</td>
+							<td>2009/10/22</td>
+							<td>$114,500</td>
+						</tr>
+						<tr>
+							<td>Prescott Bartlett</td>
+							<td>Technical Author</td>
+							<td>London</td>
+							<td>27</td>
+							<td>2011/05/07</td>
+							<td>$145,000</td>
+						</tr>
+						<tr>
+							<td>Gavin Cortez</td>
+							<td>Team Leader</td>
+							<td>San Francisco</td>
+							<td>22</td>
+							<td>2008/10/26</td>
+							<td>$235,500</td>
+						</tr>
+						<tr>
+							<td>Martena Mccray</td>
+							<td>Post-Sales support</td>
+							<td>Edinburgh</td>
+							<td>46</td>
+							<td>2011/03/09</td>
+							<td>$324,050</td>
+						</tr>
+						<tr>
+							<td>Unity Butler</td>
+							<td>Marketing Designer</td>
+							<td>San Francisco</td>
+							<td>47</td>
+							<td>2009/12/09</td>
+							<td>$85,675</td>
+						</tr>
+						<tr>
+							<td>Howard Hatfield</td>
+							<td>Office Manager</td>
+							<td>San Francisco</td>
+							<td>51</td>
+							<td>2008/12/16</td>
+							<td>$164,500</td>
+						</tr>
+						<tr>
+							<td>Hope Fuentes</td>
+							<td>Secretary</td>
+							<td>San Francisco</td>
+							<td>41</td>
+							<td>2010/02/12</td>
+							<td>$109,850</td>
+						</tr>
+						<tr>
+							<td>Vivian Harrell</td>
+							<td>Financial Controller</td>
+							<td>San Francisco</td>
+							<td>62</td>
+							<td>2009/02/14</td>
+							<td>$452,500</td>
+						</tr>
+						<tr>
+							<td>Timothy Mooney</td>
+							<td>Office Manager</td>
+							<td>London</td>
+							<td>37</td>
+							<td>2008/12/11</td>
+							<td>$136,200</td>
+						</tr>
+						<tr>
+							<td>Jackson Bradshaw</td>
+							<td>Director</td>
+							<td>New York</td>
+							<td>65</td>
+							<td>2008/09/26</td>
+							<td>$645,750</td>
+						</tr>
+						<tr>
+							<td>Olivia Liang</td>
+							<td>Support Engineer</td>
+							<td>Singapore</td>
+							<td>64</td>
+							<td>2011/02/03</td>
+							<td>$234,500</td>
+						</tr>
+						<tr>
+							<td>Bruno Nash</td>
+							<td>Software Engineer</td>
+							<td>London</td>
+							<td>38</td>
+							<td>2011/05/03</td>
+							<td>$163,500</td>
+						</tr>
+						<tr>
+							<td>Sakura Yamamoto</td>
+							<td>Support Engineer</td>
+							<td>Tokyo</td>
+							<td>37</td>
+							<td>2009/08/19</td>
+							<td>$139,575</td>
+						</tr>
+						<tr>
+							<td>Thor Walton</td>
+							<td>Developer</td>
+							<td>New York</td>
+							<td>61</td>
+							<td>2013/08/11</td>
+							<td>$98,540</td>
+						</tr>
+						<tr>
+							<td>Finn Camacho</td>
+							<td>Support Engineer</td>
+							<td>San Francisco</td>
+							<td>47</td>
+							<td>2009/07/07</td>
+							<td>$87,500</td>
+						</tr>
+						<tr>
+							<td>Serge Baldwin</td>
+							<td>Data Coordinator</td>
+							<td>Singapore</td>
+							<td>64</td>
+							<td>2012/04/09</td>
+							<td>$138,575</td>
+						</tr>
+						<tr>
+							<td>Zenaida Frank</td>
+							<td>Software Engineer</td>
+							<td>New York</td>
+							<td>63</td>
+							<td>2010/01/04</td>
+							<td>$125,250</td>
+						</tr>
+						<tr>
+							<td>Zorita Serrano</td>
+							<td>Software Engineer</td>
+							<td>San Francisco</td>
+							<td>56</td>
+							<td>2012/06/01</td>
+							<td>$115,000</td>
+						</tr>
+						<tr>
+							<td>Jennifer Acosta</td>
+							<td>Junior Javascript Developer</td>
+							<td>Edinburgh</td>
+							<td>43</td>
+							<td>2013/02/01</td>
+							<td>$75,650</td>
+						</tr>
+						<tr>
+							<td>Cara Stevens</td>
+							<td>Sales Assistant</td>
+							<td>New York</td>
+							<td>46</td>
+							<td>2011/12/06</td>
+							<td>$145,600</td>
+						</tr>
+						<tr>
+							<td>Hermione Butler</td>
+							<td>Regional Director</td>
+							<td>London</td>
+							<td>47</td>
+							<td>2011/03/21</td>
+							<td>$356,250</td>
+						</tr>
+						<tr>
+							<td>Lael Greer</td>
+							<td>Systems Administrator</td>
+							<td>London</td>
+							<td>21</td>
+							<td>2009/02/27</td>
+							<td>$103,500</td>
+						</tr>
+						<tr>
+							<td>Jonas Alexander</td>
+							<td>Developer</td>
+							<td>San Francisco</td>
+							<td>30</td>
+							<td>2010/07/14</td>
+							<td>$86,500</td>
+						</tr>
+						<tr>
+							<td>Shad Decker</td>
+							<td>Regional Director</td>
+							<td>Edinburgh</td>
+							<td>51</td>
+							<td>2008/11/13</td>
+							<td>$183,000</td>
+						</tr>
+						<tr>
+							<td>Michael Bruce</td>
+							<td>Javascript Developer</td>
+							<td>Singapore</td>
+							<td>29</td>
+							<td>2011/06/27</td>
+							<td>$183,000</td>
+						</tr>
+						<tr>
+							<td>Donna Snider</td>
+							<td>Customer Support</td>
+							<td>New York</td>
+							<td>27</td>
+							<td>2011/01/25</td>
+							<td>$112,000</td>
+						</tr>
+					</tbody>
+				</table>
+
+				<div id="resize_handle">Click and drag me!</div>
+			</div>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/pageResize/scrolling.html b/webroot/components/datatables-plugins/features/pageResize/scrolling.html
new file mode 100644
index 0000000..c767605
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/pageResize/scrolling.html
@@ -0,0 +1,579 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables page resize example</title>
+
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
+		<style type="text/css">
+			div.container {
+				margin: 0 auto;
+				max-width: 980px;
+			}
+
+			#resize_wrapper {
+				position: relative;
+				height: 300px;
+				padding: 0.5em 0.5em 1.5em 0.5em;
+				border: 1px solid #aaa;
+				border-radius: 0.5em;
+				background-color: #f9f9f9;
+			}
+
+			#resize_handle {
+				position: absolute;
+				bottom: 0;
+				left: 0;
+				right: 0;
+				height: 1.5em;
+				border-bottom-right-radius: 0.5em;
+				border-bottom-left-radius: 0.5em;
+				text-align: center;
+				font-size: 0.8em;
+				line-height: 1.5em;
+				background-color: #4d90fe;
+				color: white;
+				cursor: pointer;
+			}
+
+			table.dataTable th,
+			table.dataTable td {
+				white-space: nowrap;
+			}
+
+			div.dataTables_length {
+				display: none;
+			}
+		</style>
+
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.pageResize.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready( function () {
+				// Resize the demo table container with mouse drag
+				var wrapper = $('#resize_wrapper');
+				$('#resize_handle').on( 'mousedown', function (e) {
+					var mouseStartY = e.pageY;
+					var resizeStartHeight = wrapper.height();
+
+					$(document)
+						.on( 'mousemove.demo', function (e) {
+							var height = resizeStartHeight + (e.pageY - mouseStartY);
+							if ( height < 180 ) {
+								height = 180;
+							}
+
+							wrapper.height( height );
+						} )
+						.on( 'mouseup.demo', function (e) {
+							$(document).off( 'mousemove.demo mouseup.demo' );
+						} );
+
+					return false;
+				} );
+
+				// DataTables initialisation
+				var table = $('#example').DataTable( {
+					pageResize: true,
+					scrollX: true,
+					columnDefs: [
+						{ visible: false, targets: 1 }
+					]
+				} );
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			<div id="resize_wrapper">
+				<table id="example" class="display" cellspacing="0" width="100%">
+					<thead>
+						<tr>
+							<th>Name</th>
+							<th>Position</th>
+							<th>Office</th>
+							<th>Age</th>
+							<th>Start date</th>
+							<th>Salary</th>
+						</tr>
+					</thead>
+
+					<tfoot>
+						<tr>
+							<th>Name</th>
+							<th>Position</th>
+							<th>Office</th>
+							<th>Age</th>
+							<th>Start date</th>
+							<th>Salary</th>
+						</tr>
+					</tfoot>
+
+					<tbody>
+						<tr>
+							<td>Tiger Nixon</td>
+							<td>System Architect</td>
+							<td>Edinburgh</td>
+							<td>61</td>
+							<td>2011/04/25</td>
+							<td>$320,800</td>
+						</tr>
+						<tr>
+							<td>Garrett Winters</td>
+							<td>Accountant</td>
+							<td>Tokyo</td>
+							<td>63</td>
+							<td>2011/07/25</td>
+							<td>$170,750</td>
+						</tr>
+						<tr>
+							<td>Ashton Cox</td>
+							<td>Junior Technical Author</td>
+							<td>San Francisco</td>
+							<td>66</td>
+							<td>2009/01/12</td>
+							<td>$86,000</td>
+						</tr>
+						<tr>
+							<td>Cedric Kelly</td>
+							<td>Senior Javascript Developer</td>
+							<td>Edinburgh</td>
+							<td>22</td>
+							<td>2012/03/29</td>
+							<td>$433,060</td>
+						</tr>
+						<tr>
+							<td>Airi Satou</td>
+							<td>Accountant</td>
+							<td>Tokyo</td>
+							<td>33</td>
+							<td>2008/11/28</td>
+							<td>$162,700</td>
+						</tr>
+						<tr>
+							<td>Brielle Williamson</td>
+							<td>Integration Specialist</td>
+							<td>New York</td>
+							<td>61</td>
+							<td>2012/12/02</td>
+							<td>$372,000</td>
+						</tr>
+						<tr>
+							<td>Herrod Chandler</td>
+							<td>Sales Assistant</td>
+							<td>San Francisco</td>
+							<td>59</td>
+							<td>2012/08/06</td>
+							<td>$137,500</td>
+						</tr>
+						<tr>
+							<td>Rhona Davidson</td>
+							<td>Integration Specialist</td>
+							<td>Tokyo</td>
+							<td>55</td>
+							<td>2010/10/14</td>
+							<td>$327,900</td>
+						</tr>
+						<tr>
+							<td>Colleen Hurst</td>
+							<td>Javascript Developer</td>
+							<td>San Francisco</td>
+							<td>39</td>
+							<td>2009/09/15</td>
+							<td>$205,500</td>
+						</tr>
+						<tr>
+							<td>Sonya Frost</td>
+							<td>Software Engineer</td>
+							<td>Edinburgh</td>
+							<td>23</td>
+							<td>2008/12/13</td>
+							<td>$103,600</td>
+						</tr>
+						<tr>
+							<td>Jena Gaines</td>
+							<td>Office Manager</td>
+							<td>London</td>
+							<td>30</td>
+							<td>2008/12/19</td>
+							<td>$90,560</td>
+						</tr>
+						<tr>
+							<td>Quinn Flynn</td>
+							<td>Support Lead</td>
+							<td>Edinburgh</td>
+							<td>22</td>
+							<td>2013/03/03</td>
+							<td>$342,000</td>
+						</tr>
+						<tr>
+							<td>Charde Marshall</td>
+							<td>Regional Director</td>
+							<td>San Francisco</td>
+							<td>36</td>
+							<td>2008/10/16</td>
+							<td>$470,600</td>
+						</tr>
+						<tr>
+							<td>Haley Kennedy</td>
+							<td>Senior Marketing Designer</td>
+							<td>London</td>
+							<td>43</td>
+							<td>2012/12/18</td>
+							<td>$313,500</td>
+						</tr>
+						<tr>
+							<td>Tatyana Fitzpatrick</td>
+							<td>Regional Director</td>
+							<td>London</td>
+							<td>19</td>
+							<td>2010/03/17</td>
+							<td>$385,750</td>
+						</tr>
+						<tr>
+							<td>Michael Silva</td>
+							<td>Marketing Designer</td>
+							<td>London</td>
+							<td>66</td>
+							<td>2012/11/27</td>
+							<td>$198,500</td>
+						</tr>
+						<tr>
+							<td>Paul Byrd</td>
+							<td>Chief Financial Officer (CFO)</td>
+							<td>New York</td>
+							<td>64</td>
+							<td>2010/06/09</td>
+							<td>$725,000</td>
+						</tr>
+						<tr>
+							<td>Gloria Little</td>
+							<td>Systems Administrator</td>
+							<td>New York</td>
+							<td>59</td>
+							<td>2009/04/10</td>
+							<td>$237,500</td>
+						</tr>
+						<tr>
+							<td>Bradley Greer</td>
+							<td>Software Engineer</td>
+							<td>London</td>
+							<td>41</td>
+							<td>2012/10/13</td>
+							<td>$132,000</td>
+						</tr>
+						<tr>
+							<td>Dai Rios</td>
+							<td>Personnel Lead</td>
+							<td>Edinburgh</td>
+							<td>35</td>
+							<td>2012/09/26</td>
+							<td>$217,500</td>
+						</tr>
+						<tr>
+							<td>Jenette Caldwell</td>
+							<td>Development Lead</td>
+							<td>New York</td>
+							<td>30</td>
+							<td>2011/09/03</td>
+							<td>$345,000</td>
+						</tr>
+						<tr>
+							<td>Yuri Berry</td>
+							<td>Chief Marketing Officer (CMO)</td>
+							<td>New York</td>
+							<td>40</td>
+							<td>2009/06/25</td>
+							<td>$675,000</td>
+						</tr>
+						<tr>
+							<td>Caesar Vance</td>
+							<td>Pre-Sales Support</td>
+							<td>New York</td>
+							<td>21</td>
+							<td>2011/12/12</td>
+							<td>$106,450</td>
+						</tr>
+						<tr>
+							<td>Doris Wilder</td>
+							<td>Sales Assistant</td>
+							<td>Sidney</td>
+							<td>23</td>
+							<td>2010/09/20</td>
+							<td>$85,600</td>
+						</tr>
+						<tr>
+							<td>Angelica Ramos</td>
+							<td>Chief Executive Officer (CEO)</td>
+							<td>London</td>
+							<td>47</td>
+							<td>2009/10/09</td>
+							<td>$1,200,000</td>
+						</tr>
+						<tr>
+							<td>Gavin Joyce</td>
+							<td>Developer</td>
+							<td>Edinburgh</td>
+							<td>42</td>
+							<td>2010/12/22</td>
+							<td>$92,575</td>
+						</tr>
+						<tr>
+							<td>Jennifer Chang</td>
+							<td>Regional Director</td>
+							<td>Singapore</td>
+							<td>28</td>
+							<td>2010/11/14</td>
+							<td>$357,650</td>
+						</tr>
+						<tr>
+							<td>Brenden Wagner</td>
+							<td>Software Engineer</td>
+							<td>San Francisco</td>
+							<td>28</td>
+							<td>2011/06/07</td>
+							<td>$206,850</td>
+						</tr>
+						<tr>
+							<td>Fiona Green</td>
+							<td>Chief Operating Officer (COO)</td>
+							<td>San Francisco</td>
+							<td>48</td>
+							<td>2010/03/11</td>
+							<td>$850,000</td>
+						</tr>
+						<tr>
+							<td>Shou Itou</td>
+							<td>Regional Marketing</td>
+							<td>Tokyo</td>
+							<td>20</td>
+							<td>2011/08/14</td>
+							<td>$163,000</td>
+						</tr>
+						<tr>
+							<td>Michelle House</td>
+							<td>Integration Specialist</td>
+							<td>Sidney</td>
+							<td>37</td>
+							<td>2011/06/02</td>
+							<td>$95,400</td>
+						</tr>
+						<tr>
+							<td>Suki Burks</td>
+							<td>Developer</td>
+							<td>London</td>
+							<td>53</td>
+							<td>2009/10/22</td>
+							<td>$114,500</td>
+						</tr>
+						<tr>
+							<td>Prescott Bartlett</td>
+							<td>Technical Author</td>
+							<td>London</td>
+							<td>27</td>
+							<td>2011/05/07</td>
+							<td>$145,000</td>
+						</tr>
+						<tr>
+							<td>Gavin Cortez</td>
+							<td>Team Leader</td>
+							<td>San Francisco</td>
+							<td>22</td>
+							<td>2008/10/26</td>
+							<td>$235,500</td>
+						</tr>
+						<tr>
+							<td>Martena Mccray</td>
+							<td>Post-Sales support</td>
+							<td>Edinburgh</td>
+							<td>46</td>
+							<td>2011/03/09</td>
+							<td>$324,050</td>
+						</tr>
+						<tr>
+							<td>Unity Butler</td>
+							<td>Marketing Designer</td>
+							<td>San Francisco</td>
+							<td>47</td>
+							<td>2009/12/09</td>
+							<td>$85,675</td>
+						</tr>
+						<tr>
+							<td>Howard Hatfield</td>
+							<td>Office Manager</td>
+							<td>San Francisco</td>
+							<td>51</td>
+							<td>2008/12/16</td>
+							<td>$164,500</td>
+						</tr>
+						<tr>
+							<td>Hope Fuentes</td>
+							<td>Secretary</td>
+							<td>San Francisco</td>
+							<td>41</td>
+							<td>2010/02/12</td>
+							<td>$109,850</td>
+						</tr>
+						<tr>
+							<td>Vivian Harrell</td>
+							<td>Financial Controller</td>
+							<td>San Francisco</td>
+							<td>62</td>
+							<td>2009/02/14</td>
+							<td>$452,500</td>
+						</tr>
+						<tr>
+							<td>Timothy Mooney</td>
+							<td>Office Manager</td>
+							<td>London</td>
+							<td>37</td>
+							<td>2008/12/11</td>
+							<td>$136,200</td>
+						</tr>
+						<tr>
+							<td>Jackson Bradshaw</td>
+							<td>Director</td>
+							<td>New York</td>
+							<td>65</td>
+							<td>2008/09/26</td>
+							<td>$645,750</td>
+						</tr>
+						<tr>
+							<td>Olivia Liang</td>
+							<td>Support Engineer</td>
+							<td>Singapore</td>
+							<td>64</td>
+							<td>2011/02/03</td>
+							<td>$234,500</td>
+						</tr>
+						<tr>
+							<td>Bruno Nash</td>
+							<td>Software Engineer</td>
+							<td>London</td>
+							<td>38</td>
+							<td>2011/05/03</td>
+							<td>$163,500</td>
+						</tr>
+						<tr>
+							<td>Sakura Yamamoto</td>
+							<td>Support Engineer</td>
+							<td>Tokyo</td>
+							<td>37</td>
+							<td>2009/08/19</td>
+							<td>$139,575</td>
+						</tr>
+						<tr>
+							<td>Thor Walton</td>
+							<td>Developer</td>
+							<td>New York</td>
+							<td>61</td>
+							<td>2013/08/11</td>
+							<td>$98,540</td>
+						</tr>
+						<tr>
+							<td>Finn Camacho</td>
+							<td>Support Engineer</td>
+							<td>San Francisco</td>
+							<td>47</td>
+							<td>2009/07/07</td>
+							<td>$87,500</td>
+						</tr>
+						<tr>
+							<td>Serge Baldwin</td>
+							<td>Data Coordinator</td>
+							<td>Singapore</td>
+							<td>64</td>
+							<td>2012/04/09</td>
+							<td>$138,575</td>
+						</tr>
+						<tr>
+							<td>Zenaida Frank</td>
+							<td>Software Engineer</td>
+							<td>New York</td>
+							<td>63</td>
+							<td>2010/01/04</td>
+							<td>$125,250</td>
+						</tr>
+						<tr>
+							<td>Zorita Serrano</td>
+							<td>Software Engineer</td>
+							<td>San Francisco</td>
+							<td>56</td>
+							<td>2012/06/01</td>
+							<td>$115,000</td>
+						</tr>
+						<tr>
+							<td>Jennifer Acosta</td>
+							<td>Junior Javascript Developer</td>
+							<td>Edinburgh</td>
+							<td>43</td>
+							<td>2013/02/01</td>
+							<td>$75,650</td>
+						</tr>
+						<tr>
+							<td>Cara Stevens</td>
+							<td>Sales Assistant</td>
+							<td>New York</td>
+							<td>46</td>
+							<td>2011/12/06</td>
+							<td>$145,600</td>
+						</tr>
+						<tr>
+							<td>Hermione Butler</td>
+							<td>Regional Director</td>
+							<td>London</td>
+							<td>47</td>
+							<td>2011/03/21</td>
+							<td>$356,250</td>
+						</tr>
+						<tr>
+							<td>Lael Greer</td>
+							<td>Systems Administrator</td>
+							<td>London</td>
+							<td>21</td>
+							<td>2009/02/27</td>
+							<td>$103,500</td>
+						</tr>
+						<tr>
+							<td>Jonas Alexander</td>
+							<td>Developer</td>
+							<td>San Francisco</td>
+							<td>30</td>
+							<td>2010/07/14</td>
+							<td>$86,500</td>
+						</tr>
+						<tr>
+							<td>Shad Decker</td>
+							<td>Regional Director</td>
+							<td>Edinburgh</td>
+							<td>51</td>
+							<td>2008/11/13</td>
+							<td>$183,000</td>
+						</tr>
+						<tr>
+							<td>Michael Bruce</td>
+							<td>Javascript Developer</td>
+							<td>Singapore</td>
+							<td>29</td>
+							<td>2011/06/27</td>
+							<td>$183,000</td>
+						</tr>
+						<tr>
+							<td>Donna Snider</td>
+							<td>Customer Support</td>
+							<td>New York</td>
+							<td>27</td>
+							<td>2011/01/25</td>
+							<td>$112,000</td>
+						</tr>
+					</tbody>
+				</table>
+
+				<div id="resize_handle">Click and drag me!</div>
+			</div>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/rowFill/dataTables.rowFill.js b/webroot/components/datatables-plugins/features/rowFill/dataTables.rowFill.js
new file mode 100644
index 0000000..4214c98
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/rowFill/dataTables.rowFill.js
@@ -0,0 +1,112 @@
+/*! RowFill for DataTables v1.0.0
+ * 2018 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     RowFill
+ * @description Match the number of rows in a table to the page length
+ * @version     1.0.0
+ * @file        dataTables.rowFill.js
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @contact     www.sprymedia.co.uk/contact
+ * @copyright   Copyright 2018 SpryMedia Ltd.
+ *
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * This feature plug-in for DataTables will automatically insert temporary rows
+ * into a DataTable that draws a page that is less than the configured page
+ * length. This can be handy to ensure that your table always as (e.g.) 10 rows
+ * visible.
+ * 
+ * Filler rows have the class `dt-rowFill--filler` assigned to them allowing for
+ * additional styling (e.g. reducing opacity).
+ * 
+ * To enable for a table add `rowFill: true` to your DataTables configuration.
+ */
+(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 RowFill = function(dt, pageResizeManualDelta) {
+		var table = dt.table();
+
+		this.s = {
+			dt: dt,
+			body: $(table.body())
+		};
+
+		this._attach();
+	};
+
+	RowFill.prototype = {
+		_attach: function() {
+			var dt = this.s.dt;
+			var body = this.s.body;
+
+			dt.on('draw', function() {
+				var colspan = dt.columns(':visible').count();
+				var rowCount = dt.rows({ page: 'current' }).count();
+				var class1 = 'even';
+				var class2 = 'odd';
+
+				// Take account of the fact that DataTables will show a "Nothing found" row
+				// for an empty record set
+				if (rowCount === 0) {
+					rowCount = 1;
+				}
+
+				// Reverse for continuation from the DataTable rows when a odd number of rows
+				if ( rowCount % 2 === 0 ) {
+					class1 = 'odd';
+					class2 = 'even';
+				}
+
+				for (var i = 0; i < dt.page.len() - rowCount; i++) {
+					body.append(
+						$('<tr><td colspan="'+colspan+'">&nbsp;</td></tr>')
+							.addClass( i%2 === 0 ? class1 : class2 )
+							.addClass( 'dt-rowFill--filler' )
+					);
+				}
+			});
+		}
+	};
+
+	$.fn.dataTable.RowFill = RowFill;
+	$.fn.DataTable.RowFill = RowFill;
+
+	// Automatic initialisation listener
+	$(document).on('preInit.dt', function(e, settings) {
+		if (e.namespace !== 'dt') {
+			return;
+		}
+
+		var api = new $.fn.dataTable.Api(settings);
+
+		if (settings.oInit.rowFill || $.fn.dataTable.defaults.rowFill) {
+			new RowFill(api);
+		}
+	});
+});
diff --git a/webroot/components/datatables-plugins/features/rowFill/dataTables.rowFill.min.js b/webroot/components/datatables-plugins/features/rowFill/dataTables.rowFill.min.js
new file mode 100644
index 0000000..3d322d7
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/rowFill/dataTables.rowFill.min.js
@@ -0,0 +1,17 @@
+/*!
+   Copyright 2018 SpryMedia Ltd.
+
+ License      MIT - http://datatables.net/license/mit
+
+ This feature plug-in for DataTables will automatically insert temporary rows
+ into a DataTable that draws a page that is less than the configured page
+ length. This can be handy to ensure that your table always as (e.g.) 10 rows
+ visible.
+
+ Filler rows have the class `dt-rowFill--filler` assigned to them allowing for
+ additional styling (e.g. reducing opacity).
+ RowFill for DataTables v1.0.0
+ 2018 SpryMedia Ltd - datatables.net/license
+*/
+(function(c){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(a){return c(a,window,document)}):"object"===typeof exports?module.exports=function(a,b){a||(a=window);b&&b.fn.dataTable||(b=require("datatables.net")(a,b).$);return c(b,a,a.document)}:c(jQuery,window,document)})(function(c,a,b,k){var d=function(e,a){a=e.table();this.s={dt:e,body:c(a.body())};this._attach()};d.prototype={_attach:function(){var a=this.s.dt,b=this.s.body;a.on("draw",function(){var e=a.columns(":visible").count(),
+d=a.rows({page:"current"}).count(),g="even",h="odd";0===d&&(d=1);0===d%2&&(g="odd",h="even");for(var f=0;f<a.page.len()-d;f++)b.append(c('<tr><td colspan="'+e+'">&nbsp;</td></tr>').addClass(0===f%2?g:h).addClass("dt-rowFill--filler"))})}};c.fn.dataTable.RowFill=d;c.fn.DataTable.RowFill=d;c(b).on("preInit.dt",function(a,b){"dt"===a.namespace&&(a=new c.fn.dataTable.Api(b),(b.oInit.rowFill||c.fn.dataTable.defaults.rowFill)&&new d(a))})});
diff --git a/webroot/components/datatables-plugins/features/rowFill/index.html b/webroot/components/datatables-plugins/features/rowFill/index.html
new file mode 100644
index 0000000..c20cc25
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/rowFill/index.html
@@ -0,0 +1,508 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables row fill example</title>
+
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
+
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.rowFill.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready( function () {
+				var table = $('#example').DataTable( {
+					rowFill: true
+				} );
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			<table id="example" class="display" cellspacing="0" width="100%">
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</thead>
+
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
+
+				<tbody>
+					<tr>
+						<td>Tiger Nixon</td>
+						<td>System Architect</td>
+						<td>Edinburgh</td>
+						<td>61</td>
+						<td>2011/04/25</td>
+						<td>$320,800</td>
+					</tr>
+					<tr>
+						<td>Garrett Winters</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>63</td>
+						<td>2011/07/25</td>
+						<td>$170,750</td>
+					</tr>
+					<tr>
+						<td>Ashton Cox</td>
+						<td>Junior Technical Author</td>
+						<td>San Francisco</td>
+						<td>66</td>
+						<td>2009/01/12</td>
+						<td>$86,000</td>
+					</tr>
+					<tr>
+						<td>Cedric Kelly</td>
+						<td>Senior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2012/03/29</td>
+						<td>$433,060</td>
+					</tr>
+					<tr>
+						<td>Airi Satou</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>33</td>
+						<td>2008/11/28</td>
+						<td>$162,700</td>
+					</tr>
+					<tr>
+						<td>Brielle Williamson</td>
+						<td>Integration Specialist</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2012/12/02</td>
+						<td>$372,000</td>
+					</tr>
+					<tr>
+						<td>Herrod Chandler</td>
+						<td>Sales Assistant</td>
+						<td>San Francisco</td>
+						<td>59</td>
+						<td>2012/08/06</td>
+						<td>$137,500</td>
+					</tr>
+					<tr>
+						<td>Rhona Davidson</td>
+						<td>Integration Specialist</td>
+						<td>Tokyo</td>
+						<td>55</td>
+						<td>2010/10/14</td>
+						<td>$327,900</td>
+					</tr>
+					<tr>
+						<td>Colleen Hurst</td>
+						<td>Javascript Developer</td>
+						<td>San Francisco</td>
+						<td>39</td>
+						<td>2009/09/15</td>
+						<td>$205,500</td>
+					</tr>
+					<tr>
+						<td>Sonya Frost</td>
+						<td>Software Engineer</td>
+						<td>Edinburgh</td>
+						<td>23</td>
+						<td>2008/12/13</td>
+						<td>$103,600</td>
+					</tr>
+					<tr>
+						<td>Jena Gaines</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>30</td>
+						<td>2008/12/19</td>
+						<td>$90,560</td>
+					</tr>
+					<tr>
+						<td>Quinn Flynn</td>
+						<td>Support Lead</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2013/03/03</td>
+						<td>$342,000</td>
+					</tr>
+					<tr>
+						<td>Charde Marshall</td>
+						<td>Regional Director</td>
+						<td>San Francisco</td>
+						<td>36</td>
+						<td>2008/10/16</td>
+						<td>$470,600</td>
+					</tr>
+					<tr>
+						<td>Haley Kennedy</td>
+						<td>Senior Marketing Designer</td>
+						<td>London</td>
+						<td>43</td>
+						<td>2012/12/18</td>
+						<td>$313,500</td>
+					</tr>
+					<tr>
+						<td>Tatyana Fitzpatrick</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>19</td>
+						<td>2010/03/17</td>
+						<td>$385,750</td>
+					</tr>
+					<tr>
+						<td>Michael Silva</td>
+						<td>Marketing Designer</td>
+						<td>London</td>
+						<td>66</td>
+						<td>2012/11/27</td>
+						<td>$198,500</td>
+					</tr>
+					<tr>
+						<td>Paul Byrd</td>
+						<td>Chief Financial Officer (CFO)</td>
+						<td>New York</td>
+						<td>64</td>
+						<td>2010/06/09</td>
+						<td>$725,000</td>
+					</tr>
+					<tr>
+						<td>Gloria Little</td>
+						<td>Systems Administrator</td>
+						<td>New York</td>
+						<td>59</td>
+						<td>2009/04/10</td>
+						<td>$237,500</td>
+					</tr>
+					<tr>
+						<td>Bradley Greer</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>41</td>
+						<td>2012/10/13</td>
+						<td>$132,000</td>
+					</tr>
+					<tr>
+						<td>Dai Rios</td>
+						<td>Personnel Lead</td>
+						<td>Edinburgh</td>
+						<td>35</td>
+						<td>2012/09/26</td>
+						<td>$217,500</td>
+					</tr>
+					<tr>
+						<td>Jenette Caldwell</td>
+						<td>Development Lead</td>
+						<td>New York</td>
+						<td>30</td>
+						<td>2011/09/03</td>
+						<td>$345,000</td>
+					</tr>
+					<tr>
+						<td>Yuri Berry</td>
+						<td>Chief Marketing Officer (CMO)</td>
+						<td>New York</td>
+						<td>40</td>
+						<td>2009/06/25</td>
+						<td>$675,000</td>
+					</tr>
+					<tr>
+						<td>Caesar Vance</td>
+						<td>Pre-Sales Support</td>
+						<td>New York</td>
+						<td>21</td>
+						<td>2011/12/12</td>
+						<td>$106,450</td>
+					</tr>
+					<tr>
+						<td>Doris Wilder</td>
+						<td>Sales Assistant</td>
+						<td>Sidney</td>
+						<td>23</td>
+						<td>2010/09/20</td>
+						<td>$85,600</td>
+					</tr>
+					<tr>
+						<td>Angelica Ramos</td>
+						<td>Chief Executive Officer (CEO)</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2009/10/09</td>
+						<td>$1,200,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Joyce</td>
+						<td>Developer</td>
+						<td>Edinburgh</td>
+						<td>42</td>
+						<td>2010/12/22</td>
+						<td>$92,575</td>
+					</tr>
+					<tr>
+						<td>Jennifer Chang</td>
+						<td>Regional Director</td>
+						<td>Singapore</td>
+						<td>28</td>
+						<td>2010/11/14</td>
+						<td>$357,650</td>
+					</tr>
+					<tr>
+						<td>Brenden Wagner</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>28</td>
+						<td>2011/06/07</td>
+						<td>$206,850</td>
+					</tr>
+					<tr>
+						<td>Fiona Green</td>
+						<td>Chief Operating Officer (COO)</td>
+						<td>San Francisco</td>
+						<td>48</td>
+						<td>2010/03/11</td>
+						<td>$850,000</td>
+					</tr>
+					<tr>
+						<td>Shou Itou</td>
+						<td>Regional Marketing</td>
+						<td>Tokyo</td>
+						<td>20</td>
+						<td>2011/08/14</td>
+						<td>$163,000</td>
+					</tr>
+					<tr>
+						<td>Michelle House</td>
+						<td>Integration Specialist</td>
+						<td>Sidney</td>
+						<td>37</td>
+						<td>2011/06/02</td>
+						<td>$95,400</td>
+					</tr>
+					<tr>
+						<td>Suki Burks</td>
+						<td>Developer</td>
+						<td>London</td>
+						<td>53</td>
+						<td>2009/10/22</td>
+						<td>$114,500</td>
+					</tr>
+					<tr>
+						<td>Prescott Bartlett</td>
+						<td>Technical Author</td>
+						<td>London</td>
+						<td>27</td>
+						<td>2011/05/07</td>
+						<td>$145,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Cortez</td>
+						<td>Team Leader</td>
+						<td>San Francisco</td>
+						<td>22</td>
+						<td>2008/10/26</td>
+						<td>$235,500</td>
+					</tr>
+					<tr>
+						<td>Martena Mccray</td>
+						<td>Post-Sales support</td>
+						<td>Edinburgh</td>
+						<td>46</td>
+						<td>2011/03/09</td>
+						<td>$324,050</td>
+					</tr>
+					<tr>
+						<td>Unity Butler</td>
+						<td>Marketing Designer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/12/09</td>
+						<td>$85,675</td>
+					</tr>
+					<tr>
+						<td>Howard Hatfield</td>
+						<td>Office Manager</td>
+						<td>San Francisco</td>
+						<td>51</td>
+						<td>2008/12/16</td>
+						<td>$164,500</td>
+					</tr>
+					<tr>
+						<td>Hope Fuentes</td>
+						<td>Secretary</td>
+						<td>San Francisco</td>
+						<td>41</td>
+						<td>2010/02/12</td>
+						<td>$109,850</td>
+					</tr>
+					<tr>
+						<td>Vivian Harrell</td>
+						<td>Financial Controller</td>
+						<td>San Francisco</td>
+						<td>62</td>
+						<td>2009/02/14</td>
+						<td>$452,500</td>
+					</tr>
+					<tr>
+						<td>Timothy Mooney</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>37</td>
+						<td>2008/12/11</td>
+						<td>$136,200</td>
+					</tr>
+					<tr>
+						<td>Jackson Bradshaw</td>
+						<td>Director</td>
+						<td>New York</td>
+						<td>65</td>
+						<td>2008/09/26</td>
+						<td>$645,750</td>
+					</tr>
+					<tr>
+						<td>Olivia Liang</td>
+						<td>Support Engineer</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2011/02/03</td>
+						<td>$234,500</td>
+					</tr>
+					<tr>
+						<td>Bruno Nash</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>38</td>
+						<td>2011/05/03</td>
+						<td>$163,500</td>
+					</tr>
+					<tr>
+						<td>Sakura Yamamoto</td>
+						<td>Support Engineer</td>
+						<td>Tokyo</td>
+						<td>37</td>
+						<td>2009/08/19</td>
+						<td>$139,575</td>
+					</tr>
+					<tr>
+						<td>Thor Walton</td>
+						<td>Developer</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2013/08/11</td>
+						<td>$98,540</td>
+					</tr>
+					<tr>
+						<td>Finn Camacho</td>
+						<td>Support Engineer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/07/07</td>
+						<td>$87,500</td>
+					</tr>
+					<tr>
+						<td>Serge Baldwin</td>
+						<td>Data Coordinator</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2012/04/09</td>
+						<td>$138,575</td>
+					</tr>
+					<tr>
+						<td>Zenaida Frank</td>
+						<td>Software Engineer</td>
+						<td>New York</td>
+						<td>63</td>
+						<td>2010/01/04</td>
+						<td>$125,250</td>
+					</tr>
+					<tr>
+						<td>Zorita Serrano</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>56</td>
+						<td>2012/06/01</td>
+						<td>$115,000</td>
+					</tr>
+					<tr>
+						<td>Jennifer Acosta</td>
+						<td>Junior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>43</td>
+						<td>2013/02/01</td>
+						<td>$75,650</td>
+					</tr>
+					<tr>
+						<td>Cara Stevens</td>
+						<td>Sales Assistant</td>
+						<td>New York</td>
+						<td>46</td>
+						<td>2011/12/06</td>
+						<td>$145,600</td>
+					</tr>
+					<tr>
+						<td>Hermione Butler</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2011/03/21</td>
+						<td>$356,250</td>
+					</tr>
+					<tr>
+						<td>Lael Greer</td>
+						<td>Systems Administrator</td>
+						<td>London</td>
+						<td>21</td>
+						<td>2009/02/27</td>
+						<td>$103,500</td>
+					</tr>
+					<tr>
+						<td>Jonas Alexander</td>
+						<td>Developer</td>
+						<td>San Francisco</td>
+						<td>30</td>
+						<td>2010/07/14</td>
+						<td>$86,500</td>
+					</tr>
+					<tr>
+						<td>Shad Decker</td>
+						<td>Regional Director</td>
+						<td>Edinburgh</td>
+						<td>51</td>
+						<td>2008/11/13</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Michael Bruce</td>
+						<td>Javascript Developer</td>
+						<td>Singapore</td>
+						<td>29</td>
+						<td>2011/06/27</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Donna Snider</td>
+						<td>Customer Support</td>
+						<td>New York</td>
+						<td>27</td>
+						<td>2011/01/25</td>
+						<td>$112,000</td>
+					</tr>
+				</tbody>
+			</table>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/scrollResize/dataTables.scrollResize.js b/webroot/components/datatables-plugins/features/scrollResize/dataTables.scrollResize.js
new file mode 100644
index 0000000..1b5b41b
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/scrollResize/dataTables.scrollResize.js
@@ -0,0 +1,181 @@
+/*! ScrollResize for DataTables v1.0.0
+ * 2015 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     ScrollResize
+ * @description Automatically alter the DataTables page length to fit the table
+     into a container
+ * @version     1.0.0
+ * @file        dataTables.scrollResize.js
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @contact     www.sprymedia.co.uk/contact
+ * @copyright   Copyright 2015 SpryMedia Ltd.
+ * 
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * This feature plug-in for DataTables will automatically change the DataTables
+ * page length in order to fit inside its container. This can be particularly
+ * useful for control panels and other interfaces which resize dynamically with
+ * the user's browser window instead of scrolling.
+ *
+ * Page resizing in DataTables can be enabled by using any one of the following
+ * options:
+ *
+ * * Setting the `scrollResize` parameter in the DataTables initialisation to
+ *   be true - i.e. `scrollResize: true`
+ * * Setting the `scrollResize` parameter to be true in the DataTables
+ *   defaults (thus causing all tables to have this feature) - i.e.
+ *   `$.fn.dataTable.defaults.scrollResize = true`.
+ * * Creating a new instance: `new $.fn.dataTable.ScrollResize( table );` where
+ *   `table` is a DataTable's API instance.
+ */
+(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 ScrollResize = function ( dt )
+{
+	var that = this;
+	var table = dt.table();
+
+	this.s = {
+		dt:        dt,
+		host:      $(table.container()).parent(),
+		header:    $(table.header()),
+		footer:    $(table.footer()),
+		body:      $(table.body()),
+		container: $(table.container()),
+		table:     $(table.node())
+	};
+
+	var host = this.s.host;
+	if ( host.css('position') === 'static' ) {
+		host.css( 'position', 'relative' );
+	}
+
+	dt.on( 'draw', function () {
+		that._size();
+	} );
+
+	this._attach();
+	this._size();
+};
+
+
+ScrollResize.prototype = {
+	_size: function ()
+	{
+		var settings = this.s;
+		var dt = settings.dt;
+		var t = dt.table();
+		var offsetTop = $( settings.table ).offset().top;
+		var availableHeight = settings.host.height();
+		var scrollBody = $('div.dataTables_scrollBody', t.container());
+
+		// Subtract the height of the header, footer and the elements
+		// surrounding the table
+		availableHeight -= offsetTop;
+		availableHeight -= settings.container.height() - ( offsetTop + scrollBody.height() );
+
+		$('div.dataTables_scrollBody', t.container()).css( {
+			maxHeight: availableHeight,
+			height: availableHeight
+		} );
+
+		if ( dt.fixedColumns ) {
+			dt.fixedColumns().relayout();
+		}
+	},
+
+	_attach: function () {
+		// There is no `resize` event for elements, so to trigger this effect,
+		// create an empty HTML document using an <iframe> which will issue a
+		// resize event inside itself when the document resizes. Since it is
+		// 100% x 100% that will occur whenever the host element is resized.
+		var that = this;
+		var obj = $('<iframe/>')
+			.css( {
+				position: 'absolute',
+				top: 0,
+				left: 0,
+				height: '100%',
+				width: '100%',
+				zIndex: -1,
+				border: 0
+			} )
+			.attr( 'frameBorder', '0' )
+			.attr( 'src', 'about:blank' );
+
+		obj[0].onload = function () {
+			var body = this.contentDocument.body;
+			var height = body.offsetHeight;
+			var contentDoc = this.contentDocument;
+			var defaultView = contentDoc.defaultView || contentDoc.parentWindow;
+
+			defaultView.onresize = function () {
+				// Three methods to get the iframe height, to keep all browsers happy
+				var newHeight = body.clientHeight || body.offsetHeight;
+				var docClientHeight = contentDoc.documentElement.clientHeight;
+
+				if ( ! newHeight && docClientHeight ) {
+					newHeight = docClientHeight;
+				}
+
+				if ( newHeight !== height ) {
+					height = newHeight;
+
+					that._size();
+				}
+			};
+		};
+
+		obj
+			.appendTo( this.s.host )
+			.attr( 'data', 'about:blank' );
+	}
+};
+
+
+$.fn.dataTable.ScrollResize = ScrollResize;
+$.fn.DataTable.ScrollResize = ScrollResize;
+
+// Automatic initialisation listener
+$(document).on( 'init.dt', function ( e, settings ) {
+	if ( e.namespace !== 'dt' ) {
+		return;
+	}
+
+	var api = new $.fn.dataTable.Api( settings );
+
+	if ( settings.oInit.scrollResize || $.fn.dataTable.defaults.scrollResize ) {
+		new ScrollResize( api );
+	}
+} );
+
+}));
diff --git a/webroot/components/datatables-plugins/features/scrollResize/dataTables.scrollResize.min.js b/webroot/components/datatables-plugins/features/scrollResize/dataTables.scrollResize.min.js
new file mode 100644
index 0000000..e348998
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/scrollResize/dataTables.scrollResize.min.js
@@ -0,0 +1,8 @@
+/*!
+ ScrollResize for DataTables v1.0.0
+ 2015 SpryMedia Ltd - datatables.net/license
+*/
+(function(a){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(b){return a(b,window,document)}):"object"===typeof exports?module.exports=function(b,c){b||(b=window);if(!c||!c.fn.dataTable)c=require("datatables.net")(b,c).$;return a(c,b,b.document)}:a(jQuery,window,document)})(function(a,b,c){var g=function(e){var f=this,d=e.table();this.s={dt:e,host:a(d.container()).parent(),header:a(d.header()),footer:a(d.footer()),body:a(d.body()),container:a(d.container()),table:a(d.node())};
+d=this.s.host;"static"===d.css("position")&&d.css("position","relative");e.on("draw",function(){f._size()});this._attach();this._size()};g.prototype={_size:function(){var e=this.s,f=e.dt,d=f.table(),b=a(e.table).offset().top,h=e.host.height(),c=a("div.dataTables_scrollBody",d.container()),h=h-b-(e.container.height()-(b+c.height()));a("div.dataTables_scrollBody",d.container()).css({maxHeight:h,height:h});f.fixedColumns&&f.fixedColumns().relayout()},_attach:function(){var e=this,b=a("<iframe/>").css({position:"absolute",
+top:0,left:0,height:"100%",width:"100%",zIndex:-1,border:0}).attr("frameBorder","0").attr("src","about:blank");b[0].onload=function(){var a=this.contentDocument.body,b=a.offsetHeight,c=this.contentDocument;(c.defaultView||c.parentWindow).onresize=function(){var f=a.clientHeight||a.offsetHeight,g=c.documentElement.clientHeight;!f&&g&&(f=g);f!==b&&(b=f,e._size())}};b.appendTo(this.s.host).attr("data","about:blank")}};a.fn.dataTable.ScrollResize=g;a.fn.DataTable.ScrollResize=g;a(c).on("init.dt",function(b,
+c){if("dt"===b.namespace){var d=new a.fn.dataTable.Api(c);(c.oInit.scrollResize||a.fn.dataTable.defaults.scrollResize)&&new g(d)}})});
diff --git a/webroot/components/datatables-plugins/features/scrollResize/dynamic.html b/webroot/components/datatables-plugins/features/scrollResize/dynamic.html
new file mode 100644
index 0000000..6c7eacb
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/scrollResize/dynamic.html
@@ -0,0 +1,527 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables page resize example</title>
+
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
+		<style type="text/css">
+			#resize_wrapper {
+				position: absolute;
+				top: 5em;
+				left: 1em;
+				right: 1em;
+				bottom: 1em;
+			}
+		</style>
+
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.scrollResize.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready( function () {
+				// DataTables initialisation
+				var table = $('#example').DataTable( {
+					scrollResize: true,
+					scrollX: true,
+					scrollY: 100,
+					scrollCollapse: true,
+					paging: false,
+					lengthChange: false
+				} );
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			<p style="text-align:center">Space for banner etc</p>
+
+			<div id="resize_wrapper">
+				<table id="example" class="display nowrap" cellspacing="0" width="100%">
+					<thead>
+						<tr>
+							<th>Name</th>
+							<th>Position</th>
+							<th>Office</th>
+							<th>Age</th>
+							<th>Start date</th>
+							<th>Salary</th>
+						</tr>
+					</thead>
+
+					<tfoot>
+						<tr>
+							<th>Name</th>
+							<th>Position</th>
+							<th>Office</th>
+							<th>Age</th>
+							<th>Start date</th>
+							<th>Salary</th>
+						</tr>
+					</tfoot>
+
+					<tbody>
+						<tr>
+							<td>Tiger Nixon</td>
+							<td>System Architect</td>
+							<td>Edinburgh</td>
+							<td>61</td>
+							<td>2011/04/25</td>
+							<td>$320,800</td>
+						</tr>
+						<tr>
+							<td>Garrett Winters</td>
+							<td>Accountant</td>
+							<td>Tokyo</td>
+							<td>63</td>
+							<td>2011/07/25</td>
+							<td>$170,750</td>
+						</tr>
+						<tr>
+							<td>Ashton Cox</td>
+							<td>Junior Technical Author</td>
+							<td>San Francisco</td>
+							<td>66</td>
+							<td>2009/01/12</td>
+							<td>$86,000</td>
+						</tr>
+						<tr>
+							<td>Cedric Kelly</td>
+							<td>Senior Javascript Developer</td>
+							<td>Edinburgh</td>
+							<td>22</td>
+							<td>2012/03/29</td>
+							<td>$433,060</td>
+						</tr>
+						<tr>
+							<td>Airi Satou</td>
+							<td>Accountant</td>
+							<td>Tokyo</td>
+							<td>33</td>
+							<td>2008/11/28</td>
+							<td>$162,700</td>
+						</tr>
+						<tr>
+							<td>Brielle Williamson</td>
+							<td>Integration Specialist</td>
+							<td>New York</td>
+							<td>61</td>
+							<td>2012/12/02</td>
+							<td>$372,000</td>
+						</tr>
+						<tr>
+							<td>Herrod Chandler</td>
+							<td>Sales Assistant</td>
+							<td>San Francisco</td>
+							<td>59</td>
+							<td>2012/08/06</td>
+							<td>$137,500</td>
+						</tr>
+						<tr>
+							<td>Rhona Davidson</td>
+							<td>Integration Specialist</td>
+							<td>Tokyo</td>
+							<td>55</td>
+							<td>2010/10/14</td>
+							<td>$327,900</td>
+						</tr>
+						<tr>
+							<td>Colleen Hurst</td>
+							<td>Javascript Developer</td>
+							<td>San Francisco</td>
+							<td>39</td>
+							<td>2009/09/15</td>
+							<td>$205,500</td>
+						</tr>
+						<tr>
+							<td>Sonya Frost</td>
+							<td>Software Engineer</td>
+							<td>Edinburgh</td>
+							<td>23</td>
+							<td>2008/12/13</td>
+							<td>$103,600</td>
+						</tr>
+						<tr>
+							<td>Jena Gaines</td>
+							<td>Office Manager</td>
+							<td>London</td>
+							<td>30</td>
+							<td>2008/12/19</td>
+							<td>$90,560</td>
+						</tr>
+						<tr>
+							<td>Quinn Flynn</td>
+							<td>Support Lead</td>
+							<td>Edinburgh</td>
+							<td>22</td>
+							<td>2013/03/03</td>
+							<td>$342,000</td>
+						</tr>
+						<tr>
+							<td>Charde Marshall</td>
+							<td>Regional Director</td>
+							<td>San Francisco</td>
+							<td>36</td>
+							<td>2008/10/16</td>
+							<td>$470,600</td>
+						</tr>
+						<tr>
+							<td>Haley Kennedy</td>
+							<td>Senior Marketing Designer</td>
+							<td>London</td>
+							<td>43</td>
+							<td>2012/12/18</td>
+							<td>$313,500</td>
+						</tr>
+						<tr>
+							<td>Tatyana Fitzpatrick</td>
+							<td>Regional Director</td>
+							<td>London</td>
+							<td>19</td>
+							<td>2010/03/17</td>
+							<td>$385,750</td>
+						</tr>
+						<tr>
+							<td>Michael Silva</td>
+							<td>Marketing Designer</td>
+							<td>London</td>
+							<td>66</td>
+							<td>2012/11/27</td>
+							<td>$198,500</td>
+						</tr>
+						<tr>
+							<td>Paul Byrd</td>
+							<td>Chief Financial Officer (CFO)</td>
+							<td>New York</td>
+							<td>64</td>
+							<td>2010/06/09</td>
+							<td>$725,000</td>
+						</tr>
+						<tr>
+							<td>Gloria Little</td>
+							<td>Systems Administrator</td>
+							<td>New York</td>
+							<td>59</td>
+							<td>2009/04/10</td>
+							<td>$237,500</td>
+						</tr>
+						<tr>
+							<td>Bradley Greer</td>
+							<td>Software Engineer</td>
+							<td>London</td>
+							<td>41</td>
+							<td>2012/10/13</td>
+							<td>$132,000</td>
+						</tr>
+						<tr>
+							<td>Dai Rios</td>
+							<td>Personnel Lead</td>
+							<td>Edinburgh</td>
+							<td>35</td>
+							<td>2012/09/26</td>
+							<td>$217,500</td>
+						</tr>
+						<tr>
+							<td>Jenette Caldwell</td>
+							<td>Development Lead</td>
+							<td>New York</td>
+							<td>30</td>
+							<td>2011/09/03</td>
+							<td>$345,000</td>
+						</tr>
+						<tr>
+							<td>Yuri Berry</td>
+							<td>Chief Marketing Officer (CMO)</td>
+							<td>New York</td>
+							<td>40</td>
+							<td>2009/06/25</td>
+							<td>$675,000</td>
+						</tr>
+						<tr>
+							<td>Caesar Vance</td>
+							<td>Pre-Sales Support</td>
+							<td>New York</td>
+							<td>21</td>
+							<td>2011/12/12</td>
+							<td>$106,450</td>
+						</tr>
+						<tr>
+							<td>Doris Wilder</td>
+							<td>Sales Assistant</td>
+							<td>Sidney</td>
+							<td>23</td>
+							<td>2010/09/20</td>
+							<td>$85,600</td>
+						</tr>
+						<tr>
+							<td>Angelica Ramos</td>
+							<td>Chief Executive Officer (CEO)</td>
+							<td>London</td>
+							<td>47</td>
+							<td>2009/10/09</td>
+							<td>$1,200,000</td>
+						</tr>
+						<tr>
+							<td>Gavin Joyce</td>
+							<td>Developer</td>
+							<td>Edinburgh</td>
+							<td>42</td>
+							<td>2010/12/22</td>
+							<td>$92,575</td>
+						</tr>
+						<tr>
+							<td>Jennifer Chang</td>
+							<td>Regional Director</td>
+							<td>Singapore</td>
+							<td>28</td>
+							<td>2010/11/14</td>
+							<td>$357,650</td>
+						</tr>
+						<tr>
+							<td>Brenden Wagner</td>
+							<td>Software Engineer</td>
+							<td>San Francisco</td>
+							<td>28</td>
+							<td>2011/06/07</td>
+							<td>$206,850</td>
+						</tr>
+						<tr>
+							<td>Fiona Green</td>
+							<td>Chief Operating Officer (COO)</td>
+							<td>San Francisco</td>
+							<td>48</td>
+							<td>2010/03/11</td>
+							<td>$850,000</td>
+						</tr>
+						<tr>
+							<td>Shou Itou</td>
+							<td>Regional Marketing</td>
+							<td>Tokyo</td>
+							<td>20</td>
+							<td>2011/08/14</td>
+							<td>$163,000</td>
+						</tr>
+						<tr>
+							<td>Michelle House</td>
+							<td>Integration Specialist</td>
+							<td>Sidney</td>
+							<td>37</td>
+							<td>2011/06/02</td>
+							<td>$95,400</td>
+						</tr>
+						<tr>
+							<td>Suki Burks</td>
+							<td>Developer</td>
+							<td>London</td>
+							<td>53</td>
+							<td>2009/10/22</td>
+							<td>$114,500</td>
+						</tr>
+						<tr>
+							<td>Prescott Bartlett</td>
+							<td>Technical Author</td>
+							<td>London</td>
+							<td>27</td>
+							<td>2011/05/07</td>
+							<td>$145,000</td>
+						</tr>
+						<tr>
+							<td>Gavin Cortez</td>
+							<td>Team Leader</td>
+							<td>San Francisco</td>
+							<td>22</td>
+							<td>2008/10/26</td>
+							<td>$235,500</td>
+						</tr>
+						<tr>
+							<td>Martena Mccray</td>
+							<td>Post-Sales support</td>
+							<td>Edinburgh</td>
+							<td>46</td>
+							<td>2011/03/09</td>
+							<td>$324,050</td>
+						</tr>
+						<tr>
+							<td>Unity Butler</td>
+							<td>Marketing Designer</td>
+							<td>San Francisco</td>
+							<td>47</td>
+							<td>2009/12/09</td>
+							<td>$85,675</td>
+						</tr>
+						<tr>
+							<td>Howard Hatfield</td>
+							<td>Office Manager</td>
+							<td>San Francisco</td>
+							<td>51</td>
+							<td>2008/12/16</td>
+							<td>$164,500</td>
+						</tr>
+						<tr>
+							<td>Hope Fuentes</td>
+							<td>Secretary</td>
+							<td>San Francisco</td>
+							<td>41</td>
+							<td>2010/02/12</td>
+							<td>$109,850</td>
+						</tr>
+						<tr>
+							<td>Vivian Harrell</td>
+							<td>Financial Controller</td>
+							<td>San Francisco</td>
+							<td>62</td>
+							<td>2009/02/14</td>
+							<td>$452,500</td>
+						</tr>
+						<tr>
+							<td>Timothy Mooney</td>
+							<td>Office Manager</td>
+							<td>London</td>
+							<td>37</td>
+							<td>2008/12/11</td>
+							<td>$136,200</td>
+						</tr>
+						<tr>
+							<td>Jackson Bradshaw</td>
+							<td>Director</td>
+							<td>New York</td>
+							<td>65</td>
+							<td>2008/09/26</td>
+							<td>$645,750</td>
+						</tr>
+						<tr>
+							<td>Olivia Liang</td>
+							<td>Support Engineer</td>
+							<td>Singapore</td>
+							<td>64</td>
+							<td>2011/02/03</td>
+							<td>$234,500</td>
+						</tr>
+						<tr>
+							<td>Bruno Nash</td>
+							<td>Software Engineer</td>
+							<td>London</td>
+							<td>38</td>
+							<td>2011/05/03</td>
+							<td>$163,500</td>
+						</tr>
+						<tr>
+							<td>Sakura Yamamoto</td>
+							<td>Support Engineer</td>
+							<td>Tokyo</td>
+							<td>37</td>
+							<td>2009/08/19</td>
+							<td>$139,575</td>
+						</tr>
+						<tr>
+							<td>Thor Walton</td>
+							<td>Developer</td>
+							<td>New York</td>
+							<td>61</td>
+							<td>2013/08/11</td>
+							<td>$98,540</td>
+						</tr>
+						<tr>
+							<td>Finn Camacho</td>
+							<td>Support Engineer</td>
+							<td>San Francisco</td>
+							<td>47</td>
+							<td>2009/07/07</td>
+							<td>$87,500</td>
+						</tr>
+						<tr>
+							<td>Serge Baldwin</td>
+							<td>Data Coordinator</td>
+							<td>Singapore</td>
+							<td>64</td>
+							<td>2012/04/09</td>
+							<td>$138,575</td>
+						</tr>
+						<tr>
+							<td>Zenaida Frank</td>
+							<td>Software Engineer</td>
+							<td>New York</td>
+							<td>63</td>
+							<td>2010/01/04</td>
+							<td>$125,250</td>
+						</tr>
+						<tr>
+							<td>Zorita Serrano</td>
+							<td>Software Engineer</td>
+							<td>San Francisco</td>
+							<td>56</td>
+							<td>2012/06/01</td>
+							<td>$115,000</td>
+						</tr>
+						<tr>
+							<td>Jennifer Acosta</td>
+							<td>Junior Javascript Developer</td>
+							<td>Edinburgh</td>
+							<td>43</td>
+							<td>2013/02/01</td>
+							<td>$75,650</td>
+						</tr>
+						<tr>
+							<td>Cara Stevens</td>
+							<td>Sales Assistant</td>
+							<td>New York</td>
+							<td>46</td>
+							<td>2011/12/06</td>
+							<td>$145,600</td>
+						</tr>
+						<tr>
+							<td>Hermione Butler</td>
+							<td>Regional Director</td>
+							<td>London</td>
+							<td>47</td>
+							<td>2011/03/21</td>
+							<td>$356,250</td>
+						</tr>
+						<tr>
+							<td>Lael Greer</td>
+							<td>Systems Administrator</td>
+							<td>London</td>
+							<td>21</td>
+							<td>2009/02/27</td>
+							<td>$103,500</td>
+						</tr>
+						<tr>
+							<td>Jonas Alexander</td>
+							<td>Developer</td>
+							<td>San Francisco</td>
+							<td>30</td>
+							<td>2010/07/14</td>
+							<td>$86,500</td>
+						</tr>
+						<tr>
+							<td>Shad Decker</td>
+							<td>Regional Director</td>
+							<td>Edinburgh</td>
+							<td>51</td>
+							<td>2008/11/13</td>
+							<td>$183,000</td>
+						</tr>
+						<tr>
+							<td>Michael Bruce</td>
+							<td>Javascript Developer</td>
+							<td>Singapore</td>
+							<td>29</td>
+							<td>2011/06/27</td>
+							<td>$183,000</td>
+						</tr>
+						<tr>
+							<td>Donna Snider</td>
+							<td>Customer Support</td>
+							<td>New York</td>
+							<td>27</td>
+							<td>2011/01/25</td>
+							<td>$112,000</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/scrollResize/dynamicVh.html b/webroot/components/datatables-plugins/features/scrollResize/dynamicVh.html
new file mode 100644
index 0000000..578cc47
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/scrollResize/dynamicVh.html
@@ -0,0 +1,537 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables page resize example</title>
+
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
+		<style type="text/css">
+			div.container {
+				margin: 0 auto;
+				max-width: 980px;
+			}
+
+			#resize_wrapper {
+				position: relative;
+				box-sizing: border-box;
+				margin: 1vh 0;
+				height: 97vh;
+				padding: 0.5em 0.5em 1.5em 0.5em;
+				border-radius: 0.5em;
+				background-color: #f9f9f9;
+			}
+
+			table.dataTable th,
+			table.dataTable td {
+				white-space: nowrap;
+			}
+		</style>
+
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.scrollResize.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready( function () {
+				// DataTables initialisation
+				var table = $('#example').DataTable( {
+					scrollResize: true,
+					scrollX: true,
+					scrollY: 100,
+					scrollCollapse: true,
+					paging: false,
+					lengthChange: false
+				} );
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			<div id="resize_wrapper">
+				<table id="example" class="display nowrap" cellspacing="0" width="100%">
+					<thead>
+						<tr>
+							<th>Name</th>
+							<th>Position</th>
+							<th>Office</th>
+							<th>Age</th>
+							<th>Start date</th>
+							<th>Salary</th>
+						</tr>
+					</thead>
+
+					<tfoot>
+						<tr>
+							<th>Name</th>
+							<th>Position</th>
+							<th>Office</th>
+							<th>Age</th>
+							<th>Start date</th>
+							<th>Salary</th>
+						</tr>
+					</tfoot>
+
+					<tbody>
+						<tr>
+							<td>Tiger Nixon</td>
+							<td>System Architect</td>
+							<td>Edinburgh</td>
+							<td>61</td>
+							<td>2011/04/25</td>
+							<td>$320,800</td>
+						</tr>
+						<tr>
+							<td>Garrett Winters</td>
+							<td>Accountant</td>
+							<td>Tokyo</td>
+							<td>63</td>
+							<td>2011/07/25</td>
+							<td>$170,750</td>
+						</tr>
+						<tr>
+							<td>Ashton Cox</td>
+							<td>Junior Technical Author</td>
+							<td>San Francisco</td>
+							<td>66</td>
+							<td>2009/01/12</td>
+							<td>$86,000</td>
+						</tr>
+						<tr>
+							<td>Cedric Kelly</td>
+							<td>Senior Javascript Developer</td>
+							<td>Edinburgh</td>
+							<td>22</td>
+							<td>2012/03/29</td>
+							<td>$433,060</td>
+						</tr>
+						<tr>
+							<td>Airi Satou</td>
+							<td>Accountant</td>
+							<td>Tokyo</td>
+							<td>33</td>
+							<td>2008/11/28</td>
+							<td>$162,700</td>
+						</tr>
+						<tr>
+							<td>Brielle Williamson</td>
+							<td>Integration Specialist</td>
+							<td>New York</td>
+							<td>61</td>
+							<td>2012/12/02</td>
+							<td>$372,000</td>
+						</tr>
+						<tr>
+							<td>Herrod Chandler</td>
+							<td>Sales Assistant</td>
+							<td>San Francisco</td>
+							<td>59</td>
+							<td>2012/08/06</td>
+							<td>$137,500</td>
+						</tr>
+						<tr>
+							<td>Rhona Davidson</td>
+							<td>Integration Specialist</td>
+							<td>Tokyo</td>
+							<td>55</td>
+							<td>2010/10/14</td>
+							<td>$327,900</td>
+						</tr>
+						<tr>
+							<td>Colleen Hurst</td>
+							<td>Javascript Developer</td>
+							<td>San Francisco</td>
+							<td>39</td>
+							<td>2009/09/15</td>
+							<td>$205,500</td>
+						</tr>
+						<tr>
+							<td>Sonya Frost</td>
+							<td>Software Engineer</td>
+							<td>Edinburgh</td>
+							<td>23</td>
+							<td>2008/12/13</td>
+							<td>$103,600</td>
+						</tr>
+						<tr>
+							<td>Jena Gaines</td>
+							<td>Office Manager</td>
+							<td>London</td>
+							<td>30</td>
+							<td>2008/12/19</td>
+							<td>$90,560</td>
+						</tr>
+						<tr>
+							<td>Quinn Flynn</td>
+							<td>Support Lead</td>
+							<td>Edinburgh</td>
+							<td>22</td>
+							<td>2013/03/03</td>
+							<td>$342,000</td>
+						</tr>
+						<tr>
+							<td>Charde Marshall</td>
+							<td>Regional Director</td>
+							<td>San Francisco</td>
+							<td>36</td>
+							<td>2008/10/16</td>
+							<td>$470,600</td>
+						</tr>
+						<tr>
+							<td>Haley Kennedy</td>
+							<td>Senior Marketing Designer</td>
+							<td>London</td>
+							<td>43</td>
+							<td>2012/12/18</td>
+							<td>$313,500</td>
+						</tr>
+						<tr>
+							<td>Tatyana Fitzpatrick</td>
+							<td>Regional Director</td>
+							<td>London</td>
+							<td>19</td>
+							<td>2010/03/17</td>
+							<td>$385,750</td>
+						</tr>
+						<tr>
+							<td>Michael Silva</td>
+							<td>Marketing Designer</td>
+							<td>London</td>
+							<td>66</td>
+							<td>2012/11/27</td>
+							<td>$198,500</td>
+						</tr>
+						<tr>
+							<td>Paul Byrd</td>
+							<td>Chief Financial Officer (CFO)</td>
+							<td>New York</td>
+							<td>64</td>
+							<td>2010/06/09</td>
+							<td>$725,000</td>
+						</tr>
+						<tr>
+							<td>Gloria Little</td>
+							<td>Systems Administrator</td>
+							<td>New York</td>
+							<td>59</td>
+							<td>2009/04/10</td>
+							<td>$237,500</td>
+						</tr>
+						<tr>
+							<td>Bradley Greer</td>
+							<td>Software Engineer</td>
+							<td>London</td>
+							<td>41</td>
+							<td>2012/10/13</td>
+							<td>$132,000</td>
+						</tr>
+						<tr>
+							<td>Dai Rios</td>
+							<td>Personnel Lead</td>
+							<td>Edinburgh</td>
+							<td>35</td>
+							<td>2012/09/26</td>
+							<td>$217,500</td>
+						</tr>
+						<tr>
+							<td>Jenette Caldwell</td>
+							<td>Development Lead</td>
+							<td>New York</td>
+							<td>30</td>
+							<td>2011/09/03</td>
+							<td>$345,000</td>
+						</tr>
+						<tr>
+							<td>Yuri Berry</td>
+							<td>Chief Marketing Officer (CMO)</td>
+							<td>New York</td>
+							<td>40</td>
+							<td>2009/06/25</td>
+							<td>$675,000</td>
+						</tr>
+						<tr>
+							<td>Caesar Vance</td>
+							<td>Pre-Sales Support</td>
+							<td>New York</td>
+							<td>21</td>
+							<td>2011/12/12</td>
+							<td>$106,450</td>
+						</tr>
+						<tr>
+							<td>Doris Wilder</td>
+							<td>Sales Assistant</td>
+							<td>Sidney</td>
+							<td>23</td>
+							<td>2010/09/20</td>
+							<td>$85,600</td>
+						</tr>
+						<tr>
+							<td>Angelica Ramos</td>
+							<td>Chief Executive Officer (CEO)</td>
+							<td>London</td>
+							<td>47</td>
+							<td>2009/10/09</td>
+							<td>$1,200,000</td>
+						</tr>
+						<tr>
+							<td>Gavin Joyce</td>
+							<td>Developer</td>
+							<td>Edinburgh</td>
+							<td>42</td>
+							<td>2010/12/22</td>
+							<td>$92,575</td>
+						</tr>
+						<tr>
+							<td>Jennifer Chang</td>
+							<td>Regional Director</td>
+							<td>Singapore</td>
+							<td>28</td>
+							<td>2010/11/14</td>
+							<td>$357,650</td>
+						</tr>
+						<tr>
+							<td>Brenden Wagner</td>
+							<td>Software Engineer</td>
+							<td>San Francisco</td>
+							<td>28</td>
+							<td>2011/06/07</td>
+							<td>$206,850</td>
+						</tr>
+						<tr>
+							<td>Fiona Green</td>
+							<td>Chief Operating Officer (COO)</td>
+							<td>San Francisco</td>
+							<td>48</td>
+							<td>2010/03/11</td>
+							<td>$850,000</td>
+						</tr>
+						<tr>
+							<td>Shou Itou</td>
+							<td>Regional Marketing</td>
+							<td>Tokyo</td>
+							<td>20</td>
+							<td>2011/08/14</td>
+							<td>$163,000</td>
+						</tr>
+						<tr>
+							<td>Michelle House</td>
+							<td>Integration Specialist</td>
+							<td>Sidney</td>
+							<td>37</td>
+							<td>2011/06/02</td>
+							<td>$95,400</td>
+						</tr>
+						<tr>
+							<td>Suki Burks</td>
+							<td>Developer</td>
+							<td>London</td>
+							<td>53</td>
+							<td>2009/10/22</td>
+							<td>$114,500</td>
+						</tr>
+						<tr>
+							<td>Prescott Bartlett</td>
+							<td>Technical Author</td>
+							<td>London</td>
+							<td>27</td>
+							<td>2011/05/07</td>
+							<td>$145,000</td>
+						</tr>
+						<tr>
+							<td>Gavin Cortez</td>
+							<td>Team Leader</td>
+							<td>San Francisco</td>
+							<td>22</td>
+							<td>2008/10/26</td>
+							<td>$235,500</td>
+						</tr>
+						<tr>
+							<td>Martena Mccray</td>
+							<td>Post-Sales support</td>
+							<td>Edinburgh</td>
+							<td>46</td>
+							<td>2011/03/09</td>
+							<td>$324,050</td>
+						</tr>
+						<tr>
+							<td>Unity Butler</td>
+							<td>Marketing Designer</td>
+							<td>San Francisco</td>
+							<td>47</td>
+							<td>2009/12/09</td>
+							<td>$85,675</td>
+						</tr>
+						<tr>
+							<td>Howard Hatfield</td>
+							<td>Office Manager</td>
+							<td>San Francisco</td>
+							<td>51</td>
+							<td>2008/12/16</td>
+							<td>$164,500</td>
+						</tr>
+						<tr>
+							<td>Hope Fuentes</td>
+							<td>Secretary</td>
+							<td>San Francisco</td>
+							<td>41</td>
+							<td>2010/02/12</td>
+							<td>$109,850</td>
+						</tr>
+						<tr>
+							<td>Vivian Harrell</td>
+							<td>Financial Controller</td>
+							<td>San Francisco</td>
+							<td>62</td>
+							<td>2009/02/14</td>
+							<td>$452,500</td>
+						</tr>
+						<tr>
+							<td>Timothy Mooney</td>
+							<td>Office Manager</td>
+							<td>London</td>
+							<td>37</td>
+							<td>2008/12/11</td>
+							<td>$136,200</td>
+						</tr>
+						<tr>
+							<td>Jackson Bradshaw</td>
+							<td>Director</td>
+							<td>New York</td>
+							<td>65</td>
+							<td>2008/09/26</td>
+							<td>$645,750</td>
+						</tr>
+						<tr>
+							<td>Olivia Liang</td>
+							<td>Support Engineer</td>
+							<td>Singapore</td>
+							<td>64</td>
+							<td>2011/02/03</td>
+							<td>$234,500</td>
+						</tr>
+						<tr>
+							<td>Bruno Nash</td>
+							<td>Software Engineer</td>
+							<td>London</td>
+							<td>38</td>
+							<td>2011/05/03</td>
+							<td>$163,500</td>
+						</tr>
+						<tr>
+							<td>Sakura Yamamoto</td>
+							<td>Support Engineer</td>
+							<td>Tokyo</td>
+							<td>37</td>
+							<td>2009/08/19</td>
+							<td>$139,575</td>
+						</tr>
+						<tr>
+							<td>Thor Walton</td>
+							<td>Developer</td>
+							<td>New York</td>
+							<td>61</td>
+							<td>2013/08/11</td>
+							<td>$98,540</td>
+						</tr>
+						<tr>
+							<td>Finn Camacho</td>
+							<td>Support Engineer</td>
+							<td>San Francisco</td>
+							<td>47</td>
+							<td>2009/07/07</td>
+							<td>$87,500</td>
+						</tr>
+						<tr>
+							<td>Serge Baldwin</td>
+							<td>Data Coordinator</td>
+							<td>Singapore</td>
+							<td>64</td>
+							<td>2012/04/09</td>
+							<td>$138,575</td>
+						</tr>
+						<tr>
+							<td>Zenaida Frank</td>
+							<td>Software Engineer</td>
+							<td>New York</td>
+							<td>63</td>
+							<td>2010/01/04</td>
+							<td>$125,250</td>
+						</tr>
+						<tr>
+							<td>Zorita Serrano</td>
+							<td>Software Engineer</td>
+							<td>San Francisco</td>
+							<td>56</td>
+							<td>2012/06/01</td>
+							<td>$115,000</td>
+						</tr>
+						<tr>
+							<td>Jennifer Acosta</td>
+							<td>Junior Javascript Developer</td>
+							<td>Edinburgh</td>
+							<td>43</td>
+							<td>2013/02/01</td>
+							<td>$75,650</td>
+						</tr>
+						<tr>
+							<td>Cara Stevens</td>
+							<td>Sales Assistant</td>
+							<td>New York</td>
+							<td>46</td>
+							<td>2011/12/06</td>
+							<td>$145,600</td>
+						</tr>
+						<tr>
+							<td>Hermione Butler</td>
+							<td>Regional Director</td>
+							<td>London</td>
+							<td>47</td>
+							<td>2011/03/21</td>
+							<td>$356,250</td>
+						</tr>
+						<tr>
+							<td>Lael Greer</td>
+							<td>Systems Administrator</td>
+							<td>London</td>
+							<td>21</td>
+							<td>2009/02/27</td>
+							<td>$103,500</td>
+						</tr>
+						<tr>
+							<td>Jonas Alexander</td>
+							<td>Developer</td>
+							<td>San Francisco</td>
+							<td>30</td>
+							<td>2010/07/14</td>
+							<td>$86,500</td>
+						</tr>
+						<tr>
+							<td>Shad Decker</td>
+							<td>Regional Director</td>
+							<td>Edinburgh</td>
+							<td>51</td>
+							<td>2008/11/13</td>
+							<td>$183,000</td>
+						</tr>
+						<tr>
+							<td>Michael Bruce</td>
+							<td>Javascript Developer</td>
+							<td>Singapore</td>
+							<td>29</td>
+							<td>2011/06/27</td>
+							<td>$183,000</td>
+						</tr>
+						<tr>
+							<td>Donna Snider</td>
+							<td>Customer Support</td>
+							<td>New York</td>
+							<td>27</td>
+							<td>2011/01/25</td>
+							<td>$112,000</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/scrollResize/index.html b/webroot/components/datatables-plugins/features/scrollResize/index.html
new file mode 100644
index 0000000..326034a
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/scrollResize/index.html
@@ -0,0 +1,582 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables page resize example</title>
+
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
+		<style type="text/css">
+			div.container {
+				margin: 0 auto;
+				max-width: 980px;
+			}
+
+			#resize_wrapper {
+				position: relative;
+				height: 300px;
+				padding: 0.5em 0.5em 1.5em 0.5em;
+				border: 1px solid #aaa;
+				border-radius: 0.5em;
+				background-color: #f9f9f9;
+			}
+
+			#resize_handle {
+				position: absolute;
+				bottom: 0;
+				left: 0;
+				right: 0;
+				height: 1.5em;
+				border-bottom-right-radius: 0.5em;
+				border-bottom-left-radius: 0.5em;
+				text-align: center;
+				font-size: 0.8em;
+				line-height: 1.5em;
+				background-color: #4d90fe;
+				color: white;
+				cursor: pointer;
+			}
+
+			table.dataTable th,
+			table.dataTable td {
+				white-space: nowrap;
+			}
+
+			div.dataTables_length {
+				display: none;
+			}
+		</style>
+
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.scrollResize.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready( function () {
+				// Resize the demo table container with mouse drag
+				var wrapper = $('#resize_wrapper');
+				$('#resize_handle').on( 'mousedown', function (e) {
+					var mouseStartY = e.pageY;
+					var resizeStartHeight = wrapper.height();
+
+					$(document)
+						.on( 'mousemove.demo', function (e) {
+							var height = resizeStartHeight + (e.pageY - mouseStartY);
+							if ( height < 180 ) {
+								height = 180;
+							}
+
+							wrapper.height( height );
+						} )
+						.on( 'mouseup.demo', function (e) {
+							$(document).off( 'mousemove.demo mouseup.demo' );
+						} );
+
+					return false;
+				} );
+
+				// DataTables initialisation
+				var table = $('#example').DataTable( {
+					scrollResize: true,
+					scrollX: true,
+					scrollY: 100,
+					scrollCollapse: true,
+					paging: false,
+					columnDefs: [
+						{ visible: false, targets: 1 }
+					]
+				} );
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			<div id="resize_wrapper">
+				<table id="example" class="display nowrap" cellspacing="0" width="100%">
+					<thead>
+						<tr>
+							<th>Name</th>
+							<th>Position</th>
+							<th>Office</th>
+							<th>Age</th>
+							<th>Start date</th>
+							<th>Salary</th>
+						</tr>
+					</thead>
+
+					<tfoot>
+						<tr>
+							<th>Name</th>
+							<th>Position</th>
+							<th>Office</th>
+							<th>Age</th>
+							<th>Start date</th>
+							<th>Salary</th>
+						</tr>
+					</tfoot>
+
+					<tbody>
+						<tr>
+							<td>Tiger Nixon</td>
+							<td>System Architect</td>
+							<td>Edinburgh</td>
+							<td>61</td>
+							<td>2011/04/25</td>
+							<td>$320,800</td>
+						</tr>
+						<tr>
+							<td>Garrett Winters</td>
+							<td>Accountant</td>
+							<td>Tokyo</td>
+							<td>63</td>
+							<td>2011/07/25</td>
+							<td>$170,750</td>
+						</tr>
+						<tr>
+							<td>Ashton Cox</td>
+							<td>Junior Technical Author</td>
+							<td>San Francisco</td>
+							<td>66</td>
+							<td>2009/01/12</td>
+							<td>$86,000</td>
+						</tr>
+						<tr>
+							<td>Cedric Kelly</td>
+							<td>Senior Javascript Developer</td>
+							<td>Edinburgh</td>
+							<td>22</td>
+							<td>2012/03/29</td>
+							<td>$433,060</td>
+						</tr>
+						<tr>
+							<td>Airi Satou</td>
+							<td>Accountant</td>
+							<td>Tokyo</td>
+							<td>33</td>
+							<td>2008/11/28</td>
+							<td>$162,700</td>
+						</tr>
+						<tr>
+							<td>Brielle Williamson</td>
+							<td>Integration Specialist</td>
+							<td>New York</td>
+							<td>61</td>
+							<td>2012/12/02</td>
+							<td>$372,000</td>
+						</tr>
+						<tr>
+							<td>Herrod Chandler</td>
+							<td>Sales Assistant</td>
+							<td>San Francisco</td>
+							<td>59</td>
+							<td>2012/08/06</td>
+							<td>$137,500</td>
+						</tr>
+						<tr>
+							<td>Rhona Davidson</td>
+							<td>Integration Specialist</td>
+							<td>Tokyo</td>
+							<td>55</td>
+							<td>2010/10/14</td>
+							<td>$327,900</td>
+						</tr>
+						<tr>
+							<td>Colleen Hurst</td>
+							<td>Javascript Developer</td>
+							<td>San Francisco</td>
+							<td>39</td>
+							<td>2009/09/15</td>
+							<td>$205,500</td>
+						</tr>
+						<tr>
+							<td>Sonya Frost</td>
+							<td>Software Engineer</td>
+							<td>Edinburgh</td>
+							<td>23</td>
+							<td>2008/12/13</td>
+							<td>$103,600</td>
+						</tr>
+						<tr>
+							<td>Jena Gaines</td>
+							<td>Office Manager</td>
+							<td>London</td>
+							<td>30</td>
+							<td>2008/12/19</td>
+							<td>$90,560</td>
+						</tr>
+						<tr>
+							<td>Quinn Flynn</td>
+							<td>Support Lead</td>
+							<td>Edinburgh</td>
+							<td>22</td>
+							<td>2013/03/03</td>
+							<td>$342,000</td>
+						</tr>
+						<tr>
+							<td>Charde Marshall</td>
+							<td>Regional Director</td>
+							<td>San Francisco</td>
+							<td>36</td>
+							<td>2008/10/16</td>
+							<td>$470,600</td>
+						</tr>
+						<tr>
+							<td>Haley Kennedy</td>
+							<td>Senior Marketing Designer</td>
+							<td>London</td>
+							<td>43</td>
+							<td>2012/12/18</td>
+							<td>$313,500</td>
+						</tr>
+						<tr>
+							<td>Tatyana Fitzpatrick</td>
+							<td>Regional Director</td>
+							<td>London</td>
+							<td>19</td>
+							<td>2010/03/17</td>
+							<td>$385,750</td>
+						</tr>
+						<tr>
+							<td>Michael Silva</td>
+							<td>Marketing Designer</td>
+							<td>London</td>
+							<td>66</td>
+							<td>2012/11/27</td>
+							<td>$198,500</td>
+						</tr>
+						<tr>
+							<td>Paul Byrd</td>
+							<td>Chief Financial Officer (CFO)</td>
+							<td>New York</td>
+							<td>64</td>
+							<td>2010/06/09</td>
+							<td>$725,000</td>
+						</tr>
+						<tr>
+							<td>Gloria Little</td>
+							<td>Systems Administrator</td>
+							<td>New York</td>
+							<td>59</td>
+							<td>2009/04/10</td>
+							<td>$237,500</td>
+						</tr>
+						<tr>
+							<td>Bradley Greer</td>
+							<td>Software Engineer</td>
+							<td>London</td>
+							<td>41</td>
+							<td>2012/10/13</td>
+							<td>$132,000</td>
+						</tr>
+						<tr>
+							<td>Dai Rios</td>
+							<td>Personnel Lead</td>
+							<td>Edinburgh</td>
+							<td>35</td>
+							<td>2012/09/26</td>
+							<td>$217,500</td>
+						</tr>
+						<tr>
+							<td>Jenette Caldwell</td>
+							<td>Development Lead</td>
+							<td>New York</td>
+							<td>30</td>
+							<td>2011/09/03</td>
+							<td>$345,000</td>
+						</tr>
+						<tr>
+							<td>Yuri Berry</td>
+							<td>Chief Marketing Officer (CMO)</td>
+							<td>New York</td>
+							<td>40</td>
+							<td>2009/06/25</td>
+							<td>$675,000</td>
+						</tr>
+						<tr>
+							<td>Caesar Vance</td>
+							<td>Pre-Sales Support</td>
+							<td>New York</td>
+							<td>21</td>
+							<td>2011/12/12</td>
+							<td>$106,450</td>
+						</tr>
+						<tr>
+							<td>Doris Wilder</td>
+							<td>Sales Assistant</td>
+							<td>Sidney</td>
+							<td>23</td>
+							<td>2010/09/20</td>
+							<td>$85,600</td>
+						</tr>
+						<tr>
+							<td>Angelica Ramos</td>
+							<td>Chief Executive Officer (CEO)</td>
+							<td>London</td>
+							<td>47</td>
+							<td>2009/10/09</td>
+							<td>$1,200,000</td>
+						</tr>
+						<tr>
+							<td>Gavin Joyce</td>
+							<td>Developer</td>
+							<td>Edinburgh</td>
+							<td>42</td>
+							<td>2010/12/22</td>
+							<td>$92,575</td>
+						</tr>
+						<tr>
+							<td>Jennifer Chang</td>
+							<td>Regional Director</td>
+							<td>Singapore</td>
+							<td>28</td>
+							<td>2010/11/14</td>
+							<td>$357,650</td>
+						</tr>
+						<tr>
+							<td>Brenden Wagner</td>
+							<td>Software Engineer</td>
+							<td>San Francisco</td>
+							<td>28</td>
+							<td>2011/06/07</td>
+							<td>$206,850</td>
+						</tr>
+						<tr>
+							<td>Fiona Green</td>
+							<td>Chief Operating Officer (COO)</td>
+							<td>San Francisco</td>
+							<td>48</td>
+							<td>2010/03/11</td>
+							<td>$850,000</td>
+						</tr>
+						<tr>
+							<td>Shou Itou</td>
+							<td>Regional Marketing</td>
+							<td>Tokyo</td>
+							<td>20</td>
+							<td>2011/08/14</td>
+							<td>$163,000</td>
+						</tr>
+						<tr>
+							<td>Michelle House</td>
+							<td>Integration Specialist</td>
+							<td>Sidney</td>
+							<td>37</td>
+							<td>2011/06/02</td>
+							<td>$95,400</td>
+						</tr>
+						<tr>
+							<td>Suki Burks</td>
+							<td>Developer</td>
+							<td>London</td>
+							<td>53</td>
+							<td>2009/10/22</td>
+							<td>$114,500</td>
+						</tr>
+						<tr>
+							<td>Prescott Bartlett</td>
+							<td>Technical Author</td>
+							<td>London</td>
+							<td>27</td>
+							<td>2011/05/07</td>
+							<td>$145,000</td>
+						</tr>
+						<tr>
+							<td>Gavin Cortez</td>
+							<td>Team Leader</td>
+							<td>San Francisco</td>
+							<td>22</td>
+							<td>2008/10/26</td>
+							<td>$235,500</td>
+						</tr>
+						<tr>
+							<td>Martena Mccray</td>
+							<td>Post-Sales support</td>
+							<td>Edinburgh</td>
+							<td>46</td>
+							<td>2011/03/09</td>
+							<td>$324,050</td>
+						</tr>
+						<tr>
+							<td>Unity Butler</td>
+							<td>Marketing Designer</td>
+							<td>San Francisco</td>
+							<td>47</td>
+							<td>2009/12/09</td>
+							<td>$85,675</td>
+						</tr>
+						<tr>
+							<td>Howard Hatfield</td>
+							<td>Office Manager</td>
+							<td>San Francisco</td>
+							<td>51</td>
+							<td>2008/12/16</td>
+							<td>$164,500</td>
+						</tr>
+						<tr>
+							<td>Hope Fuentes</td>
+							<td>Secretary</td>
+							<td>San Francisco</td>
+							<td>41</td>
+							<td>2010/02/12</td>
+							<td>$109,850</td>
+						</tr>
+						<tr>
+							<td>Vivian Harrell</td>
+							<td>Financial Controller</td>
+							<td>San Francisco</td>
+							<td>62</td>
+							<td>2009/02/14</td>
+							<td>$452,500</td>
+						</tr>
+						<tr>
+							<td>Timothy Mooney</td>
+							<td>Office Manager</td>
+							<td>London</td>
+							<td>37</td>
+							<td>2008/12/11</td>
+							<td>$136,200</td>
+						</tr>
+						<tr>
+							<td>Jackson Bradshaw</td>
+							<td>Director</td>
+							<td>New York</td>
+							<td>65</td>
+							<td>2008/09/26</td>
+							<td>$645,750</td>
+						</tr>
+						<tr>
+							<td>Olivia Liang</td>
+							<td>Support Engineer</td>
+							<td>Singapore</td>
+							<td>64</td>
+							<td>2011/02/03</td>
+							<td>$234,500</td>
+						</tr>
+						<tr>
+							<td>Bruno Nash</td>
+							<td>Software Engineer</td>
+							<td>London</td>
+							<td>38</td>
+							<td>2011/05/03</td>
+							<td>$163,500</td>
+						</tr>
+						<tr>
+							<td>Sakura Yamamoto</td>
+							<td>Support Engineer</td>
+							<td>Tokyo</td>
+							<td>37</td>
+							<td>2009/08/19</td>
+							<td>$139,575</td>
+						</tr>
+						<tr>
+							<td>Thor Walton</td>
+							<td>Developer</td>
+							<td>New York</td>
+							<td>61</td>
+							<td>2013/08/11</td>
+							<td>$98,540</td>
+						</tr>
+						<tr>
+							<td>Finn Camacho</td>
+							<td>Support Engineer</td>
+							<td>San Francisco</td>
+							<td>47</td>
+							<td>2009/07/07</td>
+							<td>$87,500</td>
+						</tr>
+						<tr>
+							<td>Serge Baldwin</td>
+							<td>Data Coordinator</td>
+							<td>Singapore</td>
+							<td>64</td>
+							<td>2012/04/09</td>
+							<td>$138,575</td>
+						</tr>
+						<tr>
+							<td>Zenaida Frank</td>
+							<td>Software Engineer</td>
+							<td>New York</td>
+							<td>63</td>
+							<td>2010/01/04</td>
+							<td>$125,250</td>
+						</tr>
+						<tr>
+							<td>Zorita Serrano</td>
+							<td>Software Engineer</td>
+							<td>San Francisco</td>
+							<td>56</td>
+							<td>2012/06/01</td>
+							<td>$115,000</td>
+						</tr>
+						<tr>
+							<td>Jennifer Acosta</td>
+							<td>Junior Javascript Developer</td>
+							<td>Edinburgh</td>
+							<td>43</td>
+							<td>2013/02/01</td>
+							<td>$75,650</td>
+						</tr>
+						<tr>
+							<td>Cara Stevens</td>
+							<td>Sales Assistant</td>
+							<td>New York</td>
+							<td>46</td>
+							<td>2011/12/06</td>
+							<td>$145,600</td>
+						</tr>
+						<tr>
+							<td>Hermione Butler</td>
+							<td>Regional Director</td>
+							<td>London</td>
+							<td>47</td>
+							<td>2011/03/21</td>
+							<td>$356,250</td>
+						</tr>
+						<tr>
+							<td>Lael Greer</td>
+							<td>Systems Administrator</td>
+							<td>London</td>
+							<td>21</td>
+							<td>2009/02/27</td>
+							<td>$103,500</td>
+						</tr>
+						<tr>
+							<td>Jonas Alexander</td>
+							<td>Developer</td>
+							<td>San Francisco</td>
+							<td>30</td>
+							<td>2010/07/14</td>
+							<td>$86,500</td>
+						</tr>
+						<tr>
+							<td>Shad Decker</td>
+							<td>Regional Director</td>
+							<td>Edinburgh</td>
+							<td>51</td>
+							<td>2008/11/13</td>
+							<td>$183,000</td>
+						</tr>
+						<tr>
+							<td>Michael Bruce</td>
+							<td>Javascript Developer</td>
+							<td>Singapore</td>
+							<td>29</td>
+							<td>2011/06/27</td>
+							<td>$183,000</td>
+						</tr>
+						<tr>
+							<td>Donna Snider</td>
+							<td>Customer Support</td>
+							<td>New York</td>
+							<td>27</td>
+							<td>2011/01/25</td>
+							<td>$112,000</td>
+						</tr>
+					</tbody>
+				</table>
+
+				<div id="resize_handle">Click and drag me!</div>
+			</div>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.css b/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.css
new file mode 100644
index 0000000..1e6ed13
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.css
@@ -0,0 +1,3 @@
+.notMatched td {
+	opacity: 0.2;
+}
diff --git a/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.js b/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.js
new file mode 100644
index 0000000..3d064ea
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.js
@@ -0,0 +1,113 @@
+/*! SearchFade 0.0.1
+ * 2018 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     SearchFade
+ * @description Search and Fade unmatching rows in a DataTables
+ * @version     0.0.1
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @copyright   Copyright 2018 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
+ */
+(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';
+
+	$.fn.dataTable.Api.register('searchFade()', function() {
+		return this;
+	});
+
+	$.fn.dataTable.Api.register('searchFade().node()', function() {
+		return this.settings()[0].searchFadeNode;
+	});
+
+	function _draw(table, searchFade) {
+		searchFade.empty();
+		searchFade.append('Search: ');
+
+		$('<input type="text" class="searchFadeInput' + table.settings()[0].sTableId + '">').appendTo(searchFade);
+	}
+
+	$.fn.dataTable.SearchFade = function(settings) {
+		var table = new $.fn.dataTable.Api(settings);
+		var searchFade = $('<div class="searchFade"/>');
+
+		table.settings()[0].searchFadeNode = searchFade;
+
+		_draw(table, searchFade);
+
+		// Trigger a search
+		searchFade.on('keyup redraw', 'input', function() {
+			table.rows(':visible').every(function(rowIdx, tableLoop, rowLoop) {
+				var present = true;
+				if ($('.searchFadeInput' + table.settings()[0].sTableId).val().length) {
+					present = table
+						.row(rowIdx)
+						.data()
+						.some(function(v) {
+							return v.match(new RegExp($('.searchFadeInput' + table.settings()[0].sTableId).val(), 'i')) != null;
+						});
+				}
+				$(table.row(rowIdx).node()).toggleClass('notMatched', !present);
+			});
+		});
+
+		table.on('draw', function() {
+			$('input', searchFade).trigger('redraw');
+		});
+
+		// API method to get the searchFade container node
+		this.node = function() {
+			return searchFade;
+		};
+	};
+
+	$.fn.DataTable.SearchFade = $.fn.dataTable.SearchFade;
+
+	$.fn.dataTable.ext.feature.push({
+		fnInit: function(settings) {
+			var search = new $.fn.dataTable.SearchFade(settings);
+			return search.node();
+		},
+		cFeature: 'F'
+	});
+
+	$(document).on('init.dt', function(e, settings, json) {
+		if (e.namespace === 'dt') {
+			$.fn.dataTable.SearchFade(settings);
+		}
+
+		return;
+	});
+});
diff --git a/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.min.css b/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.min.css
new file mode 100644
index 0000000..9d97590
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.min.css
@@ -0,0 +1 @@
+.notMatched td{opacity:0.2}
diff --git a/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.min.js b/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.min.js
new file mode 100644
index 0000000..2d99cd1
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchFade/dataTables.searchFade.min.js
@@ -0,0 +1,7 @@
+/*!
+ SearchFade 0.0.1
+ 2018 SpryMedia Ltd - datatables.net/license
+*/
+(function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(c){return b(c,window,document)}):"object"===typeof exports?module.exports=function(c,a){c||(c=window);if(!a||!a.fn.dataTable)a=require("datatables.net")(c,a).$;return b(a,c,c.document)}:b(jQuery,window,document)})(function(b,c,a){b.fn.dataTable.Api.register("searchFade()",function(){return this});b.fn.dataTable.Api.register("searchFade().node()",function(){return this.settings()[0].searchFadeNode});b.fn.dataTable.SearchFade=
+function(c){var d=new b.fn.dataTable.Api(c),a=b('<div class="searchFade"/>');d.settings()[0].searchFadeNode=a;a.empty();a.append("Search: ");b('<input type="text" class="searchFadeInput'+d.settings()[0].sTableId+'">').appendTo(a);a.on("keyup redraw","input",function(){d.rows(":visible").every(function(a){var c=!0;b(".searchFadeInput"+d.settings()[0].sTableId).val().length&&(c=d.row(a).data().some(function(a){return null!=a.match(RegExp(b(".searchFadeInput"+d.settings()[0].sTableId).val(),"i"))}));
+b(d.row(a).node()).toggleClass("notMatched",!c)})});d.on("draw",function(){b("input",a).trigger("redraw")});this.node=function(){return a}};b.fn.DataTable.SearchFade=b.fn.dataTable.SearchFade;b.fn.dataTable.ext.feature.push({fnInit:function(a){return(new b.fn.dataTable.SearchFade(a)).node()},cFeature:"F"});b(a).on("init.dt",function(a,c){"dt"===a.namespace&&b.fn.dataTable.SearchFade(c)})});
diff --git a/webroot/components/datatables-plugins/features/searchHighlight/dataTables.searchHighlight.css b/webroot/components/datatables-plugins/features/searchHighlight/dataTables.searchHighlight.css
new file mode 100644
index 0000000..a1e43d4
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchHighlight/dataTables.searchHighlight.css
@@ -0,0 +1,11 @@
+
+
+table.dataTable span.highlight {
+  background-color: #FFFF88;
+  border-radius: 0.28571429rem;
+}
+
+table.dataTable span.column_highlight {
+  background-color: #ffcc99;
+  border-radius: 0.28571429rem;
+}
diff --git a/webroot/components/datatables-plugins/features/searchHighlight/dataTables.searchHighlight.js b/webroot/components/datatables-plugins/features/searchHighlight/dataTables.searchHighlight.js
new file mode 100644
index 0000000..d814f23
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchHighlight/dataTables.searchHighlight.js
@@ -0,0 +1,87 @@
+/*! SearchHighlight for DataTables v1.0.1
+ * 2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     SearchHighlight
+ * @description Search term highlighter for DataTables
+ * @version     1.0.1
+ * @file        dataTables.searchHighlight.js
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @contact     www.sprymedia.co.uk/contact
+ * @copyright   Copyright 2014 SpryMedia Ltd.
+ *
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * This feature plug-in for DataTables will highlight search terms in the
+ * DataTable as they are entered into the main search input element, or via the
+ * `search()` API method.
+ *
+ * It depends upon the jQuery Highlight plug-in by Bartek Szopka:
+ * 	  http://bartaz.github.io/sandbox.js/jquery.highlight.js
+ *
+ * Search highlighting in DataTables can be enabled by:
+ *
+ * * Adding the class `searchHighlight` to the HTML table
+ * * Setting the `searchHighlight` parameter in the DataTables initialisation to
+ *   be true
+ * * Setting the `searchHighlight` parameter to be true in the DataTables
+ *   defaults (thus causing all tables to have this feature) - i.e.
+ *   `$.fn.dataTable.defaults.searchHighlight = true`.
+ *
+ * For more detailed information please see:
+ *     http://datatables.net/blog/2014-10-22
+ */
+
+(function(window, document, $){
+
+
+function highlight( body, table )
+{
+	// Removing the old highlighting first
+	body.unhighlight();
+
+	// Don't highlight the "not found" row, so we get the rows using the api
+	if ( table.rows( { filter: 'applied' } ).data().length ) {
+		table.columns().every( function () {
+				var column = this;
+				column.nodes().flatten().to$().unhighlight({ className: 'column_highlight' });
+				column.nodes().flatten().to$().highlight( $.trim( column.search() ).split(/\s+/), { className: 'column_highlight' } );
+		} );
+		body.highlight( $.trim( table.search() ).split(/\s+/) );
+	}
+}
+
+
+// Listen for DataTables initialisations
+$(document).on( 'init.dt.dth', function (e, settings, json) {
+	if ( e.namespace !== 'dt' ) {
+		return;
+	}
+
+	var table = new $.fn.dataTable.Api( settings );
+	var body = $( table.table().body() );
+
+	if (
+		$( table.table().node() ).hasClass( 'searchHighlight' ) || // table has class
+		settings.oInit.searchHighlight                          || // option specified
+		$.fn.dataTable.defaults.searchHighlight                    // default set
+	) {
+		table
+			.on( 'draw.dt.dth column-visibility.dt.dth column-reorder.dt.dth', function () {
+				highlight( body, table );
+			} )
+			.on( 'destroy', function () {
+				// Remove event handler
+				table.off( 'draw.dt.dth column-visibility.dt.dth column-reorder.dt.dth' );
+			} );
+
+		// initial highlight for state saved conditions and initial states
+		if ( table.search() ) {
+			highlight( body, table );
+		}
+	}
+} );
+
+
+})(window, document, jQuery);
diff --git a/webroot/components/datatables-plugins/features/searchHighlight/dataTables.searchHighlight.min.js b/webroot/components/datatables-plugins/features/searchHighlight/dataTables.searchHighlight.min.js
new file mode 100644
index 0000000..bef7dda
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchHighlight/dataTables.searchHighlight.min.js
@@ -0,0 +1,6 @@
+/*!
+ SearchHighlight for DataTables v1.0.1
+ 2014 SpryMedia Ltd - datatables.net/license
+*/
+(function(h,g,a){function e(d,c){d.unhighlight();c.rows({filter:"applied"}).data().length&&(c.columns().every(function(){this.nodes().flatten().to$().unhighlight({className:"column_highlight"});this.nodes().flatten().to$().highlight(a.trim(this.search()).split(/\s+/),{className:"column_highlight"})}),d.highlight(a.trim(c.search()).split(/\s+/)))}a(g).on("init.dt.dth",function(d,c){if("dt"===d.namespace){var b=new a.fn.dataTable.Api(c),f=a(b.table().body());if(a(b.table().node()).hasClass("searchHighlight")||
+c.oInit.searchHighlight||a.fn.dataTable.defaults.searchHighlight)b.on("draw.dt.dth column-visibility.dt.dth column-reorder.dt.dth",function(){e(f,b)}).on("destroy",function(){b.off("draw.dt.dth column-visibility.dt.dth column-reorder.dt.dth")}),b.search()&&e(f,b)}})})(window,document,jQuery);
diff --git a/webroot/components/datatables-plugins/features/searchPane/customOptions.html b/webroot/components/datatables-plugins/features/searchPane/customOptions.html
new file mode 100644
index 0000000..22c58d5
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchPane/customOptions.html
@@ -0,0 +1,537 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables search pane example</title>
+
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
+		<link rel="stylesheet" type="text/css" href="dataTables.searchPane.css">
+		<style type="text/css">
+body {
+    font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    color: #333;
+    background-color: #fff;
+}
+		</style>
+
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.searchPane.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready( function () {
+				var table = $('#example').DataTable( {
+					searchPane: true,
+					columnDefs: [ {
+						targets: 1,
+						searchPane: {
+							match: 'any'
+						}
+					} ]
+				} );
+
+				// Get the data from column index 1, and split it by words
+				var options = table
+					.column(1)
+					.data()
+					.map( function ( d ) {
+						return d.split(' ');
+					})
+					.flatten()
+					.sort();
+
+				// Apply that as the options for the column
+				table.column(1).paneOptions( options )
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			<table id="example" class="display nowrap" cellspacing="0" width="100%">
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</thead>
+
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
+
+				<tbody>
+					<tr>
+						<td>Tiger Nixon</td>
+						<td>System Architect</td>
+						<td>Edinburgh</td>
+						<td>61</td>
+						<td>2011/04/25</td>
+						<td>$320,800</td>
+					</tr>
+					<tr>
+						<td>Garrett Winters</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>63</td>
+						<td>2011/07/25</td>
+						<td>$170,750</td>
+					</tr>
+					<tr>
+						<td>Ashton Cox</td>
+						<td>Junior Technical Author</td>
+						<td>San Francisco</td>
+						<td>66</td>
+						<td>2009/01/12</td>
+						<td>$86,000</td>
+					</tr>
+					<tr>
+						<td>Cedric Kelly</td>
+						<td>Senior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2012/03/29</td>
+						<td>$433,060</td>
+					</tr>
+					<tr>
+						<td>Airi Satou</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>33</td>
+						<td>2008/11/28</td>
+						<td>$162,700</td>
+					</tr>
+					<tr>
+						<td>Brielle Williamson</td>
+						<td>Integration Specialist</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2012/12/02</td>
+						<td>$372,000</td>
+					</tr>
+					<tr>
+						<td>Herrod Chandler</td>
+						<td>Sales Assistant</td>
+						<td>San Francisco</td>
+						<td>59</td>
+						<td>2012/08/06</td>
+						<td>$137,500</td>
+					</tr>
+					<tr>
+						<td>Rhona Davidson</td>
+						<td>Integration Specialist</td>
+						<td>Tokyo</td>
+						<td>55</td>
+						<td>2010/10/14</td>
+						<td>$327,900</td>
+					</tr>
+					<tr>
+						<td>Colleen Hurst</td>
+						<td>Javascript Developer</td>
+						<td>San Francisco</td>
+						<td>39</td>
+						<td>2009/09/15</td>
+						<td>$205,500</td>
+					</tr>
+					<tr>
+						<td>Sonya Frost</td>
+						<td>Software Engineer</td>
+						<td>Edinburgh</td>
+						<td>23</td>
+						<td>2008/12/13</td>
+						<td>$103,600</td>
+					</tr>
+					<tr>
+						<td>Jena Gaines</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>30</td>
+						<td>2008/12/19</td>
+						<td>$90,560</td>
+					</tr>
+					<tr>
+						<td>Quinn Flynn</td>
+						<td>Support Lead</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2013/03/03</td>
+						<td>$342,000</td>
+					</tr>
+					<tr>
+						<td>Charde Marshall</td>
+						<td>Regional Director</td>
+						<td>San Francisco</td>
+						<td>36</td>
+						<td>2008/10/16</td>
+						<td>$470,600</td>
+					</tr>
+					<tr>
+						<td>Haley Kennedy</td>
+						<td>Senior Marketing Designer</td>
+						<td>London</td>
+						<td>43</td>
+						<td>2012/12/18</td>
+						<td>$313,500</td>
+					</tr>
+					<tr>
+						<td>Tatyana Fitzpatrick</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>19</td>
+						<td>2010/03/17</td>
+						<td>$385,750</td>
+					</tr>
+					<tr>
+						<td>Michael Silva</td>
+						<td>Marketing Designer</td>
+						<td>London</td>
+						<td>66</td>
+						<td>2012/11/27</td>
+						<td>$198,500</td>
+					</tr>
+					<tr>
+						<td>Paul Byrd</td>
+						<td>Chief Financial Officer (CFO)</td>
+						<td>New York</td>
+						<td>64</td>
+						<td>2010/06/09</td>
+						<td>$725,000</td>
+					</tr>
+					<tr>
+						<td>Gloria Little</td>
+						<td>Systems Administrator</td>
+						<td>New York</td>
+						<td>59</td>
+						<td>2009/04/10</td>
+						<td>$237,500</td>
+					</tr>
+					<tr>
+						<td>Bradley Greer</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>41</td>
+						<td>2012/10/13</td>
+						<td>$132,000</td>
+					</tr>
+					<tr>
+						<td>Dai Rios</td>
+						<td>Personnel Lead</td>
+						<td>Edinburgh</td>
+						<td>35</td>
+						<td>2012/09/26</td>
+						<td>$217,500</td>
+					</tr>
+					<tr>
+						<td>Jenette Caldwell</td>
+						<td>Development Lead</td>
+						<td>New York</td>
+						<td>30</td>
+						<td>2011/09/03</td>
+						<td>$345,000</td>
+					</tr>
+					<tr>
+						<td>Yuri Berry</td>
+						<td>Chief Marketing Officer (CMO)</td>
+						<td>New York</td>
+						<td>40</td>
+						<td>2009/06/25</td>
+						<td>$675,000</td>
+					</tr>
+					<tr>
+						<td>Caesar Vance</td>
+						<td>Pre-Sales Support</td>
+						<td>New York</td>
+						<td>21</td>
+						<td>2011/12/12</td>
+						<td>$106,450</td>
+					</tr>
+					<tr>
+						<td>Doris Wilder</td>
+						<td>Sales Assistant</td>
+						<td>Sidney</td>
+						<td>23</td>
+						<td>2010/09/20</td>
+						<td>$85,600</td>
+					</tr>
+					<tr>
+						<td>Angelica Ramos</td>
+						<td>Chief Executive Officer (CEO)</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2009/10/09</td>
+						<td>$1,200,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Joyce</td>
+						<td>Developer</td>
+						<td>Edinburgh</td>
+						<td>42</td>
+						<td>2010/12/22</td>
+						<td>$92,575</td>
+					</tr>
+					<tr>
+						<td>Jennifer Chang</td>
+						<td>Regional Director</td>
+						<td>Singapore</td>
+						<td>28</td>
+						<td>2010/11/14</td>
+						<td>$357,650</td>
+					</tr>
+					<tr>
+						<td>Brenden Wagner</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>28</td>
+						<td>2011/06/07</td>
+						<td>$206,850</td>
+					</tr>
+					<tr>
+						<td>Fiona Green</td>
+						<td>Chief Operating Officer (COO)</td>
+						<td>San Francisco</td>
+						<td>48</td>
+						<td>2010/03/11</td>
+						<td>$850,000</td>
+					</tr>
+					<tr>
+						<td>Shou Itou</td>
+						<td>Regional Marketing</td>
+						<td>Tokyo</td>
+						<td>20</td>
+						<td>2011/08/14</td>
+						<td>$163,000</td>
+					</tr>
+					<tr>
+						<td>Michelle House</td>
+						<td>Integration Specialist</td>
+						<td>Sidney</td>
+						<td>37</td>
+						<td>2011/06/02</td>
+						<td>$95,400</td>
+					</tr>
+					<tr>
+						<td>Suki Burks</td>
+						<td>Developer</td>
+						<td>London</td>
+						<td>53</td>
+						<td>2009/10/22</td>
+						<td>$114,500</td>
+					</tr>
+					<tr>
+						<td>Prescott Bartlett</td>
+						<td>Technical Author</td>
+						<td>London</td>
+						<td>27</td>
+						<td>2011/05/07</td>
+						<td>$145,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Cortez</td>
+						<td>Team Leader</td>
+						<td>San Francisco</td>
+						<td>22</td>
+						<td>2008/10/26</td>
+						<td>$235,500</td>
+					</tr>
+					<tr>
+						<td>Martena Mccray</td>
+						<td>Post-Sales support</td>
+						<td>Edinburgh</td>
+						<td>46</td>
+						<td>2011/03/09</td>
+						<td>$324,050</td>
+					</tr>
+					<tr>
+						<td>Unity Butler</td>
+						<td>Marketing Designer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/12/09</td>
+						<td>$85,675</td>
+					</tr>
+					<tr>
+						<td>Howard Hatfield</td>
+						<td>Office Manager</td>
+						<td>San Francisco</td>
+						<td>51</td>
+						<td>2008/12/16</td>
+						<td>$164,500</td>
+					</tr>
+					<tr>
+						<td>Hope Fuentes</td>
+						<td>Secretary</td>
+						<td>San Francisco</td>
+						<td>41</td>
+						<td>2010/02/12</td>
+						<td>$109,850</td>
+					</tr>
+					<tr>
+						<td>Vivian Harrell</td>
+						<td>Financial Controller</td>
+						<td>San Francisco</td>
+						<td>62</td>
+						<td>2009/02/14</td>
+						<td>$452,500</td>
+					</tr>
+					<tr>
+						<td>Timothy Mooney</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>37</td>
+						<td>2008/12/11</td>
+						<td>$136,200</td>
+					</tr>
+					<tr>
+						<td>Jackson Bradshaw</td>
+						<td>Director</td>
+						<td>New York</td>
+						<td>65</td>
+						<td>2008/09/26</td>
+						<td>$645,750</td>
+					</tr>
+					<tr>
+						<td>Olivia Liang</td>
+						<td>Support Engineer</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2011/02/03</td>
+						<td>$234,500</td>
+					</tr>
+					<tr>
+						<td>Bruno Nash</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>38</td>
+						<td>2011/05/03</td>
+						<td>$163,500</td>
+					</tr>
+					<tr>
+						<td>Sakura Yamamoto</td>
+						<td>Support Engineer</td>
+						<td>Tokyo</td>
+						<td>37</td>
+						<td>2009/08/19</td>
+						<td>$139,575</td>
+					</tr>
+					<tr>
+						<td>Thor Walton</td>
+						<td>Developer</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2013/08/11</td>
+						<td>$98,540</td>
+					</tr>
+					<tr>
+						<td>Finn Camacho</td>
+						<td>Support Engineer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/07/07</td>
+						<td>$87,500</td>
+					</tr>
+					<tr>
+						<td>Serge Baldwin</td>
+						<td>Data Coordinator</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2012/04/09</td>
+						<td>$138,575</td>
+					</tr>
+					<tr>
+						<td>Zenaida Frank</td>
+						<td>Software Engineer</td>
+						<td>New York</td>
+						<td>63</td>
+						<td>2010/01/04</td>
+						<td>$125,250</td>
+					</tr>
+					<tr>
+						<td>Zorita Serrano</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>56</td>
+						<td>2012/06/01</td>
+						<td>$115,000</td>
+					</tr>
+					<tr>
+						<td>Jennifer Acosta</td>
+						<td>Junior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>43</td>
+						<td>2013/02/01</td>
+						<td>$75,650</td>
+					</tr>
+					<tr>
+						<td>Cara Stevens</td>
+						<td>Sales Assistant</td>
+						<td>New York</td>
+						<td>46</td>
+						<td>2011/12/06</td>
+						<td>$145,600</td>
+					</tr>
+					<tr>
+						<td>Hermione Butler</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2011/03/21</td>
+						<td>$356,250</td>
+					</tr>
+					<tr>
+						<td>Lael Greer</td>
+						<td>Systems Administrator</td>
+						<td>London</td>
+						<td>21</td>
+						<td>2009/02/27</td>
+						<td>$103,500</td>
+					</tr>
+					<tr>
+						<td>Jonas Alexander</td>
+						<td>Developer</td>
+						<td>San Francisco</td>
+						<td>30</td>
+						<td>2010/07/14</td>
+						<td>$86,500</td>
+					</tr>
+					<tr>
+						<td>Shad Decker</td>
+						<td>Regional Director</td>
+						<td>Edinburgh</td>
+						<td>51</td>
+						<td>2008/11/13</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Michael Bruce</td>
+						<td>Javascript Developer</td>
+						<td>Singapore</td>
+						<td>29</td>
+						<td>2011/06/27</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Donna Snider</td>
+						<td>Customer Support</td>
+						<td>New York</td>
+						<td>27</td>
+						<td>2011/01/25</td>
+						<td>$112,000</td>
+					</tr>
+				</tbody>
+			</table>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.css b/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.css
new file mode 100644
index 0000000..d005947
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.css
@@ -0,0 +1,85 @@
+div.dt-searchPanes {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-around;
+  align-content: flex-start;
+  align-items: stretch;
+  height: 200px;
+}
+div.dt-searchPanes div.pane {
+  position: relative;
+  flex: 1;
+  margin: 1em 0.5%;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}
+div.dt-searchPanes div.pane button[type=button] {
+  display: none;
+}
+div.dt-searchPanes div.pane.filtering button[type=button] {
+  display: block;
+  position: absolute;
+  right: 6px;
+  top: 6px;
+  border: 1px solid #999;
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 16px;
+  cursor: pointer;
+}
+div.dt-searchPanes div.pane.filtering button[type=button]:hover {
+  background: rgba(0, 0, 0, 0.2);
+}
+div.dt-searchPanes div.pane div.title {
+  box-sizing: border-box;
+  height: 36px;
+  padding: 9px 0.35em;
+  font-size: 1.1em;
+  background-color: #e8e9eb;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+}
+div.dt-searchPanes div.pane div.scroller {
+  position: absolute;
+  top: 36px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow: auto;
+}
+div.dt-searchPanes div.pane div.scroller ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+div.dt-searchPanes div.pane div.scroller ul li {
+  position: relative;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+}
+div.dt-searchPanes div.pane div.scroller ul li:nth-child(odd) {
+  background: rgba(0, 0, 0, 0.03);
+}
+div.dt-searchPanes div.pane div.scroller ul li.selected {
+  background: #3276b1;
+  color: white;
+}
+div.dt-searchPanes div.pane div.scroller ul li span.label {
+  display: inline-block;
+  box-sizing: border-box;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 85%;
+  vertical-align: middle;
+  padding: 0.2em 0.3em;
+}
+div.dt-searchPanes div.pane div.scroller ul li span.count {
+  display: inline-block;
+  width: 14%;
+  margin-right: 1%;
+  font-size: 0.8em;
+  text-align: center;
+  background-color: rgba(50, 118, 177, 0.5);
+  border-radius: 3px;
+}
diff --git a/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.js b/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.js
new file mode 100644
index 0000000..347e659
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.js
@@ -0,0 +1,377 @@
+/*! SearchPane 0.0.2
+ * 2018 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     SearchPane
+ * @description Search Panes for DataTables columns
+ * @version     0.0.2
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @copyright   Copyright 2018 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
+ */
+(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;
+
+	function SearchPanes(settings, opts) {
+		var that = this;
+		var table = new DataTable.Api(settings);
+
+		this.classes = $.extend(true, {}, SearchPanes.classes);
+
+		this.dom = {
+			container: $('<div/>').addClass(this.classes.container)
+		};
+
+		this.c = $.extend(true, {}, SearchPanes.defaults, opts);
+
+		this.s = {
+			dt: table
+		};
+
+		table.settings()[0].searchPane = this;
+
+		table
+			.columns(this.c.columns)
+			.eq(0)
+			.each(function(idx) {
+				that._pane(idx);
+			});
+
+		$(this.dom.container)
+			.on('click', 'li', function() {
+				that._toggle(this);
+			})
+			.on('click', 'button.' + this.classes.clear, function() {
+				that._clear($(this).closest('div.' + that.classes.pane.container));
+			});
+
+		this._attach();
+	}
+
+	$.extend(SearchPanes.prototype, {
+		rebuild: function() {
+			var that = this;
+
+			this.s.dt
+				.columns(this.c.columns)
+				.eq(0)
+				.each(function(idx) {
+					that._pane(idx);
+				});
+		},
+
+		_attach: function() {
+			var container = this.c.container;
+			var host = typeof container === 'function' ? container(this.s.dt) : container;
+
+			if (this.c.insert === 'prepend') {
+				$(this.dom.container).prependTo(host);
+			} else {
+				$(this.dom.container).appendTo(host);
+			}
+		},
+
+		_binData: function(data) {
+			var out = {};
+
+			for (var i = 0, ien = data.length; i < ien; i++) {
+				var d = data[i];
+
+				if (!d) {
+					continue;
+				}
+
+				if (!out[d]) {
+					out[d] = 1;
+				} else {
+					out[d]++;
+				}
+			}
+
+			return out;
+		},
+
+		_clear: function(pane) {
+			var classes = this.classes;
+			var itemSelected = classes.item.selected;
+
+			pane.find('li.' + itemSelected).removeClass(itemSelected);
+			pane.removeClass(classes.pane.active);
+
+			this.s.dt
+				.column(pane.data('column'))
+				.search('')
+				.draw();
+		},
+
+		_pane: function(idx) {
+			var classes = this.classes;
+			var itemClasses = classes.item;
+			var paneClasses = classes.pane;
+			var table = this.s.dt;
+			var column = table.column(idx);
+			var colOpts = this._getOptions(idx);
+			var list = $('<ul/>');
+			var binData = typeof colOpts.options === 'function' ?
+				colOpts.options( table, idx ) :
+				colOpts.options ?
+					new DataTable.Api(null, colOpts.options) :
+					column.data();
+			var bins = this._binData(binData.flatten());
+
+			// Don't show the pane if there isn't enough variance in the data
+			if (this._variance(bins) < this.c.threshold) {
+				return;
+			}
+
+			// 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('|') : [];
+
+			var data = binData
+				.unique()
+				.sort()
+				.toArray();
+
+			for (var i = 0, ien = data.length; i < ien; i++) {
+				if (data[i]) {
+					var li = $('<li/>')
+						.html('<span class="' + itemClasses.label + '">' + data[i] + '</span>')
+						.data('filter', data[i])
+						.append(
+							$('<span/>')
+								.addClass(itemClasses.count)
+								.html(bins[data[i]])
+						);
+
+					if (search.length) {
+						var escaped = data[i].replace ? $.fn.dataTable.util.escapeRegex(data[i]) : data[i];
+
+						if ($.inArray(escaped, search) !== -1) {
+							li.addClass(itemClasses.selected);
+						}
+					}
+
+					list.append(li);
+				}
+			}
+
+			var pane = $('<div/>')
+				.data('column', idx)
+				.addClass(paneClasses.container)
+				.addClass(search.length ? paneClasses.active : '')
+				.append($('<button type="button">&times;</button>').addClass(this.classes.clear))
+				.append(
+					$('<div/>')
+						.addClass(paneClasses.title)
+						.html($(column.header()).text())
+				)
+				.append(
+					$('<div/>')
+						.addClass(paneClasses.scroller)
+						.append(list)
+				);
+
+			var container = this.dom.container;
+			var replace = container.children().map(function() {
+				if ($(this).data('column') == idx) {
+					return this;
+				}
+			});
+
+			if (replace.length) {
+				replace.replaceWith(pane);
+			} else {
+				$(container).append(pane);
+			}
+		},
+
+		_getOptions: function ( colIdx ) {
+			var table = this.s.dt;
+
+			return table.settings()[0].aoColumns[colIdx].searchPane || {};
+		},
+
+		_toggle: function(li) {
+			var classes = this.classes;
+			var itemSelected = classes.item.selected;
+			var table = this.s.dt;
+			var li = $(li);
+			var pane = li.closest('div.' + classes.pane.container);
+			var columnIdx = pane.data('column');
+			var options = this._getOptions(columnIdx);
+
+			li.toggleClass(itemSelected, !li.hasClass(itemSelected));
+
+			var filters = pane.find('li.' + itemSelected);
+
+			if (filters.length === 0) {
+				pane.removeClass(classes.pane.active);
+				table
+					.column(columnIdx)
+					.search('')
+					.draw();
+			} else if (options.match === 'any') {
+				// Allow sub-word matching
+				pane.addClass(classes.pane.active);
+				table
+					.column(columnIdx)
+					.search(
+						'(' +
+							$.map(filters, function(filter) {
+								var d = $(filter)
+									.data('filter')
+									.toString();
+								return $.fn.dataTable.util.escapeRegex(d);
+							}).join('|') +
+							')',
+						true,
+						false
+					)
+					.draw();
+			} else {
+				// Only search on the full phrase
+				pane.addClass(classes.pane.active);
+				table
+					.column(columnIdx)
+					.search(
+						'^(' +
+							$.map(filters, function(filter) {
+								var d = $(filter)
+									.data('filter')
+									.toString();
+								return $.fn.dataTable.util.escapeRegex(d);
+							}).join('|') +
+							')$',
+						true,
+						false
+					)
+					.draw();
+			}
+		},
+
+		_variance: function(d) {
+			var data = $.map(d, function(val, key) {
+				return val;
+			});
+
+			var count = data.length;
+			var sum = 0;
+			for (var i = 0, ien = count; i < ien; i++) {
+				sum += data[i];
+			}
+
+			var mean = sum / count;
+			var varSum = 0;
+			for (var i = 0, ien = count; i < ien; i++) {
+				varSum += Math.pow(mean - data[i], 2);
+			}
+
+			return varSum / (count - 1);
+		}
+	});
+
+	SearchPanes.classes = {
+		container: 'dt-searchPanes',
+		clear: 'clear',
+		pane: {
+			active: 'filtering',
+			container: 'pane',
+			title: 'title',
+			scroller: 'scroller'
+		},
+		item: {
+			selected: 'selected',
+			label: 'label',
+			count: 'count'
+		}
+	};
+
+	SearchPanes.defaults = {
+		container: function(dt) {
+			return dt.table().container();
+		},
+		columns: undefined,
+		insert: 'prepend',
+		threshold: 0.5
+	};
+
+	SearchPanes.version = '0.0.2';
+
+	$.fn.dataTable.SearchPanes = SearchPanes;
+	$.fn.DataTable.SearchPanes = SearchPanes;
+
+	DataTable.Api.register('searchPanes.rebuild()', function() {
+		return this.iterator('table', function(ctx) {
+			if (ctx.searchPane) {
+				ctx.searchPane.rebuild();
+			}
+		});
+	});
+
+	DataTable.Api.register('column().paneOptions()', function(options) {
+		return this.iterator('column', function(ctx, idx) {
+			var col = ctx.aoColumns[idx];
+
+			if (!col.searchPane) {
+				col.searchPane = {};
+			}
+			col.searchPane.options = options;
+
+			if (ctx.searchPane) {
+				ctx.searchPane.rebuild();
+			}
+		});
+	});
+
+	$(document).on('init.dt', function(e, settings, json) {
+		if (e.namespace !== 'dt') {
+			return;
+		}
+
+		var init = settings.oInit.searchPane;
+		var defaults = DataTable.defaults.searchPane;
+
+		if (init || defaults) {
+			var opts = $.extend({}, init, defaults);
+
+			if (init !== false) {
+				new SearchPanes(settings, opts);
+			}
+		}
+	});
+});
diff --git a/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.min.css b/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.min.css
new file mode 100644
index 0000000..0da93a8
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.min.css
@@ -0,0 +1 @@
+div.dt-searchPanes{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-content:flex-start;align-items:stretch;height:200px}div.dt-searchPanes div.pane{position:relative;flex:1;margin:1em 0.5%;border:1px solid #ccc;border-radius:3px}div.dt-searchPanes div.pane button[type=button]{display:none}div.dt-searchPanes div.pane.filtering button[type=button]{display:block;position:absolute;right:6px;top:6px;border:1px solid #999;background:rgba(0,0,0,0.1);border-radius:16px;cursor:pointer}div.dt-searchPanes div.pane.filtering button[type=button]:hover{background:rgba(0,0,0,0.2)}div.dt-searchPanes div.pane div.title{box-sizing:border-box;height:36px;padding:9px 0.35em;font-size:1.1em;background-color:#e8e9eb;border-bottom:1px solid rgba(0,0,0,0.15)}div.dt-searchPanes div.pane div.scroller{position:absolute;top:36px;bottom:0;left:0;right:0;overflow:auto}div.dt-searchPanes div.pane div.scroller ul{list-style:none;margin:0;padding:0}div.dt-searchPanes div.pane div.scroller ul li{position:relative;margin:0;padding:0;cursor:pointer}div.dt-searchPanes div.pane div.scroller ul li:nth-child(odd){background:rgba(0,0,0,0.03)}div.dt-searchPanes div.pane div.scroller ul li.selected{background:#3276b1;color:white}div.dt-searchPanes div.pane div.scroller ul li span.label{display:inline-block;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:85%;vertical-align:middle;padding:0.2em 0.3em}div.dt-searchPanes div.pane div.scroller ul li span.count{display:inline-block;width:14%;margin-right:1%;font-size:0.8em;text-align:center;background-color:rgba(50,118,177,0.5);border-radius:3px}
diff --git a/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.min.js b/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.min.js
new file mode 100644
index 0000000..43d0b3e
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.min.js
@@ -0,0 +1,26 @@
+/*!
+   Copyright 2018 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
+ SearchPane 0.0.2
+ 2018 SpryMedia Ltd - datatables.net/license
+*/
+var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.findInternal=function(a,c,d){a instanceof String&&(a=String(a));for(var f=a.length,e=0;e<f;e++){var m=a[e];if(c.call(d,m,e,a))return{i:e,v:m}}return{i:-1,v:void 0}};$jscomp.ASSUME_ES5=!1;$jscomp.ASSUME_NO_NATIVE_MAP=!1;$jscomp.ASSUME_NO_NATIVE_SET=!1;$jscomp.defineProperty=$jscomp.ASSUME_ES5||"function"==typeof Object.defineProperties?Object.defineProperty:function(a,c,d){a!=Array.prototype&&a!=Object.prototype&&(a[c]=d.value)};
+$jscomp.getGlobal=function(a){return"undefined"!=typeof window&&window===a?a:"undefined"!=typeof global&&null!=global?global:a};$jscomp.global=$jscomp.getGlobal(this);$jscomp.polyfill=function(a,c,d,f){if(c){d=$jscomp.global;a=a.split(".");for(f=0;f<a.length-1;f++){var e=a[f];e in d||(d[e]={});d=d[e]}a=a[a.length-1];f=d[a];c=c(f);c!=f&&null!=c&&$jscomp.defineProperty(d,a,{configurable:!0,writable:!0,value:c})}};
+$jscomp.polyfill("Array.prototype.find",function(a){return a?a:function(a,d){return $jscomp.findInternal(this,a,d).v}},"es6","es3");
+(function(a){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(c){return a(c,window,document)}):"object"===typeof exports?module.exports=function(c,d){c||(c=window);d&&d.fn.dataTable||(d=require("datatables.net")(c,d).$);return a(d,c,c.document)}:a(jQuery,window,document)})(function(a,c,d,f){function e(b,h){var g=this;b=new m.Api(b);this.classes=a.extend(!0,{},e.classes);this.dom={container:a("<div/>").addClass(this.classes.container)};this.c=a.extend(!0,{},e.defaults,
+h);this.s={dt:b};b.settings()[0].searchPane=this;b.columns(this.c.columns).eq(0).each(function(a){g._pane(a)});a(this.dom.container).on("click","li",function(){g._toggle(this)}).on("click","button."+this.classes.clear,function(){g._clear(a(this).closest("div."+g.classes.pane.container))});this._attach()}var m=a.fn.dataTable;a.extend(e.prototype,{rebuild:function(){var a=this;this.s.dt.columns(this.c.columns).eq(0).each(function(b){a._pane(b)})},_attach:function(){var b=this.c.container;b="function"===
+typeof b?b(this.s.dt):b;"prepend"===this.c.insert?a(this.dom.container).prependTo(b):a(this.dom.container).appendTo(b)},_binData:function(a){for(var b={},g=0,d=a.length;g<d;g++){var k=a[g];k&&(b[k]?b[k]++:b[k]=1)}return b},_clear:function(a){var b=this.classes,g=b.item.selected;a.find("li."+g).removeClass(g);a.removeClass(b.pane.active);this.s.dt.column(a.data("column")).search("").draw()},_pane:function(b){var h=this.classes,g=h.item;h=h.pane;var d=this.s.dt,k=d.column(b),c=this._getOptions(b),e=
+a("<ul/>"),l="function"===typeof c.options?c.options(d,b):c.options?new m.Api(null,c.options):k.data();d=this._binData(l.flatten());if(!(this._variance(d)<this.c.threshold)){c=(c=k.search())?c.substr(1,c.length-2).split("|"):[];l=l.unique().sort().toArray();for(var f=0,p=l.length;f<p;f++)if(l[f]){var n=a("<li/>").html('<span class="'+g.label+'">'+l[f]+"</span>").data("filter",l[f]).append(a("<span/>").addClass(g.count).html(d[l[f]]));if(c.length){var q=l[f].replace?a.fn.dataTable.util.escapeRegex(l[f]):
+l[f];-1!==a.inArray(q,c)&&n.addClass(g.selected)}e.append(n)}g=a("<div/>").data("column",b).addClass(h.container).addClass(c.length?h.active:"").append(a('<button type="button">&times;</button>').addClass(this.classes.clear)).append(a("<div/>").addClass(h.title).html(a(k.header()).text())).append(a("<div/>").addClass(h.scroller).append(e));h=this.dom.container;k=h.children().map(function(){if(a(this).data("column")==b)return this});k.length?k.replaceWith(g):a(h).append(g)}},_getOptions:function(a){return this.s.dt.settings()[0].aoColumns[a].searchPane||
+{}},_toggle:function(b){var c=this.classes,g=c.item.selected,d=this.s.dt;b=a(b);var e=b.closest("div."+c.pane.container),f=e.data("column"),m=this._getOptions(f);b.toggleClass(g,!b.hasClass(g));b=e.find("li."+g);0===b.length?(e.removeClass(c.pane.active),d.column(f).search("").draw()):"any"===m.match?(e.addClass(c.pane.active),d.column(f).search("("+a.map(b,function(b){b=a(b).data("filter").toString();return a.fn.dataTable.util.escapeRegex(b)}).join("|")+")",!0,!1).draw()):(e.addClass(c.pane.active),
+d.column(f).search("^("+a.map(b,function(b){b=a(b).data("filter").toString();return a.fn.dataTable.util.escapeRegex(b)}).join("|")+")$",!0,!1).draw())},_variance:function(b){b=a.map(b,function(a,b){return a});for(var c=b.length,g=0,d=0,e=c;d<e;d++)g+=b[d];g/=c;var f=0;d=0;for(e=c;d<e;d++)f+=Math.pow(g-b[d],2);return f/(c-1)}});e.classes={container:"dt-searchPanes",clear:"clear",pane:{active:"filtering",container:"pane",title:"title",scroller:"scroller"},item:{selected:"selected",label:"label",count:"count"}};
+e.defaults={container:function(a){return a.table().container()},columns:f,insert:"prepend",threshold:.5};e.version="0.0.2";a.fn.dataTable.SearchPanes=e;a.fn.DataTable.SearchPanes=e;m.Api.register("searchPanes.rebuild()",function(){return this.iterator("table",function(a){a.searchPane&&a.searchPane.rebuild()})});m.Api.register("column().paneOptions()",function(a){return this.iterator("column",function(b,c){c=b.aoColumns[c];c.searchPane||(c.searchPane={});c.searchPane.options=a;b.searchPane&&b.searchPane.rebuild()})});
+a(d).on("init.dt",function(b,c,d){"dt"===b.namespace&&(b=c.oInit.searchPane,d=m.defaults.searchPane,b||d)&&(d=a.extend({},b,d),!1!==b&&new e(c,d))})});
diff --git a/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.scss b/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.scss
new file mode 100644
index 0000000..f346a97
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchPane/dataTables.searchPane.scss
@@ -0,0 +1,101 @@
+
+div.dt-searchPanes {
+	display:flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	justify-content: space-around;
+	align-content: flex-start;
+	align-items: stretch;
+	height: 200px;
+
+	div.pane {
+		position: relative;
+		flex: 1;
+
+		margin: 1em 0.5%;
+		border: 1px solid #ccc;
+		border-radius: 3px;
+
+		button[type=button] {
+			display: none;
+		}
+
+		&.filtering {
+			button[type=button] {
+				display: block;
+				position: absolute;
+				right: 6px;
+				top: 6px;
+				border: 1px solid #999;
+				background: rgba(0,0,0,0.1);
+				border-radius: 16px;
+				cursor: pointer;
+
+				&:hover {
+					background: rgba(0,0,0,0.2);
+				}
+			}
+		}
+
+		div.title {
+			box-sizing: border-box;
+			height: 36px;
+			padding: 9px 0.35em;
+			font-size: 1.1em;
+			background-color: #e8e9eb;
+			border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+		}
+
+		div.scroller {
+			position: absolute;
+			top: 36px;
+			bottom: 0;
+			left: 0;
+			right: 0;
+			overflow: auto;
+
+			ul {
+				list-style: none;
+				margin: 0;
+				padding: 0;
+
+				li {
+					position: relative;
+					margin: 0;
+					padding: 0;
+					cursor: pointer;
+
+					&:nth-child(odd) {
+						background: rgba(0,0,0,0.03);
+					}
+
+					&.selected {
+						background: #3276b1;
+						color: white;
+					}
+
+					span.label {
+						display: inline-block;
+						box-sizing: border-box;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						width: 85%;
+						vertical-align: middle;
+						padding: 0.2em 0.3em;
+					}
+
+					span.count {
+						display: inline-block;
+						width: 14%;
+						margin-right: 1%;
+						font-size: 0.8em;
+						text-align: center;
+						background-color: rgba(50,118,177, 0.5);
+						border-radius: 3px;
+					}
+				}
+			}
+		}
+	}
+}
diff --git a/webroot/components/datatables-plugins/features/searchPane/index.html b/webroot/components/datatables-plugins/features/searchPane/index.html
new file mode 100644
index 0000000..b878b92
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchPane/index.html
@@ -0,0 +1,519 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables search pane example</title>
+
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
+		<link rel="stylesheet" type="text/css" href="dataTables.searchPane.css">
+		<style type="text/css">
+body {
+    font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    color: #333;
+    background-color: #fff;
+}
+		</style>
+
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.searchPane.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready( function () {
+				$('#example').DataTable( {
+					searchPane: true,
+					stateSave: true
+				} );
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			<table id="example" class="display nowrap" cellspacing="0" width="100%">
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</thead>
+
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
+
+				<tbody>
+					<tr>
+						<td>Tiger Nixon</td>
+						<td>System Architect</td>
+						<td>Edinburgh</td>
+						<td>61</td>
+						<td>2011/04/25</td>
+						<td>$320,800</td>
+					</tr>
+					<tr>
+						<td>Garrett Winters</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>63</td>
+						<td>2011/07/25</td>
+						<td>$170,750</td>
+					</tr>
+					<tr>
+						<td>Ashton Cox</td>
+						<td>Junior Technical Author</td>
+						<td>San Francisco</td>
+						<td>66</td>
+						<td>2009/01/12</td>
+						<td>$86,000</td>
+					</tr>
+					<tr>
+						<td>Cedric Kelly</td>
+						<td>Senior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2012/03/29</td>
+						<td>$433,060</td>
+					</tr>
+					<tr>
+						<td>Airi Satou</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>33</td>
+						<td>2008/11/28</td>
+						<td>$162,700</td>
+					</tr>
+					<tr>
+						<td>Brielle Williamson</td>
+						<td>Integration Specialist</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2012/12/02</td>
+						<td>$372,000</td>
+					</tr>
+					<tr>
+						<td>Herrod Chandler</td>
+						<td>Sales Assistant</td>
+						<td>San Francisco</td>
+						<td>59</td>
+						<td>2012/08/06</td>
+						<td>$137,500</td>
+					</tr>
+					<tr>
+						<td>Rhona Davidson</td>
+						<td>Integration Specialist</td>
+						<td>Tokyo</td>
+						<td>55</td>
+						<td>2010/10/14</td>
+						<td>$327,900</td>
+					</tr>
+					<tr>
+						<td>Colleen Hurst</td>
+						<td>Javascript Developer</td>
+						<td>San Francisco</td>
+						<td>39</td>
+						<td>2009/09/15</td>
+						<td>$205,500</td>
+					</tr>
+					<tr>
+						<td>Sonya Frost</td>
+						<td>Software Engineer</td>
+						<td>Edinburgh</td>
+						<td>23</td>
+						<td>2008/12/13</td>
+						<td>$103,600</td>
+					</tr>
+					<tr>
+						<td>Jena Gaines</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>30</td>
+						<td>2008/12/19</td>
+						<td>$90,560</td>
+					</tr>
+					<tr>
+						<td>Quinn Flynn</td>
+						<td>Support Lead</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2013/03/03</td>
+						<td>$342,000</td>
+					</tr>
+					<tr>
+						<td>Charde Marshall</td>
+						<td>Regional Director</td>
+						<td>San Francisco</td>
+						<td>36</td>
+						<td>2008/10/16</td>
+						<td>$470,600</td>
+					</tr>
+					<tr>
+						<td>Haley Kennedy</td>
+						<td>Senior Marketing Designer</td>
+						<td>London</td>
+						<td>43</td>
+						<td>2012/12/18</td>
+						<td>$313,500</td>
+					</tr>
+					<tr>
+						<td>Tatyana Fitzpatrick</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>19</td>
+						<td>2010/03/17</td>
+						<td>$385,750</td>
+					</tr>
+					<tr>
+						<td>Michael Silva</td>
+						<td>Marketing Designer</td>
+						<td>London</td>
+						<td>66</td>
+						<td>2012/11/27</td>
+						<td>$198,500</td>
+					</tr>
+					<tr>
+						<td>Paul Byrd</td>
+						<td>Chief Financial Officer (CFO)</td>
+						<td>New York</td>
+						<td>64</td>
+						<td>2010/06/09</td>
+						<td>$725,000</td>
+					</tr>
+					<tr>
+						<td>Gloria Little</td>
+						<td>Systems Administrator</td>
+						<td>New York</td>
+						<td>59</td>
+						<td>2009/04/10</td>
+						<td>$237,500</td>
+					</tr>
+					<tr>
+						<td>Bradley Greer</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>41</td>
+						<td>2012/10/13</td>
+						<td>$132,000</td>
+					</tr>
+					<tr>
+						<td>Dai Rios</td>
+						<td>Personnel Lead</td>
+						<td>Edinburgh</td>
+						<td>35</td>
+						<td>2012/09/26</td>
+						<td>$217,500</td>
+					</tr>
+					<tr>
+						<td>Jenette Caldwell</td>
+						<td>Development Lead</td>
+						<td>New York</td>
+						<td>30</td>
+						<td>2011/09/03</td>
+						<td>$345,000</td>
+					</tr>
+					<tr>
+						<td>Yuri Berry</td>
+						<td>Chief Marketing Officer (CMO)</td>
+						<td>New York</td>
+						<td>40</td>
+						<td>2009/06/25</td>
+						<td>$675,000</td>
+					</tr>
+					<tr>
+						<td>Caesar Vance</td>
+						<td>Pre-Sales Support</td>
+						<td>New York</td>
+						<td>21</td>
+						<td>2011/12/12</td>
+						<td>$106,450</td>
+					</tr>
+					<tr>
+						<td>Doris Wilder</td>
+						<td>Sales Assistant</td>
+						<td>Sidney</td>
+						<td>23</td>
+						<td>2010/09/20</td>
+						<td>$85,600</td>
+					</tr>
+					<tr>
+						<td>Angelica Ramos</td>
+						<td>Chief Executive Officer (CEO)</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2009/10/09</td>
+						<td>$1,200,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Joyce</td>
+						<td>Developer</td>
+						<td>Edinburgh</td>
+						<td>42</td>
+						<td>2010/12/22</td>
+						<td>$92,575</td>
+					</tr>
+					<tr>
+						<td>Jennifer Chang</td>
+						<td>Regional Director</td>
+						<td>Singapore</td>
+						<td>28</td>
+						<td>2010/11/14</td>
+						<td>$357,650</td>
+					</tr>
+					<tr>
+						<td>Brenden Wagner</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>28</td>
+						<td>2011/06/07</td>
+						<td>$206,850</td>
+					</tr>
+					<tr>
+						<td>Fiona Green</td>
+						<td>Chief Operating Officer (COO)</td>
+						<td>San Francisco</td>
+						<td>48</td>
+						<td>2010/03/11</td>
+						<td>$850,000</td>
+					</tr>
+					<tr>
+						<td>Shou Itou</td>
+						<td>Regional Marketing</td>
+						<td>Tokyo</td>
+						<td>20</td>
+						<td>2011/08/14</td>
+						<td>$163,000</td>
+					</tr>
+					<tr>
+						<td>Michelle House</td>
+						<td>Integration Specialist</td>
+						<td>Sidney</td>
+						<td>37</td>
+						<td>2011/06/02</td>
+						<td>$95,400</td>
+					</tr>
+					<tr>
+						<td>Suki Burks</td>
+						<td>Developer</td>
+						<td>London</td>
+						<td>53</td>
+						<td>2009/10/22</td>
+						<td>$114,500</td>
+					</tr>
+					<tr>
+						<td>Prescott Bartlett</td>
+						<td>Technical Author</td>
+						<td>London</td>
+						<td>27</td>
+						<td>2011/05/07</td>
+						<td>$145,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Cortez</td>
+						<td>Team Leader</td>
+						<td>San Francisco</td>
+						<td>22</td>
+						<td>2008/10/26</td>
+						<td>$235,500</td>
+					</tr>
+					<tr>
+						<td>Martena Mccray</td>
+						<td>Post-Sales support</td>
+						<td>Edinburgh</td>
+						<td>46</td>
+						<td>2011/03/09</td>
+						<td>$324,050</td>
+					</tr>
+					<tr>
+						<td>Unity Butler</td>
+						<td>Marketing Designer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/12/09</td>
+						<td>$85,675</td>
+					</tr>
+					<tr>
+						<td>Howard Hatfield</td>
+						<td>Office Manager</td>
+						<td>San Francisco</td>
+						<td>51</td>
+						<td>2008/12/16</td>
+						<td>$164,500</td>
+					</tr>
+					<tr>
+						<td>Hope Fuentes</td>
+						<td>Secretary</td>
+						<td>San Francisco</td>
+						<td>41</td>
+						<td>2010/02/12</td>
+						<td>$109,850</td>
+					</tr>
+					<tr>
+						<td>Vivian Harrell</td>
+						<td>Financial Controller</td>
+						<td>San Francisco</td>
+						<td>62</td>
+						<td>2009/02/14</td>
+						<td>$452,500</td>
+					</tr>
+					<tr>
+						<td>Timothy Mooney</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>37</td>
+						<td>2008/12/11</td>
+						<td>$136,200</td>
+					</tr>
+					<tr>
+						<td>Jackson Bradshaw</td>
+						<td>Director</td>
+						<td>New York</td>
+						<td>65</td>
+						<td>2008/09/26</td>
+						<td>$645,750</td>
+					</tr>
+					<tr>
+						<td>Olivia Liang</td>
+						<td>Support Engineer</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2011/02/03</td>
+						<td>$234,500</td>
+					</tr>
+					<tr>
+						<td>Bruno Nash</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>38</td>
+						<td>2011/05/03</td>
+						<td>$163,500</td>
+					</tr>
+					<tr>
+						<td>Sakura Yamamoto</td>
+						<td>Support Engineer</td>
+						<td>Tokyo</td>
+						<td>37</td>
+						<td>2009/08/19</td>
+						<td>$139,575</td>
+					</tr>
+					<tr>
+						<td>Thor Walton</td>
+						<td>Developer</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2013/08/11</td>
+						<td>$98,540</td>
+					</tr>
+					<tr>
+						<td>Finn Camacho</td>
+						<td>Support Engineer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/07/07</td>
+						<td>$87,500</td>
+					</tr>
+					<tr>
+						<td>Serge Baldwin</td>
+						<td>Data Coordinator</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2012/04/09</td>
+						<td>$138,575</td>
+					</tr>
+					<tr>
+						<td>Zenaida Frank</td>
+						<td>Software Engineer</td>
+						<td>New York</td>
+						<td>63</td>
+						<td>2010/01/04</td>
+						<td>$125,250</td>
+					</tr>
+					<tr>
+						<td>Zorita Serrano</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>56</td>
+						<td>2012/06/01</td>
+						<td>$115,000</td>
+					</tr>
+					<tr>
+						<td>Jennifer Acosta</td>
+						<td>Junior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>43</td>
+						<td>2013/02/01</td>
+						<td>$75,650</td>
+					</tr>
+					<tr>
+						<td>Cara Stevens</td>
+						<td>Sales Assistant</td>
+						<td>New York</td>
+						<td>46</td>
+						<td>2011/12/06</td>
+						<td>$145,600</td>
+					</tr>
+					<tr>
+						<td>Hermione Butler</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2011/03/21</td>
+						<td>$356,250</td>
+					</tr>
+					<tr>
+						<td>Lael Greer</td>
+						<td>Systems Administrator</td>
+						<td>London</td>
+						<td>21</td>
+						<td>2009/02/27</td>
+						<td>$103,500</td>
+					</tr>
+					<tr>
+						<td>Jonas Alexander</td>
+						<td>Developer</td>
+						<td>San Francisco</td>
+						<td>30</td>
+						<td>2010/07/14</td>
+						<td>$86,500</td>
+					</tr>
+					<tr>
+						<td>Shad Decker</td>
+						<td>Regional Director</td>
+						<td>Edinburgh</td>
+						<td>51</td>
+						<td>2008/11/13</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Michael Bruce</td>
+						<td>Javascript Developer</td>
+						<td>Singapore</td>
+						<td>29</td>
+						<td>2011/06/27</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Donna Snider</td>
+						<td>Customer Support</td>
+						<td>New York</td>
+						<td>27</td>
+						<td>2011/01/25</td>
+						<td>$112,000</td>
+					</tr>
+				</tbody>
+			</table>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/searchPane/vertical.html b/webroot/components/datatables-plugins/features/searchPane/vertical.html
new file mode 100644
index 0000000..5038d48
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/searchPane/vertical.html
@@ -0,0 +1,552 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables search pane example</title>
+
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
+		<link rel="stylesheet" type="text/css" href="dataTables.searchPane.css">
+		<style type="text/css">
+body {
+    font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    color: #333;
+    background-color: #fff;
+}
+
+div.dt-searchPanes {
+    flex-direction: column;
+    height: 520px;
+}
+
+/* Layout for the demo */
+div.searchGrid {
+    display: flex;
+    width: 100%;
+
+	flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: space-around;
+	align-content: flex-start;
+    align-items: stretch;
+}
+
+div.searchPanes {
+    flex: 1 1 auto;
+    padding-left: 1em;
+    padding-right: 1em;
+}
+
+div.searchTable {
+    flex: 1 1 auto;
+    padding-right: 1em;
+}
+		</style>
+
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.searchPane.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready( function () {
+				$('#example').DataTable( {
+					searchPane: {
+                        container: '.searchPanes'
+					}
+				} );
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+            <div class="searchGrid">
+                <div class="searchTable">
+                    <table id="example" class="display nowrap" cellspacing="0" width="100%">
+                        <thead>
+                            <tr>
+                                <th>Name</th>
+                                <th>Position</th>
+                                <th>Office</th>
+                                <th>Age</th>
+                                <th>Start date</th>
+                                <th>Salary</th>
+                            </tr>
+                        </thead>
+
+                        <tfoot>
+                            <tr>
+                                <th>Name</th>
+                                <th>Position</th>
+                                <th>Office</th>
+                                <th>Age</th>
+                                <th>Start date</th>
+                                <th>Salary</th>
+                            </tr>
+                        </tfoot>
+
+                        <tbody>
+                            <tr>
+                                <td>Tiger Nixon</td>
+                                <td>System Architect</td>
+                                <td>Edinburgh</td>
+                                <td>61</td>
+                                <td>2011/04/25</td>
+                                <td>$320,800</td>
+                            </tr>
+                            <tr>
+                                <td>Garrett Winters</td>
+                                <td>Accountant</td>
+                                <td>Tokyo</td>
+                                <td>63</td>
+                                <td>2011/07/25</td>
+                                <td>$170,750</td>
+                            </tr>
+                            <tr>
+                                <td>Ashton Cox</td>
+                                <td>Junior Technical Author</td>
+                                <td>San Francisco</td>
+                                <td>66</td>
+                                <td>2009/01/12</td>
+                                <td>$86,000</td>
+                            </tr>
+                            <tr>
+                                <td>Cedric Kelly</td>
+                                <td>Senior Javascript Developer</td>
+                                <td>Edinburgh</td>
+                                <td>22</td>
+                                <td>2012/03/29</td>
+                                <td>$433,060</td>
+                            </tr>
+                            <tr>
+                                <td>Airi Satou</td>
+                                <td>Accountant</td>
+                                <td>Tokyo</td>
+                                <td>33</td>
+                                <td>2008/11/28</td>
+                                <td>$162,700</td>
+                            </tr>
+                            <tr>
+                                <td>Brielle Williamson</td>
+                                <td>Integration Specialist</td>
+                                <td>New York</td>
+                                <td>61</td>
+                                <td>2012/12/02</td>
+                                <td>$372,000</td>
+                            </tr>
+                            <tr>
+                                <td>Herrod Chandler</td>
+                                <td>Sales Assistant</td>
+                                <td>San Francisco</td>
+                                <td>59</td>
+                                <td>2012/08/06</td>
+                                <td>$137,500</td>
+                            </tr>
+                            <tr>
+                                <td>Rhona Davidson</td>
+                                <td>Integration Specialist</td>
+                                <td>Tokyo</td>
+                                <td>55</td>
+                                <td>2010/10/14</td>
+                                <td>$327,900</td>
+                            </tr>
+                            <tr>
+                                <td>Colleen Hurst</td>
+                                <td>Javascript Developer</td>
+                                <td>San Francisco</td>
+                                <td>39</td>
+                                <td>2009/09/15</td>
+                                <td>$205,500</td>
+                            </tr>
+                            <tr>
+                                <td>Sonya Frost</td>
+                                <td>Software Engineer</td>
+                                <td>Edinburgh</td>
+                                <td>23</td>
+                                <td>2008/12/13</td>
+                                <td>$103,600</td>
+                            </tr>
+                            <tr>
+                                <td>Jena Gaines</td>
+                                <td>Office Manager</td>
+                                <td>London</td>
+                                <td>30</td>
+                                <td>2008/12/19</td>
+                                <td>$90,560</td>
+                            </tr>
+                            <tr>
+                                <td>Quinn Flynn</td>
+                                <td>Support Lead</td>
+                                <td>Edinburgh</td>
+                                <td>22</td>
+                                <td>2013/03/03</td>
+                                <td>$342,000</td>
+                            </tr>
+                            <tr>
+                                <td>Charde Marshall</td>
+                                <td>Regional Director</td>
+                                <td>San Francisco</td>
+                                <td>36</td>
+                                <td>2008/10/16</td>
+                                <td>$470,600</td>
+                            </tr>
+                            <tr>
+                                <td>Haley Kennedy</td>
+                                <td>Senior Marketing Designer</td>
+                                <td>London</td>
+                                <td>43</td>
+                                <td>2012/12/18</td>
+                                <td>$313,500</td>
+                            </tr>
+                            <tr>
+                                <td>Tatyana Fitzpatrick</td>
+                                <td>Regional Director</td>
+                                <td>London</td>
+                                <td>19</td>
+                                <td>2010/03/17</td>
+                                <td>$385,750</td>
+                            </tr>
+                            <tr>
+                                <td>Michael Silva</td>
+                                <td>Marketing Designer</td>
+                                <td>London</td>
+                                <td>66</td>
+                                <td>2012/11/27</td>
+                                <td>$198,500</td>
+                            </tr>
+                            <tr>
+                                <td>Paul Byrd</td>
+                                <td>Chief Financial Officer (CFO)</td>
+                                <td>New York</td>
+                                <td>64</td>
+                                <td>2010/06/09</td>
+                                <td>$725,000</td>
+                            </tr>
+                            <tr>
+                                <td>Gloria Little</td>
+                                <td>Systems Administrator</td>
+                                <td>New York</td>
+                                <td>59</td>
+                                <td>2009/04/10</td>
+                                <td>$237,500</td>
+                            </tr>
+                            <tr>
+                                <td>Bradley Greer</td>
+                                <td>Software Engineer</td>
+                                <td>London</td>
+                                <td>41</td>
+                                <td>2012/10/13</td>
+                                <td>$132,000</td>
+                            </tr>
+                            <tr>
+                                <td>Dai Rios</td>
+                                <td>Personnel Lead</td>
+                                <td>Edinburgh</td>
+                                <td>35</td>
+                                <td>2012/09/26</td>
+                                <td>$217,500</td>
+                            </tr>
+                            <tr>
+                                <td>Jenette Caldwell</td>
+                                <td>Development Lead</td>
+                                <td>New York</td>
+                                <td>30</td>
+                                <td>2011/09/03</td>
+                                <td>$345,000</td>
+                            </tr>
+                            <tr>
+                                <td>Yuri Berry</td>
+                                <td>Chief Marketing Officer (CMO)</td>
+                                <td>New York</td>
+                                <td>40</td>
+                                <td>2009/06/25</td>
+                                <td>$675,000</td>
+                            </tr>
+                            <tr>
+                                <td>Caesar Vance</td>
+                                <td>Pre-Sales Support</td>
+                                <td>New York</td>
+                                <td>21</td>
+                                <td>2011/12/12</td>
+                                <td>$106,450</td>
+                            </tr>
+                            <tr>
+                                <td>Doris Wilder</td>
+                                <td>Sales Assistant</td>
+                                <td>Sidney</td>
+                                <td>23</td>
+                                <td>2010/09/20</td>
+                                <td>$85,600</td>
+                            </tr>
+                            <tr>
+                                <td>Angelica Ramos</td>
+                                <td>Chief Executive Officer (CEO)</td>
+                                <td>London</td>
+                                <td>47</td>
+                                <td>2009/10/09</td>
+                                <td>$1,200,000</td>
+                            </tr>
+                            <tr>
+                                <td>Gavin Joyce</td>
+                                <td>Developer</td>
+                                <td>Edinburgh</td>
+                                <td>42</td>
+                                <td>2010/12/22</td>
+                                <td>$92,575</td>
+                            </tr>
+                            <tr>
+                                <td>Jennifer Chang</td>
+                                <td>Regional Director</td>
+                                <td>Singapore</td>
+                                <td>28</td>
+                                <td>2010/11/14</td>
+                                <td>$357,650</td>
+                            </tr>
+                            <tr>
+                                <td>Brenden Wagner</td>
+                                <td>Software Engineer</td>
+                                <td>San Francisco</td>
+                                <td>28</td>
+                                <td>2011/06/07</td>
+                                <td>$206,850</td>
+                            </tr>
+                            <tr>
+                                <td>Fiona Green</td>
+                                <td>Chief Operating Officer (COO)</td>
+                                <td>San Francisco</td>
+                                <td>48</td>
+                                <td>2010/03/11</td>
+                                <td>$850,000</td>
+                            </tr>
+                            <tr>
+                                <td>Shou Itou</td>
+                                <td>Regional Marketing</td>
+                                <td>Tokyo</td>
+                                <td>20</td>
+                                <td>2011/08/14</td>
+                                <td>$163,000</td>
+                            </tr>
+                            <tr>
+                                <td>Michelle House</td>
+                                <td>Integration Specialist</td>
+                                <td>Sidney</td>
+                                <td>37</td>
+                                <td>2011/06/02</td>
+                                <td>$95,400</td>
+                            </tr>
+                            <tr>
+                                <td>Suki Burks</td>
+                                <td>Developer</td>
+                                <td>London</td>
+                                <td>53</td>
+                                <td>2009/10/22</td>
+                                <td>$114,500</td>
+                            </tr>
+                            <tr>
+                                <td>Prescott Bartlett</td>
+                                <td>Technical Author</td>
+                                <td>London</td>
+                                <td>27</td>
+                                <td>2011/05/07</td>
+                                <td>$145,000</td>
+                            </tr>
+                            <tr>
+                                <td>Gavin Cortez</td>
+                                <td>Team Leader</td>
+                                <td>San Francisco</td>
+                                <td>22</td>
+                                <td>2008/10/26</td>
+                                <td>$235,500</td>
+                            </tr>
+                            <tr>
+                                <td>Martena Mccray</td>
+                                <td>Post-Sales support</td>
+                                <td>Edinburgh</td>
+                                <td>46</td>
+                                <td>2011/03/09</td>
+                                <td>$324,050</td>
+                            </tr>
+                            <tr>
+                                <td>Unity Butler</td>
+                                <td>Marketing Designer</td>
+                                <td>San Francisco</td>
+                                <td>47</td>
+                                <td>2009/12/09</td>
+                                <td>$85,675</td>
+                            </tr>
+                            <tr>
+                                <td>Howard Hatfield</td>
+                                <td>Office Manager</td>
+                                <td>San Francisco</td>
+                                <td>51</td>
+                                <td>2008/12/16</td>
+                                <td>$164,500</td>
+                            </tr>
+                            <tr>
+                                <td>Hope Fuentes</td>
+                                <td>Secretary</td>
+                                <td>San Francisco</td>
+                                <td>41</td>
+                                <td>2010/02/12</td>
+                                <td>$109,850</td>
+                            </tr>
+                            <tr>
+                                <td>Vivian Harrell</td>
+                                <td>Financial Controller</td>
+                                <td>San Francisco</td>
+                                <td>62</td>
+                                <td>2009/02/14</td>
+                                <td>$452,500</td>
+                            </tr>
+                            <tr>
+                                <td>Timothy Mooney</td>
+                                <td>Office Manager</td>
+                                <td>London</td>
+                                <td>37</td>
+                                <td>2008/12/11</td>
+                                <td>$136,200</td>
+                            </tr>
+                            <tr>
+                                <td>Jackson Bradshaw</td>
+                                <td>Director</td>
+                                <td>New York</td>
+                                <td>65</td>
+                                <td>2008/09/26</td>
+                                <td>$645,750</td>
+                            </tr>
+                            <tr>
+                                <td>Olivia Liang</td>
+                                <td>Support Engineer</td>
+                                <td>Singapore</td>
+                                <td>64</td>
+                                <td>2011/02/03</td>
+                                <td>$234,500</td>
+                            </tr>
+                            <tr>
+                                <td>Bruno Nash</td>
+                                <td>Software Engineer</td>
+                                <td>London</td>
+                                <td>38</td>
+                                <td>2011/05/03</td>
+                                <td>$163,500</td>
+                            </tr>
+                            <tr>
+                                <td>Sakura Yamamoto</td>
+                                <td>Support Engineer</td>
+                                <td>Tokyo</td>
+                                <td>37</td>
+                                <td>2009/08/19</td>
+                                <td>$139,575</td>
+                            </tr>
+                            <tr>
+                                <td>Thor Walton</td>
+                                <td>Developer</td>
+                                <td>New York</td>
+                                <td>61</td>
+                                <td>2013/08/11</td>
+                                <td>$98,540</td>
+                            </tr>
+                            <tr>
+                                <td>Finn Camacho</td>
+                                <td>Support Engineer</td>
+                                <td>San Francisco</td>
+                                <td>47</td>
+                                <td>2009/07/07</td>
+                                <td>$87,500</td>
+                            </tr>
+                            <tr>
+                                <td>Serge Baldwin</td>
+                                <td>Data Coordinator</td>
+                                <td>Singapore</td>
+                                <td>64</td>
+                                <td>2012/04/09</td>
+                                <td>$138,575</td>
+                            </tr>
+                            <tr>
+                                <td>Zenaida Frank</td>
+                                <td>Software Engineer</td>
+                                <td>New York</td>
+                                <td>63</td>
+                                <td>2010/01/04</td>
+                                <td>$125,250</td>
+                            </tr>
+                            <tr>
+                                <td>Zorita Serrano</td>
+                                <td>Software Engineer</td>
+                                <td>San Francisco</td>
+                                <td>56</td>
+                                <td>2012/06/01</td>
+                                <td>$115,000</td>
+                            </tr>
+                            <tr>
+                                <td>Jennifer Acosta</td>
+                                <td>Junior Javascript Developer</td>
+                                <td>Edinburgh</td>
+                                <td>43</td>
+                                <td>2013/02/01</td>
+                                <td>$75,650</td>
+                            </tr>
+                            <tr>
+                                <td>Cara Stevens</td>
+                                <td>Sales Assistant</td>
+                                <td>New York</td>
+                                <td>46</td>
+                                <td>2011/12/06</td>
+                                <td>$145,600</td>
+                            </tr>
+                            <tr>
+                                <td>Hermione Butler</td>
+                                <td>Regional Director</td>
+                                <td>London</td>
+                                <td>47</td>
+                                <td>2011/03/21</td>
+                                <td>$356,250</td>
+                            </tr>
+                            <tr>
+                                <td>Lael Greer</td>
+                                <td>Systems Administrator</td>
+                                <td>London</td>
+                                <td>21</td>
+                                <td>2009/02/27</td>
+                                <td>$103,500</td>
+                            </tr>
+                            <tr>
+                                <td>Jonas Alexander</td>
+                                <td>Developer</td>
+                                <td>San Francisco</td>
+                                <td>30</td>
+                                <td>2010/07/14</td>
+                                <td>$86,500</td>
+                            </tr>
+                            <tr>
+                                <td>Shad Decker</td>
+                                <td>Regional Director</td>
+                                <td>Edinburgh</td>
+                                <td>51</td>
+                                <td>2008/11/13</td>
+                                <td>$183,000</td>
+                            </tr>
+                            <tr>
+                                <td>Michael Bruce</td>
+                                <td>Javascript Developer</td>
+                                <td>Singapore</td>
+                                <td>29</td>
+                                <td>2011/06/27</td>
+                                <td>$183,000</td>
+                            </tr>
+                            <tr>
+                                <td>Donna Snider</td>
+                                <td>Customer Support</td>
+                                <td>New York</td>
+                                <td>27</td>
+                                <td>2011/01/25</td>
+                                <td>$112,000</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <div class="searchPanes"></div>
+            </div>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/features/slidingChild/datatables.slidingChild.js b/webroot/components/datatables-plugins/features/slidingChild/datatables.slidingChild.js
new file mode 100644
index 0000000..2c23b65
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/slidingChild/datatables.slidingChild.js
@@ -0,0 +1,267 @@
+/**
+ * @summary     SlidingChild
+ * @description Show / Hide row child plugin
+ * @version     2.0.2
+ * @file        dataTables.slidingChild.js
+ * @author      Nick Adkinson (https://github.com/data-handler)
+ * @copyright   Copyright 2018 Nick Adkinson
+ * 
+ * License      MIT - http://datatables.net/license/mit
+ *
+ * This feature plug-in provides functionality for showing and hiding row child 
+ * information in DataTables. This can be particularly useful for displaying
+ * hierarchical data as a drill-down, or where you wish to convey more information
+ * about a row than there is space for in the host table.
+ *
+ * @example
+ *    $('#myTable').DataTable({
+ *        slidingChild: {
+ *            source: function(parent, response) {
+ *                $.get('/Child/GetByParentId/' + parent.data('id'), response);
+ *            }
+ *        }
+ *    });
+ *
+ */
+(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, document );
+	}
+}(function( $, document ) {
+'use strict';
+
+var SlidingChild = function (dt, options)
+{
+	var that = this;
+	dt.on('draw', function() {
+		that._updateFadedRows();
+	});
+    var table = dt.table();
+    var sliderElement = document.createElement('div');
+    sliderElement.className = 'slider';
+
+	this.s = $.extend({}, 
+		{
+			dt:         dt,
+            table:      $(table.node()),
+            slider:     $(sliderElement)
+		}, 
+		SlidingChild.defaults, 
+		options
+	);	
+
+	this._bind();
+};
+
+SlidingChild.prototype = {
+	_bind: function() {
+		var that = this;
+		var settings = that.s;
+		$(settings.table, '> tbody').on('click', settings.selector, function() {     
+            var $this = $(this);
+            var tr = $this.is('tr') ? $this : $this.closest('tr');
+
+			if (!tr.is('tr')) { return; } // throw error?
+			
+			var dtRow = settings.dt.row(tr);            
+			that._toggleChild(dtRow);			
+        });
+	},	
+	_toggleChild: function(dtRow) {
+		var settings = this.s;
+		if (dtRow.child.isShown()) {
+			this._hideChild(dtRow, function() {});						
+		} else {      			    
+            var existingShownDtRow = settings.dt.row('.shown');
+			if (existingShownDtRow.length && settings.toggle) {     
+                this._hideChild(existingShownDtRow, this._showChildCallback(dtRow));
+            } else {            
+                this._showChild(dtRow);
+            }
+		}
+	},	
+	_showChildCallback: function(dtRow) {
+		return function( dtRow ) {			
+			this._showChild(dtRow);
+		}.bind( this, dtRow );
+	},
+	_showChild: function(dtRow) {	
+		var $tr = $(dtRow.node());
+		if (this.s.displayLoadingIndicator) {
+			this._addLoadingIndicator($tr);
+		}
+		this.s.source( $tr, this._response(dtRow) );		
+    },
+	_response: function(dtRow) {
+		return function( dtRow, childData ) {
+			this.__showChild( dtRow, childData );
+		}.bind( this, dtRow );
+	},    
+	__showChild: function(dtRow, data) {   
+		var settings = this.s;                 
+		var slider = settings.slider;
+		var $tr = $(dtRow.node());
+
+		if (settings.displayLoadingIndicator) {
+			$('.'+this.s.loadingIndicatorClass).remove();
+		}
+
+        slider.append(data);
+		dtRow.child(slider, settings.childClass).show();
+		
+		$tr.toggleClass('shown');
+		this._updateFadedRows();
+
+        if (settings.animateShow) {
+            this._showChildWithAnimation(dtRow);
+        } else {
+            this._showChildWithoutAnimation(dtRow);
+        }   
+    },
+    _showChildWithAnimation: function(dtRow) {
+        var settings = this.s;
+        $(settings.slider, dtRow.child()).slideDown(settings.animationSpeed, function () {
+            settings.onShown(dtRow);
+        });
+    },
+    _showChildWithoutAnimation: function(dtRow) {
+        var settings = this.s;
+        $(settings.slider, dtRow.child()).show();
+        settings.onShown(dtRow);
+    },
+	_hideChild: function(dtRow, callback) {  
+		var settings = this.s;     
+
+		$(dtRow.node()).toggleClass('shown');
+		this._updateFadedRows();
+
+		if (settings.animateHide) {
+            this._hideChildWithAnimation(dtRow, callback);
+        } else {
+            this._hideChildWithoutAnimation(dtRow, callback);
+		}		
+	},
+    _hideChildWithAnimation: function(dtRow, callback) {
+        var settings = this.s;
+        var slider = settings.slider;
+        $(slider, dtRow.child()).slideUp(settings.animationSpeed, function () {          
+            dtRow.child.remove();            
+            slider.empty();            
+            settings.onHidden(dtRow);                       
+            callback();
+		});
+    },
+    _hideChildWithoutAnimation: function(dtRow, callback) {
+        var settings = this.s;
+        var slider = settings.slider;
+        $(slider, dtRow.child()).hide();   
+        dtRow.child.remove();            
+        slider.empty();            
+        settings.onHidden(dtRow);                       
+        callback();
+	},
+	_updateFadedRows: function() {
+		if (this.s.fadeNonShowingRows) {
+			this._fadeNonShowingRows();
+			this._removeFadeFromShowingRows();
+		} else {
+			this._removeFadeFromRows();
+		}
+	},
+	_fadeNonShowingRows: function() {
+		if (this.s.dt.rows('.shown:visible').count()) {			
+			this.s.dt.rows(':visible:not(.shown):not(.faded)')
+				.nodes()
+				.to$()
+				.css('opacity', this.s.fadeOpacity)
+				.addClass('faded');					
+		} else {
+			this._removeFadeFromRows();
+		}
+	},
+	_removeFadeFromShowingRows: function() {
+		this.s.dt.rows('.shown.faded:visible')
+			.nodes()
+			.to$()
+			.css('opacity', 1)
+			.removeClass('faded');
+	},
+	_removeFadeFromRows: function() {
+		this.s.dt.rows('.faded')
+			.nodes()
+			.to$()
+			.css('opacity', 1)
+			.removeClass('faded');
+	},
+	_addLoadingIndicator: function($tr) {
+		var position = $tr.position();
+		var indicator = $(this.s.loadingIndicatorContent);
+		indicator.addClass(this.s.loadingIndicatorClass);
+		indicator.css('top', position.top);
+		indicator.css('left', position.left);
+		indicator.css('height', $tr.height());
+		
+		$tr.append(indicator);
+	}
+};
+
+SlidingChild.defaults = {
+	selector: "tr",
+	childClass: 'child',
+	source: function() {},
+    toggle: true,
+    animateShow: true,
+	animateHide: true,
+	fadeNonShowingRows: false,
+	fadeOpacity: 0.4,
+	animationSpeed: 200,
+	onShown: function() {},
+	onHidden: function() {},
+	displayLoadingIndicator: false,
+	loadingIndicatorClass: 'loading-indicator',
+	loadingIndicatorContent: '<div style="background: black; color: white; display: flex; align-items: center; justify-content: center; opacity: 0.5; position: absolute; width: 100%; z-index: 100;">Loading...</div>'
+};
+
+
+$.fn.dataTable.SlidingChild = SlidingChild;
+$.fn.DataTable.SlidingChild = SlidingChild;
+
+// Automatic initialisation listener
+$(document).on( 'init.dt', function ( e, settings ) {	
+	if ( e.namespace !== 'dt' ) {
+		return;
+	}
+
+	var api = new $.fn.dataTable.Api( settings );
+
+	if ( $( api.table().node() ).hasClass( 'slidingChild' ) ||
+		 settings.oInit.slidingChild ||
+		 $.fn.dataTable.defaults.slidingChild )
+	{
+		new SlidingChild( api, settings.oInit.slidingChild );
+	}
+} );
+
+
+}));
diff --git a/webroot/components/datatables-plugins/features/slidingChild/datatables.slidingChild.min.js b/webroot/components/datatables-plugins/features/slidingChild/datatables.slidingChild.min.js
new file mode 100644
index 0000000..5d85094
--- /dev/null
+++ b/webroot/components/datatables-plugins/features/slidingChild/datatables.slidingChild.min.js
@@ -0,0 +1,7 @@
+(function(d){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(f){return d(f,window,document)}):"object"===typeof exports?module.exports=function(f,e){f||(f=window);if(!e||!e.fn.dataTable)e=require("datatables.net")(f,e).$;return d(e,f,f.document)}:d(jQuery,document)})(function(d,f){var e=function(a,c){var b=this;a.on("draw",function(){b._updateFadedRows()});var h=a.table(),g=f.createElement("div");g.className="slider";this.s=d.extend({},{dt:a,table:d(h.node()),slider:d(g)},
+e.defaults,c);this._bind()};e.prototype={_bind:function(){var a=this,c=a.s;d(c.table,"> tbody").on("click",c.selector,function(){var b=d(this),b=b.is("tr")?b:b.closest("tr");b.is("tr")&&(b=c.dt.row(b),a._toggleChild(b))})},_toggleChild:function(a){var c=this.s;if(a.child.isShown())this._hideChild(a,function(){});else{var b=c.dt.row(".shown");b.length&&c.toggle?this._hideChild(b,this._showChildCallback(a)):this._showChild(a)}},_showChildCallback:function(a){return function(a){this._showChild(a)}.bind(this,
+a)},_showChild:function(a){this.s.source(d(a.node()),this._response(a))},_response:function(a){return function(a,b){this.__showChild(a,b)}.bind(this,a)},__showChild:function(a,c){var b=this.s,e=b.slider;e.append(c);a.child(e,b.childClass).show();d(a.node()).toggleClass("shown");this._updateFadedRows();b.animateShow?this._showChildWithAnimation(a):this._showChildWithoutAnimation(a)},_showChildWithAnimation:function(a){var c=this.s;d(c.slider,a.child()).slideDown(c.animationSpeed,function(){c.onShown(a)})},
+_showChildWithoutAnimation:function(a){var c=this.s;d(c.slider,a.child()).show();c.onShown(a)},_hideChild:function(a,c){var b=this.s;d(a.node()).toggleClass("shown");this._updateFadedRows();b.animateHide?this._hideChildWithAnimation(a,c):this._hideChildWithoutAnimation(a,c)},_hideChildWithAnimation:function(a,c){var b=this.s,e=b.slider;d(e,a.child()).slideUp(b.animationSpeed,function(){a.child.remove();e.empty();b.onHidden(a);c()})},_hideChildWithoutAnimation:function(a,c){var b=this.s,e=b.slider;
+d(e,a.child()).hide();a.child.remove();e.empty();b.onHidden(a);c()},_updateFadedRows:function(){this.s.fadeNonShowingRows?(this._fadeNonShowingRows(),this._removeFadeFromShowingRows()):this._removeFadeFromRows()},_fadeNonShowingRows:function(){this.s.dt.rows(".shown:visible").count()?this.s.dt.rows(":visible:not(.shown):not(.faded)").nodes().to$().css("opacity",this.s.fadeOpacity).addClass("faded"):this._removeFadeFromRows()},_removeFadeFromShowingRows:function(){this.s.dt.rows(".shown.faded:visible").nodes().to$().css("opacity",
+1).removeClass("faded")},_removeFadeFromRows:function(){this.s.dt.rows(".faded").nodes().to$().css("opacity",1).removeClass("faded")}};e.defaults={selector:"tr",childClass:"child",source:function(){},toggle:!0,animateShow:!0,animateHide:!0,fadeNonShowingRows:!1,fadeOpacity:0.4,animationSpeed:200,onShown:function(){},onHidden:function(){}};d.fn.dataTable.SlidingChild=e;d.fn.DataTable.SlidingChild=e;d(f).on("init.dt",function(a,c){if("dt"===a.namespace){var b=new d.fn.dataTable.Api(c);(d(b.table().node()).hasClass("slidingChild")||
+c.oInit.slidingChild||d.fn.dataTable.defaults.slidingChild)&&new e(b,c.oInit.slidingChild)}})});
diff --git a/webroot/components/datatables-plugins/filtering/row-based/TableTools.ShowSelectedOnly.js b/webroot/components/datatables-plugins/filtering/row-based/TableTools.ShowSelectedOnly.js
new file mode 100644
index 0000000..6c0c9cd
--- /dev/null
+++ b/webroot/components/datatables-plugins/filtering/row-based/TableTools.ShowSelectedOnly.js
@@ -0,0 +1,168 @@
+/**
+ * Used in combination with TableTools and selectable rows, this will allow you
+ * to switch between showing all rows and just the selected ones.
+ *
+ *  @name Show selected only
+ *  @summary Show only selected rows, or all rows, through filtering
+ *  @requires TableTools
+ *  @author [Caleb Harrelson](http://stackoverflow.com/users/8507/phloopy)
+ *
+ *  @example
+ *  $('#example').dataTable({
+ *      "sDom": 'T<"clear">Sfrtip',
+ *      "oTableTools": {
+ *          "sRowSelect": "multi",
+ *      },
+ *      "oLanguage": {
+ *          "oFilterSelectedOptions": {
+ *              AllText: "All Widgets",
+ *              SelectedText: "Selected Widgets"
+ *          }
+ *      }
+ *  });
+ */
+
+(function (window, document, $, undefined) {
+
+    $.fn.dataTable.SelectedLengthMenu = function(oSettings) {
+        if (oSettings.oScroll.bInfinite) {
+            return null;
+        }
+
+        /* This can be overruled by not using the _MENU_ var/macro in the language variable */
+        var sName = 'name="' + oSettings.sTableId + '_length"';
+        var sStdMenu = '<select size="1" ' + sName + '>';
+        var i, iLen;
+        var aLengthMenu = oSettings.aLengthMenu;
+
+        if (aLengthMenu.length == 2 && typeof aLengthMenu[0] === 'object' &&
+            typeof aLengthMenu[1] === 'object') {
+            for (i = 0, iLen = aLengthMenu[0].length; i < iLen; i++) {
+                sStdMenu += '<option value="' + aLengthMenu[0][i] + '">' + aLengthMenu[1][i] + '</option>';
+            }
+        } else {
+            for (i = 0, iLen = aLengthMenu.length; i < iLen; i++) {
+                sStdMenu += '<option value="' + aLengthMenu[i] + '">' + aLengthMenu[i] + '</option>';
+            }
+        }
+        sStdMenu += '</select>';
+
+        // select box to show all or only selected items
+        var oFilterSelectedOptions = oSettings.oLanguage.oFilterSelectedOptions;
+        if (!oFilterSelectedOptions)
+            oFilterSelectedOptions = { "AllText": "All Items", "SelectedText": "Selected Items" };
+
+        var sSelectedMenu = '<select name="' + oSettings.sTableId + '_selectedFilter">';
+        if (typeof oFilterSelectedOptions === 'object') {
+            sSelectedMenu += '<option value="All">' + oFilterSelectedOptions.AllText + '</option>';
+            sSelectedMenu += '<option value="Selected">' + oFilterSelectedOptions.SelectedText + '</option>';
+        } else {
+            sSelectedMenu += '<option value="All">' + oFilterSelectedOptions[0] + '</option>';
+            sSelectedMenu += '<option value="Selected">' + oFilterSelectedOptions[1] + '</option>';
+        }
+        sSelectedMenu += '</select>';
+
+
+
+        var nLength = document.createElement('div');
+        if (!oSettings.aanFeatures.l) {
+            nLength.id = oSettings.sTableId + '_length';
+        }
+        nLength.className = oSettings.oClasses.sLength;
+        var sLengthMenu = oSettings.oLanguage.sLengthMenu;
+        if (sLengthMenu == 'Show _MENU_ entries')
+            sLengthMenu = 'Show _MENU_ of _SELECTEDMENU_';
+
+        nLength.innerHTML = '<span>' + sLengthMenu.replace('_MENU_', sStdMenu).replace('_SELECTEDMENU_', sSelectedMenu) + '</span>';
+
+        var $lengthSelect = $('select[name="' + oSettings.sTableId + '_length"]', nLength);
+        if ($lengthSelect.length == 0)
+            $lengthSelect = $('select :eq(0)', nLength);
+        
+        /*
+         * Set the length to the current display length - thanks to Andrea Pavlovic for this fix,
+         * and Stefan Skopnik for fixing the fix!
+         */
+        $lengthSelect.find('option[value="' + oSettings._iDisplayLength + '"]', nLength).attr("selected", true);
+
+
+        $lengthSelect.bind('change.DT', function(e) {
+            var iVal = $(this).val();
+
+            /* Update all other length options for the new display */
+            var n = oSettings.aanFeatures.S;
+            for (i = 0, iLen = n.length; i < iLen; i++) {
+                if (n[i] != this.parentNode) {
+                    $('select', n[i]).val(iVal);
+                }
+            }
+
+            /* Redraw the table */
+            oSettings._iDisplayLength = parseInt(iVal, 10);
+            oSettings.oApi._fnCalculateEnd(oSettings);
+
+            /* If we have space to show extra rows (backing up from the end point - then do so */
+            if (oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay()) {
+                oSettings._iDisplayStart = oSettings.fnDisplayEnd() - oSettings._iDisplayLength;
+                if (oSettings._iDisplayStart < 0) {
+                    oSettings._iDisplayStart = 0;
+                }
+            }
+
+            if (oSettings._iDisplayLength == -1) {
+                oSettings._iDisplayStart = 0;
+            }
+
+            oSettings.oApi._fnDraw(oSettings);
+        });
+
+
+        var $filterSelectedSelect = $('select[name="' + oSettings.sTableId + '_selectedFilter"]', nLength);
+        if ($filterSelectedSelect.length == 0)
+            $filterSelectedSelect = $('select :eq(1)', nLength);
+
+        $filterSelectedSelect.find('option[value="' + oSettings._sFilterSelected + '"]', nLength).attr('selected', true);
+
+        $filterSelectedSelect.on('change', function () {
+            oSettings._sFilterSelected = $(this).val();
+            $('#' + oSettings.sTableId).dataTable().fnDraw();
+        });
+        
+
+        $('select', nLength).attr('aria-controls', oSettings.sTableId);
+
+        return nLength;
+    };
+
+    $.fn.dataTableExt.afnFiltering.push(
+        function (oSettings, aData, iDataIndex) {
+            var $filterSelectedSelect = $('select[name="' + oSettings.sTableId + '_selectedFilter"]');
+            if ($filterSelectedSelect.length == 0)
+                return true; // feature not enabled
+
+            if ($filterSelectedSelect.val() == 'All')
+                return true; // all items selected
+
+
+            var oTable = $('#' + oSettings.sTableId).dataTable();
+            var row = oTable.fnGetNodes(iDataIndex);
+            var oTableTools = TableTools.fnGetInstance(oSettings.sTableId);
+            var isSelected = oTableTools.fnIsSelected(row);
+
+            return isSelected;
+        }
+    );
+
+
+    // Subscribe the feature plug-in to DataTables, ready for use
+    $.fn.dataTableExt.aoFeatures.push({
+        "fnInit": function (oSettings) {
+            return new $.fn.dataTable.SelectedLengthMenu(oSettings);
+        },
+        "cFeature": "O",
+        "sFeature": "SelectedLengthMenu"
+    });
+    
+
+
+})(window, document, jQuery);
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/filtering/row-based/range_dates.js b/webroot/components/datatables-plugins/filtering/row-based/range_dates.js
new file mode 100644
index 0000000..591b482
--- /dev/null
+++ b/webroot/components/datatables-plugins/filtering/row-based/range_dates.js
@@ -0,0 +1,51 @@
+/**
+ * Filter a column on a specific date range. Note that you will likely need 
+ * to change the id's on the inputs and the columns in which the start and 
+ * end date exist.
+ *
+ *  @name Date range filter
+ *  @summary Filter the table based on two dates in different columns
+ *  @author _guillimon_
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').DataTable();
+ *         
+ *        // Add event listeners to the two range filtering inputs
+ *        $('#min').keyup( function() { table.draw(); } );
+ *        $('#max').keyup( function() { table.draw(); } );
+ *    } );
+ */
+
+$.fn.dataTableExt.afnFiltering.push(
+	function( oSettings, aData, iDataIndex ) {
+		var iFini = document.getElementById('fini').value;
+		var iFfin = document.getElementById('ffin').value;
+		var iStartDateCol = 6;
+		var iEndDateCol = 7;
+
+		iFini=iFini.substring(6,10) + iFini.substring(3,5)+ iFini.substring(0,2);
+		iFfin=iFfin.substring(6,10) + iFfin.substring(3,5)+ iFfin.substring(0,2);
+
+		var datofini=aData[iStartDateCol].substring(6,10) + aData[iStartDateCol].substring(3,5)+ aData[iStartDateCol].substring(0,2);
+		var datoffin=aData[iEndDateCol].substring(6,10) + aData[iEndDateCol].substring(3,5)+ aData[iEndDateCol].substring(0,2);
+
+		if ( iFini === "" && iFfin === "" )
+		{
+			return true;
+		}
+		else if ( iFini <= datofini && iFfin === "")
+		{
+			return true;
+		}
+		else if ( iFfin >= datoffin && iFini === "")
+		{
+			return true;
+		}
+		else if (iFini <= datofini && iFfin >= datoffin)
+		{
+			return true;
+		}
+		return false;
+	}
+);
diff --git a/webroot/components/datatables-plugins/filtering/row-based/range_numbers.js b/webroot/components/datatables-plugins/filtering/row-based/range_numbers.js
new file mode 100644
index 0000000..ca58575
--- /dev/null
+++ b/webroot/components/datatables-plugins/filtering/row-based/range_numbers.js
@@ -0,0 +1,46 @@
+/**
+ * Filter a specific numeric column on the value being between two given 
+ * numbers. Note that you will likely need to change the id's on the inputs
+ * and the column in which the numeric value is given.
+ *
+ *  @summary Filter the data between two numbers (inclusive)
+ *  @name Range filtering (numbers)
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        // Initialise datatables
+ *        var table = $('#example').DataTable();
+ *         
+ *        // Add event listeners to the two range filtering inputs
+ *        $('#min').keyup( function() { table.draw(); } );
+ *        $('#max').keyup( function() { table.draw(); } );
+ *    } );
+ */
+
+jQuery.fn.dataTableExt.afnFiltering.push(
+	function( oSettings, aData, iDataIndex ) {
+		var iColumn = 3;
+		var iMin = document.getElementById('min').value * 1;
+		var iMax = document.getElementById('max').value * 1;
+
+		var iVersion = aData[iColumn] == "-" ? 0 : aData[iColumn]*1;
+		if ( iMin === "" && iMax === "" )
+		{
+			return true;
+		}
+		else if ( iMin === "" && iVersion < iMax )
+		{
+			return true;
+		}
+		else if ( iMin < iVersion && "" === iMax )
+		{
+			return true;
+		}
+		else if ( iMin < iVersion && iVersion < iMax )
+		{
+			return true;
+		}
+		return false;
+	}
+);
diff --git a/webroot/components/datatables-plugins/filtering/type-based/accent-neutralise.js b/webroot/components/datatables-plugins/filtering/type-based/accent-neutralise.js
new file mode 100644
index 0000000..e917dae
--- /dev/null
+++ b/webroot/components/datatables-plugins/filtering/type-based/accent-neutralise.js
@@ -0,0 +1,84 @@
+/**
+ * When search a table with accented characters, it can be frustrating to have
+ * an input such as _Zurich_ not match _Zürich_ in the table (`u !== ü`). This
+ * type based search plug-in replaces the built-in string formatter in
+ * DataTables with a function that will remove replace the accented characters
+ * with their unaccented counterparts for fast and easy filtering.
+ *
+ * Note that with the accented characters being replaced, a search input using
+ * accented characters will no longer match. The second example below shows
+ * how the function can be used to remove accents from the search input as well,
+ * to mitigate this problem.
+ *
+ *  @summary Replace accented characters with unaccented counterparts
+ *  @name Accent neutralise
+ *  @author Allan Jardine
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable();
+ *    } );
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        var table = $('#example').dataTable();
+ *
+ *        // Remove accented character from search input as well
+ *        $('#myInput').keyup( function () {
+ *          table
+ *            .search(
+ *              jQuery.fn.DataTable.ext.type.search.string( this.value )
+ *            )
+ *            .draw()
+ *        } );
+ *    } );
+ */
+
+(function(){
+
+function removeAccents ( data ) {
+    return data
+        .replace( /έ/g, 'ε' )
+        .replace( /[ύϋΰ]/g, 'υ' )
+        .replace( /ό/g, 'ο' )
+        .replace( /ώ/g, 'ω' )
+        .replace( /ά/g, 'α' )
+        .replace( /[ίϊΐ]/g, 'ι' )
+        .replace( /ή/g, 'η' )
+        .replace( /\n/g, ' ' )
+        .replace( /á/g, 'a' )
+        .replace( /é/g, 'e' )
+        .replace( /í/g, 'i' )
+        .replace( /ó/g, 'o' )
+        .replace( /ú/g, 'u' )
+        .replace( /ê/g, 'e' )
+        .replace( /î/g, 'i' )
+        .replace( /ô/g, 'o' )
+        .replace( /è/g, 'e' )
+        .replace( /ï/g, 'i' )
+        .replace( /ü/g, 'u' )
+        .replace( /ã/g, 'a' )
+        .replace( /õ/g, 'o' )
+        .replace( /ç/g, 'c' )
+        .replace( /ì/g, 'i' );
+}
+
+var searchType = jQuery.fn.DataTable.ext.type.search;
+
+searchType.string = function ( data ) {
+    return ! data ?
+        '' :
+        typeof data === 'string' ?
+            removeAccents( data ) :
+            data;
+};
+
+searchType.html = function ( data ) {
+    return ! data ?
+        '' :
+        typeof data === 'string' ?
+            removeAccents( data.replace( /<.*?>/g, '' ) ) :
+            data;
+};
+
+}());
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/filtering/type-based/diacritics-neutralise.js b/webroot/components/datatables-plugins/filtering/type-based/diacritics-neutralise.js
new file mode 100644
index 0000000..735e913
--- /dev/null
+++ b/webroot/components/datatables-plugins/filtering/type-based/diacritics-neutralise.js
@@ -0,0 +1,162 @@
+/**
+ * When filtering a table with accented characters (letters with diacritical marks)
+ * it can be frustrating to have an input such as _Zurich_ not match _Zürich_ in 
+ * the table (`u !== ü`). 
+ *
+ * This type based search plug-in replaces the built-in string formatter in
+ * DataTables with a function that will replace a comprehensive range of letters 
+ * with diacritical marks to their "normalized" a..Z latin equivalents. 
+ *
+ * This plug-in targets a wider scope of languages than the accent-neutralise plugin. 
+ * European languages such as slavic, nordic, baltic, finnish, celtic, albanian, 
+ * hungarian (etc) is covered as well as turkish and asian languages written in european latin.  
+ *
+ * For example is the letters ＥÈÉÊỀẾỄỂẼĒḔḖĔĖËẺĚȄȆẸỆȨḜĘḘḚƐƎ searchable by the input 'E'.
+ *
+ * As a additional feature you can customise the plugin by allowing certain diacratics: 
+ *
+ * jQuery.fn.DataTable.ext.type.search.allowDiacritics( array );
+ *
+ * For example you would like to be able filter the nordic letters æ, ø, å :
+ *
+ * jQuery.fn.DataTable.ext.type.search.allowDiacritics( ['æ', 'ø', 'å' ] );
+ * 
+ *
+ *  @name Diacritics-neutralise
+ *  @summary Replace accented characters (diacritics) with latin equivalents
+ *  @author David Konrad
+ *  @email davidkonrad at googles email
+ *
+ *
+ * Demo 
+ *
+ * http://plnkr.co/edit/Gf96d39S0b0CETt0hr4L?p=preview
+ *
+ */
+
+'use strict';
+
+var diacriticsMap = [
+  {'base':'A', 'letters':/[\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F]/g},
+  {'base':'AA','letters':/[\uA732]/g},
+  {'base':'AE','letters':/[\u00C6\u01FC\u01E2]/g},
+  {'base':'AO','letters':/[\uA734]/g},
+  {'base':'AU','letters':/[\uA736]/g},
+  {'base':'AV','letters':/[\uA738\uA73A]/g},
+  {'base':'AY','letters':/[\uA73C]/g},
+  {'base':'B', 'letters':/[\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181]/g},
+  {'base':'C', 'letters':/[\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E]/g},
+  {'base':'D', 'letters':/[\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779]/g},
+  {'base':'DZ','letters':/[\u01F1\u01C4]/g},
+  {'base':'Dz','letters':/[\u01F2\u01C5]/g},
+  {'base':'E', 'letters':/[\u0045\u24BA\uFF25\u00C8\u00C9\u00CA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\u00CB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E]/g},
+  {'base':'F', 'letters':/[\u0046\u24BB\uFF26\u1E1E\u0191\uA77B]/g},
+  {'base':'G', 'letters':/[\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E]/g},
+  {'base':'H', 'letters':/[\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D]/g},
+  {'base':'I', 'letters':/[\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197]/g},
+  {'base':'J', 'letters':/[\u004A\u24BF\uFF2A\u0134\u0248]/g},
+  {'base':'K', 'letters':/[\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2]/g},
+  {'base':'L', 'letters':/[\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780]/g},
+  {'base':'LJ','letters':/[\u01C7]/g},
+  {'base':'Lj','letters':/[\u01C8]/g},
+  {'base':'M', 'letters':/[\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C]/g},
+  {'base':'N', 'letters':/[\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4]/g},
+  {'base':'NJ','letters':/[\u01CA]/g},
+  {'base':'Nj','letters':/[\u01CB]/g},
+  {'base':'O', 'letters':/[\u004F\u24C4\uFF2F\u00D2\u00D3\u00D4\u1ED2\u1ED0\u1ED6\u1ED4\u00D5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\u00D6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\u00D8\u01FE\u0186\u019F\uA74A\uA74C]/g},
+  {'base':'OI','letters':/[\u01A2]/g},
+  {'base':'OO','letters':/[\uA74E]/g},
+  {'base':'OU','letters':/[\u0222]/g},
+  {'base':'P', 'letters':/[\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754]/g},
+  {'base':'Q', 'letters':/[\u0051\u24C6\uFF31\uA756\uA758\u024A]/g},
+  {'base':'R', 'letters':/[\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782]/g},
+  {'base':'S', 'letters':/[\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784]/g},
+  {'base':'T', 'letters':/[\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786]/g},
+  {'base':'TZ','letters':/[\uA728]/g},
+  {'base':'U', 'letters':/[\u0055\u24CA\uFF35\u00D9\u00DA\u00DB\u0168\u1E78\u016A\u1E7A\u016C\u00DC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244]/g},
+  {'base':'V', 'letters':/[\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245]/g},
+  {'base':'VY','letters':/[\uA760]/g},
+  {'base':'W', 'letters':/[\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72]/g},
+  {'base':'X', 'letters':/[\u0058\u24CD\uFF38\u1E8A\u1E8C]/g},
+  {'base':'Y', 'letters':/[\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE]/g},
+  {'base':'Z', 'letters':/[\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762]/g},
+  {'base':'a', 'letters':/[\u0061\u24D0\uFF41\u1E9A\u00E0\u00E1\u00E2\u1EA7\u1EA5\u1EAB\u1EA9\u00E3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\u00E4\u01DF\u1EA3\u00E5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250]/g},
+  {'base':'aa','letters':/[\uA733]/g},
+  {'base':'ae','letters':/[\u00E6\u01FD\u01E3]/g},
+  {'base':'ao','letters':/[\uA735]/g},
+  {'base':'au','letters':/[\uA737]/g},
+  {'base':'av','letters':/[\uA739\uA73B]/g},
+  {'base':'ay','letters':/[\uA73D]/g},
+  {'base':'b', 'letters':/[\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253]/g},
+  {'base':'c', 'letters':/[\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184]/g},
+  {'base':'d', 'letters':/[\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A]/g},
+  {'base':'dz','letters':/[\u01F3\u01C6]/g},
+  {'base':'e', 'letters':/[\u0065\u24D4\uFF45\u00E8\u00E9\u00EA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\u00EB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD]/g},
+  {'base':'f', 'letters':/[\u0066\u24D5\uFF46\u1E1F\u0192\uA77C]/g},
+  {'base':'g', 'letters':/[\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F]/g},
+  {'base':'h', 'letters':/[\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265]/g},
+  {'base':'hv','letters':/[\u0195]/g},
+  {'base':'i', 'letters':/[\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131]/g},
+  {'base':'j', 'letters':/[\u006A\u24D9\uFF4A\u0135\u01F0\u0249]/g},
+  {'base':'k', 'letters':/[\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3]/g},
+  {'base':'l', 'letters':/[\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747]/g},
+  {'base':'lj','letters':/[\u01C9]/g},
+  {'base':'m', 'letters':/[\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F]/g},
+  {'base':'n', 'letters':/[\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5]/g},
+  {'base':'nj','letters':/[\u01CC]/g},
+  {'base':'o', 'letters':/[\u006F\u24DE\uFF4F\u00F2\u00F3\u00F4\u1ED3\u1ED1\u1ED7\u1ED5\u00F5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\u00F6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\u00F8\u01FF\u0254\uA74B\uA74D\u0275]/g},
+  {'base':'oi','letters':/[\u01A3]/g},
+  {'base':'ou','letters':/[\u0223]/g},
+  {'base':'oo','letters':/[\uA74F]/g},
+  {'base':'p','letters':/[\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755]/g},
+  {'base':'q','letters':/[\u0071\u24E0\uFF51\u024B\uA757\uA759]/g},
+  {'base':'r','letters':/[\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783]/g},
+  {'base':'s','letters':/[\u0073\u24E2\uFF53\u00DF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B]/g},
+  {'base':'t','letters':/[\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787]/g},
+  {'base':'tz','letters':/[\uA729]/g},
+  {'base':'u','letters':/[\u0075\u24E4\uFF55\u00F9\u00FA\u00FB\u0169\u1E79\u016B\u1E7B\u016D\u00FC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289]/g},
+  {'base':'v','letters':/[\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C]/g},
+  {'base':'vy','letters':/[\uA761]/g},
+  {'base':'w','letters':/[\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73]/g},
+  {'base':'x','letters':/[\u0078\u24E7\uFF58\u1E8B\u1E8D]/g},
+  {'base':'y','letters':/[\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF]/g},
+  {'base':'z','letters':/[\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763]/g}
+];
+
+function removeDiacritics ( s ) {
+  for (var i=0, l=diacriticsMap.length; i<l; i++) {
+    s = s.replace(diacriticsMap[i].letters, diacriticsMap[i].base);
+  }
+  return s; 
+}
+
+function charToUnicode( char ) {
+  var charUnicode = char.charCodeAt(0).toString(16).toUpperCase();
+  while (charUnicode.length < 4) {
+    charUnicode = '0' + charUnicode;
+  }
+  charUnicode = '\\u' + charUnicode;
+  return charUnicode;
+}
+
+jQuery.fn.DataTable.ext.type.search.allowDiacritics = function( array ) {
+  for (var i=0, l=array.length; i<l; i++) {
+    var unicode = charToUnicode(array[i]);
+    for (var di=0, dl=diacriticsMap.length; di<dl; di++) {
+      var _old = diacriticsMap[di].letters.toString();
+      var _new = _old.replace(unicode, '');  
+      if (_old != _new) {
+        diacriticsMap[di].letters = new RegExp(_new);
+      }        
+    }        
+  }     
+};
+
+jQuery.fn.DataTable.ext.type.search.string = function ( s ) {
+   return removeDiacritics(s);
+};
+
+/**
+ * end of diacritics-neutralise.js
+ */
+
diff --git a/webroot/components/datatables-plugins/filtering/type-based/html.js b/webroot/components/datatables-plugins/filtering/type-based/html.js
new file mode 100644
index 0000000..7fec55a
--- /dev/null
+++ b/webroot/components/datatables-plugins/filtering/type-based/html.js
@@ -0,0 +1,38 @@
+/**
+ * DataTables has a built in type called `html` which will strip HTML tags 
+ * from a search string, but it doesn't cope with nested HTML inside another 
+ * element's attributes (for example DOM0 events with have HTML in them). This
+ * plug-in function overrules the built-in method and provides complete HTML
+ * tag removal.
+ * 
+ * Note that this function is not included in DataTables by
+ * default because it is slightly slower than the built-in method, which is
+ * good enough for by far the majority of use cases.
+ *
+ *  @summary Strip HTML using DOM methods
+ *  @name html
+ *  @author _guillimon_
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable({
+ *            "columnDefs": [
+ *                { type: "html", target: 0 }
+ *            ]
+ *        });
+ *    } );
+ */
+
+(function () {
+
+var _div = document.createElement('div');
+
+jQuery.fn.dataTable.ext.type.search.html = function ( data ) {
+	_div.innerHTML = data;
+
+	return _div.textContent ?
+		_div.textContent.replace(/\n/g," ") :
+		_div.innerText.replace(/\n/g," ");
+};
+
+})();
diff --git a/webroot/components/datatables-plugins/filtering/type-based/phoneNumber.js b/webroot/components/datatables-plugins/filtering/type-based/phoneNumber.js
new file mode 100644
index 0000000..ed1a20c
--- /dev/null
+++ b/webroot/components/datatables-plugins/filtering/type-based/phoneNumber.js
@@ -0,0 +1,31 @@
+/**
+ * Telephone numbers are a common data point to display in HTML tables, and are
+ * often formatted (e.g. `dt-string 555-1234`). Typically, when searching a
+ * table a user would need to enter the number in exactly the same format it is
+ * displayed in, but this is not always convenient (e.g. you might search for
+ * `dt-string 5551`).
+ *
+ * This filtering plug-in will allow both forms to be matched be providing both
+ * the formatted and de-formatted data to the table's search.
+ * 
+ *  @summary Make phone numbers searchable formatted or unformatted
+ *  @name Phone number
+ *  @author Allan Jardine
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *      $('#example').dataTable( {
+ *        columnDefs: [
+ *          { type: 'phoneNumber', target: 4 }
+ *        ]
+ *      } );
+ *    } );
+ */
+
+jQuery.fn.DataTable.ext.type.search.phoneNumber = function ( data ) {
+    return ! data ?
+        '' :
+        typeof data === 'string' ?
+            data + data.replace(/[ \-]/g, '') :
+            data;
+};
diff --git a/webroot/components/datatables-plugins/i18n/Afrikaans.lang b/webroot/components/datatables-plugins/i18n/Afrikaans.lang
new file mode 100644
index 0000000..ac35b40
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Afrikaans.lang
@@ -0,0 +1,30 @@
+/**
+ * Afrikaans translation
+ *  @name Afrikaans
+ *  @anchor Afrikaans
+ *  @author <a href="http://www.ajoft.com">Ajoft Software</a>
+ */
+
+{
+	"sEmptyTable":     "Geen data beskikbaar in tabel",
+	"sInfo":           "uitstalling _START_ to _END_ of _TOTAL_ inskrywings",
+	"sInfoEmpty":      "uitstalling 0 to 0 of 0 inskrywings",
+	"sInfoFiltered":   "(gefiltreer uit _MAX_ totaal inskrywings)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":     "uitstal _MENU_ inskrywings",
+	"sLoadingRecords": "laai...",
+	"sProcessing":     "verwerking...",
+	"sSearch":         "soektog:",
+	"sZeroRecords":    "Geen treffers gevind",
+	"oPaginate": {
+		"sFirst":    "eerste",
+		"sLast":     "laaste",
+		"sNext":     "volgende",
+		"sPrevious": "vorige"
+	},
+	"oAria": {
+		"sSortAscending":  ": aktiveer kolom stygende te sorteer",
+		"sSortDescending": ": aktiveer kolom orde te sorteer"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Albanian.lang b/webroot/components/datatables-plugins/i18n/Albanian.lang
new file mode 100644
index 0000000..f231398
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Albanian.lang
@@ -0,0 +1,30 @@
+/**
+ * Albanian translation
+ *  @name Albanian
+ *  @anchor Albanian
+ *  @author Besnik Belegu
+ */
+
+{
+   "sEmptyTable":     "Nuk ka asnjë të dhënë në tabele",
+   "sInfo":           "Duke treguar _START_ deri _END_ prej _TOTAL_ reshtave",
+   "sInfoEmpty":      "Duke treguar 0 deri 0 prej 0 reshtave",
+   "sInfoFiltered":   "(të filtruara nga gjithësej _MAX_  reshtave)",
+   "sInfoPostFix":    "",
+   "sInfoThousands":  ",",
+   "sLengthMenu":     "Shiko _MENU_ reshta",
+   "sLoadingRecords": "Duke punuar...",
+   "sProcessing":     "Duke procesuar...",
+   "sSearch":         "Kërkoni:",
+   "sZeroRecords":    "Asnjë e dhënë nuk u gjet",
+   "oPaginate": {
+       "sFirst":    "E para",
+       "sLast":     "E Fundit",
+       "sNext":     "Tjetra",
+       "sPrevious": "E Kaluara"
+   },
+   "oAria": {
+       "sSortAscending":  ": aktivizo për të sortuar kolumnin me vlera në ngritje",
+       "sSortDescending": ": aktivizo për të sortuar kolumnin me vlera në zbritje"
+   }
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Amharic.lang b/webroot/components/datatables-plugins/i18n/Amharic.lang
new file mode 100644
index 0000000..b5ba4bb
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Amharic.lang
@@ -0,0 +1,30 @@
+/**
+ * Amharic translation
+ *  @name Amharic
+ *  @anchor Amharic
+ *  @author veduket
+ */
+
+{
+    "sEmptyTable":     "ባዶ ሰንጠረዥ",
+    "sInfo":           "ከጠቅላላው _TOTAL_ ዝርዝሮች ውስጥ ከ _START_ እስከ _END_ ያሉት ዝርዝር",
+    "sInfoEmpty":      "ከጠቅላላው 0 ዝርዝሮች ውስጥ ከ 0 እስከ 0 ያሉት ዝርዝር",
+    "sInfoFiltered":   "(ከጠቅላላው _MAX_ የተመረጡ ዝርዝሮች)",
+    "sInfoPostFix":    "",
+    "sInfoThousands":  ",",
+    "sLengthMenu":     "የዝርዝሮች ብዛት _MENU_",
+    "sLoadingRecords": "በማቅረብ ላይ...",
+    "sProcessing":     "በማቀናበር ላይ...",
+    "sSearch":         "ፈልግ:",
+    "sZeroRecords":    "ከሚፈለገው ጋር የሚሚሳሰል ዝርዝር አልተገኘም",
+    "oPaginate": {
+        "sFirst":    "መጀመሪያ",
+        "sLast":     "መጨረሻ",
+        "sNext":     "ቀጣዩ",
+        "sPrevious": "የበፊቱ"
+    },
+    "oAria": {
+        "sSortAscending":  ": ከመጀመሪያ ወደ መጨረሻ(ወጪ) አደራደር",
+        "sSortDescending": ": ከመጨረሻ ወደ መጀመሪያ(ወራጅ) አደራደር"
+    }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Arabic.lang b/webroot/components/datatables-plugins/i18n/Arabic.lang
new file mode 100644
index 0000000..3e19e1e
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Arabic.lang
@@ -0,0 +1,24 @@
+/**
+ * Arabic translation
+ *  @name Arabic
+ *  @anchor Arabic
+ *  @author Ossama Khayat
+ */
+
+{
+	"sProcessing":   "جارٍ التحميل...",
+	"sLengthMenu":   "أظهر _MENU_ مدخلات",
+	"sZeroRecords":  "لم يعثر على أية سجلات",
+	"sInfo":         "إظهار _START_ إلى _END_ من أصل _TOTAL_ مدخل",
+	"sInfoEmpty":    "يعرض 0 إلى 0 من أصل 0 سجل",
+	"sInfoFiltered": "(منتقاة من مجموع _MAX_ مُدخل)",
+	"sInfoPostFix":  "",
+	"sSearch":       "ابحث:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "الأول",
+		"sPrevious": "السابق",
+		"sNext":     "التالي",
+		"sLast":     "الأخير"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Armenian.lang b/webroot/components/datatables-plugins/i18n/Armenian.lang
new file mode 100644
index 0000000..a7f6e16
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Armenian.lang
@@ -0,0 +1,30 @@
+/**
+ * Armenian - translation
+ *  @name Armenian
+ *  @anchor Armenian
+ *  @author <a href="http://www.voznisoft.com/">Levon Levonyan</a>
+ */
+
+{
+  "sEmptyTable": "Տվյալները բացակայում են",
+  "sProcessing": "Կատարվում է...",
+  "sInfoThousands":  ",",
+  "sLengthMenu": "Ցուցադրել _MENU_ արդյունքներ մեկ էջում",
+  "sLoadingRecords": "Բեռնվում է ...",
+  "sZeroRecords": "Հարցմանը համապատասխանող արդյունքներ չկան",
+  "sInfo": "Ցուցադրված են _START_-ից _END_ արդյունքները ընդհանուր _TOTAL_-ից",
+  "sInfoEmpty": "Արդյունքներ գտնված չեն",
+  "sInfoFiltered": "(ֆիլտրվել է ընդհանուր _MAX_ արդյունքներից)",
+  "sInfoPostFix":  "",
+  "sSearch": "Փնտրել",
+  "oPaginate": {
+      "sFirst": "Առաջին էջ",
+      "sPrevious": "Նախորդ էջ",
+      "sNext": "Հաջորդ էջ",
+      "sLast": "Վերջին էջ"
+  },
+  "oAria": {
+      "sSortAscending":  ": ակտիվացրեք աճման կարգով դասավորելու համար",
+      "sSortDescending": ": ակտիվացրեք նվազման կարգով դասավորելու համար"
+  }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Azerbaijan.lang b/webroot/components/datatables-plugins/i18n/Azerbaijan.lang
new file mode 100644
index 0000000..9d681f4
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Azerbaijan.lang
@@ -0,0 +1,30 @@
+/**
+ * Azerbaijan translation
+ *  @name Azerbaijan
+ *  @anchor Azerbaijan
+ *  @author H.Huseyn
+ */
+
+{
+	"sEmptyTable":     "Cədvəldə heç bir məlumat yoxdur",
+	"sInfo":           " _TOTAL_ Nəticədən _START_ - _END_ Arası Nəticələr",
+	"sInfoEmpty":      "Nəticə Yoxdur",
+	"sInfoFiltered":   "( _MAX_ Nəticə İçindən Tapılanlar)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":     "Səhifədə _MENU_ Nəticə Göstər",
+	"sLoadingRecords": "Yüklənir...",
+	"sProcessing":     "Gözləyin...",
+	"sSearch":         "Axtarış:",
+	"sZeroRecords":    "Nəticə Tapılmadı.",
+	"oPaginate": {
+		"sFirst":    "İlk",
+		"sLast":     "Axırıncı",
+		"sNext":     "Sonraki",
+		"sPrevious": "Öncəki"
+	},
+	"oAria": {
+		"sSortAscending":  ": sütunu artma sırası üzərə aktiv etmək",
+		"sSortDescending": ": sütunu azalma sırası üzərə aktiv etmək"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Bangla.lang b/webroot/components/datatables-plugins/i18n/Bangla.lang
new file mode 100644
index 0000000..ee27458
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Bangla.lang
@@ -0,0 +1,24 @@
+/**
+ * Bangla translation
+ *  @name Bangla
+ *  @anchor Bangla
+ *  @author <a href="http://khaledcse06.wordpress.com">Md. Khaled Ben Islam</a>
+ */
+
+{
+	"sProcessing":   "প্রসেসিং হচ্ছে...",
+	"sLengthMenu":   "_MENU_ টা এন্ট্রি দেখাও",
+	"sZeroRecords":  "আপনি যা অনুসন্ধান করেছেন তার সাথে মিলে যাওয়া কোন রেকর্ড খুঁজে পাওয়া যায় নাই",
+	"sInfo":         "_TOTAL_ টা এন্ট্রির মধ্যে _START_ থেকে _END_ পর্যন্ত দেখানো হচ্ছে",
+	"sInfoEmpty":    "কোন এন্ট্রি খুঁজে পাওয়া যায় নাই",
+	"sInfoFiltered": "(মোট _MAX_ টা এন্ট্রির মধ্যে থেকে বাছাইকৃত)",
+	"sInfoPostFix":  "",
+	"sSearch":       "অনুসন্ধান:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "প্রথমটা",
+		"sPrevious": "আগেরটা",
+		"sNext":     "পরবর্তীটা",
+		"sLast":     "শেষেরটা"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Basque.lang b/webroot/components/datatables-plugins/i18n/Basque.lang
new file mode 100644
index 0000000..96df1a8
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Basque.lang
@@ -0,0 +1,31 @@
+/**
+ * Basque translation
+ *  @name Basque
+ *  @anchor Basque
+ *  @author <a href="https://github.com/xabikip/">Xabi Pico</a>
+ */
+
+{
+	"sProcessing":     "Prozesatzen...",
+	"sLengthMenu":     "Erakutsi _MENU_ erregistro",
+	"sZeroRecords":    "Ez da emaitzarik aurkitu",
+	"sEmptyTable":     "Taula hontan ez dago inongo datu erabilgarririk",
+	"sInfo":           "_START_ -etik _END_ -erako erregistroak erakusten, guztira _TOTAL_ erregistro",
+	"sInfoEmpty":      "0tik 0rako erregistroak erakusten, guztira 0 erregistro",
+	"sInfoFiltered":   "(guztira _MAX_ erregistro iragazten)",
+	"sInfoPostFix":    "",
+	"sSearch":         "Aurkitu:",
+	"sUrl":            "",
+	"sInfoThousands":  ",",
+	"sLoadingRecords": "Abiarazten...",
+	"oPaginate": {
+		"sFirst":    "Lehena",
+		"sLast":     "Azkena",
+		"sNext":     "Hurrengoa",
+		"sPrevious": "Aurrekoa"
+	},
+	"oAria": {
+		"sSortAscending":  ": Zutabea goranzko eran ordenatzeko aktibatu ",
+		"sSortDescending": ": Zutabea beheranzko eran ordenatzeko aktibatu"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Belarusian.lang b/webroot/components/datatables-plugins/i18n/Belarusian.lang
new file mode 100644
index 0000000..2869e40
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Belarusian.lang
@@ -0,0 +1,27 @@
+/**
+* Belarusian translation
+* @name Belarusian
+* @anchor Belarusian
+* @author vkachurka
+*/
+{
+	"sProcessing":   "Пачакайце...",
+	"sLengthMenu":   "Паказваць _MENU_ запісаў",
+	"sZeroRecords":  "Запісы адсутнічаюць.",
+	"sInfo":         "Запісы з _START_ па _END_ з _TOTAL_ запісаў",
+	"sInfoEmpty":    "Запісы з 0 па 0 з 0 запісаў",
+	"sInfoFiltered": "(адфільтравана з _MAX_ запісаў)",
+	"sInfoPostFix":  "",
+	"sSearch":       "Пошук:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst": "Першая",
+		"sPrevious": "Папярэдняя",
+		"sNext": "Наступная",
+		"sLast": "Апошняя"
+	},
+	"oAria": {
+		"sSortAscending":  ": актываваць для сартавання слупка па ўзрастанні",
+		"sSortDescending": ": актываваць для сартавання слупка па змяншэнні"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Bulgarian.lang b/webroot/components/datatables-plugins/i18n/Bulgarian.lang
new file mode 100644
index 0000000..bde4c40
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Bulgarian.lang
@@ -0,0 +1,24 @@
+/**
+ * Bulgarian translation
+ *  @name Bulgarian
+ *  @anchor Bulgarian
+ *  @author Rostislav Stoyanov, Oliwier Thomas
+ */
+
+{
+	"sProcessing":   "Обработка на резултатите...",
+	"sLengthMenu":   "Показване на _MENU_ резултата",
+	"sZeroRecords":  "Няма намерени резултати",
+	"sInfo":         "Показване на резултати от _START_ до _END_ от общо _TOTAL_",
+	"sInfoEmpty":    "Показване на резултати от 0 до 0 от общо 0",
+	"sInfoFiltered": "(филтрирани от общо _MAX_ резултата)",
+	"sInfoPostFix":  "",
+	"sSearch":       "Търсене:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "Първа",
+		"sPrevious": "Предишна",
+		"sNext":     "Следваща",
+		"sLast":     "Последна"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Catalan.lang b/webroot/components/datatables-plugins/i18n/Catalan.lang
new file mode 100644
index 0000000..e7b997c
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Catalan.lang
@@ -0,0 +1,24 @@
+/**
+ * Catalan translation
+ *  @name Catalan
+ *  @anchor Catalan
+ *  @author Sergi
+ */
+
+{
+	"sProcessing":   "Processant...",
+	"sLengthMenu":   "Mostra _MENU_ registres",
+	"sZeroRecords":  "No s'han trobat registres.",
+	"sInfo":         "Mostrant de _START_ a _END_ de _TOTAL_ registres",
+	"sInfoEmpty":    "Mostrant de 0 a 0 de 0 registres",
+	"sInfoFiltered": "(filtrat de _MAX_ total registres)",
+	"sInfoPostFix":  "",
+	"sSearch":       "Filtrar:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "Primer",
+		"sPrevious": "Anterior",
+		"sNext":     "Següent",
+		"sLast":     "Últim"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Chinese-traditional.lang b/webroot/components/datatables-plugins/i18n/Chinese-traditional.lang
new file mode 100644
index 0000000..ae748d2
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Chinese-traditional.lang
@@ -0,0 +1,29 @@
+/**
+ * Chinese (traditional) translation
+ *  @name Chinese (traditional)
+ *  @anchor Chinese (traditional)
+ *  @author <a href="https://gimmerank.com/">GimmeRank Affiliate</a>
+ *  @author <a href="https://github.com/PeterDaveHello">Peter Dave Hello</a>
+ */
+
+{
+	"processing":   "處理中...",
+	"loadingRecords": "載入中...",
+	"lengthMenu":   "顯示 _MENU_ 項結果",
+	"zeroRecords":  "沒有符合的結果",
+	"info":         "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",
+	"infoEmpty":    "顯示第 0 至 0 項結果，共 0 項",
+	"infoFiltered": "(從 _MAX_ 項結果中過濾)",
+	"infoPostFix":  "",
+	"search":       "搜尋:",
+	"paginate": {
+		"first":    "第一頁",
+		"previous": "上一頁",
+		"next":     "下一頁",
+		"last":     "最後一頁"
+	},
+	"aria": {
+		"sortAscending":  ": 升冪排列",
+		"sortDescending": ": 降冪排列"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Chinese.lang b/webroot/components/datatables-plugins/i18n/Chinese.lang
new file mode 100644
index 0000000..648a7e0
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Chinese.lang
@@ -0,0 +1,31 @@
+/**
+ * Chinese translation
+ *  @name Chinese
+ *  @anchor Chinese
+ *  @author <a href="http://docs.jquery.com/UI">Chi Cheng</a>
+ */
+
+{
+	"sProcessing":   "处理中...",
+	"sLengthMenu":   "显示 _MENU_ 项结果",
+	"sZeroRecords":  "没有匹配结果",
+	"sInfo":         "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
+	"sInfoEmpty":    "显示第 0 至 0 项结果，共 0 项",
+	"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
+	"sInfoPostFix":  "",
+	"sSearch":       "搜索:",
+	"sUrl":          "",
+	"sEmptyTable":     "表中数据为空",
+	"sLoadingRecords": "载入中...",
+	"sInfoThousands":  ",",
+	"oPaginate": {
+		"sFirst":    "首页",
+		"sPrevious": "上页",
+		"sNext":     "下页",
+		"sLast":     "末页"
+	},
+	"oAria": {
+		"sSortAscending":  ": 以升序排列此列",
+		"sSortDescending": ": 以降序排列此列"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Croatian.lang b/webroot/components/datatables-plugins/i18n/Croatian.lang
new file mode 100644
index 0000000..77214ee
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Croatian.lang
@@ -0,0 +1,30 @@
+/**
+ * Croatian translation
+ *  @name Croatian
+ *  @anchor Croatian
+ *  @author Predrag Mušić and _hrvoj3e_
+ */
+
+{
+    "sEmptyTable":      "Nema podataka u tablici",
+    "sInfo":            "Prikazano _START_ do _END_ od _TOTAL_ rezultata",
+    "sInfoEmpty":       "Prikazano 0 do 0 od 0 rezultata",
+    "sInfoFiltered":    "(filtrirano iz _MAX_ ukupnih rezultata)",
+    "sInfoPostFix":     "",
+    "sInfoThousands":   ",",
+    "sLengthMenu":      "Prikaži _MENU_ rezultata po stranici",
+    "sLoadingRecords":  "Dohvaćam...",
+    "sProcessing":      "Obrađujem...",
+    "sSearch":          "Pretraži:",
+    "sZeroRecords":     "Ništa nije pronađeno",
+    "oPaginate": {
+        "sFirst":       "Prva",
+        "sPrevious":    "Nazad",
+        "sNext":        "Naprijed",
+        "sLast":        "Zadnja"
+    },
+    "oAria": {
+        "sSortAscending":  ": aktiviraj za rastući poredak",
+        "sSortDescending": ": aktiviraj za padajući poredak"
+    }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Czech.lang b/webroot/components/datatables-plugins/i18n/Czech.lang
new file mode 100644
index 0000000..f2cbd4b
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Czech.lang
@@ -0,0 +1,30 @@
+/**
+ * Czech translation
+ *  @name Czech
+ *  @anchor Czech
+ *  @author <a href="http://blog.magerio.cz/">Magerio</a>
+ */
+
+{
+	"sEmptyTable":     "Tabulka neobsahuje žádná data",
+	"sInfo":           "Zobrazuji _START_ až _END_ z celkem _TOTAL_ záznamů",
+	"sInfoEmpty":      "Zobrazuji 0 až 0 z 0 záznamů",
+	"sInfoFiltered":   "(filtrováno z celkem _MAX_ záznamů)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  " ",
+	"sLengthMenu":     "Zobraz záznamů _MENU_",
+	"sLoadingRecords": "Načítám...",
+	"sProcessing":     "Provádím...",
+	"sSearch":         "Hledat:",
+	"sZeroRecords":    "Žádné záznamy nebyly nalezeny",
+	"oPaginate": {
+		"sFirst":    "První",
+		"sLast":     "Poslední",
+		"sNext":     "Další",
+		"sPrevious": "Předchozí"
+	},
+	"oAria": {
+		"sSortAscending":  ": aktivujte pro řazení sloupce vzestupně",
+		"sSortDescending": ": aktivujte pro řazení sloupce sestupně"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Danish.lang b/webroot/components/datatables-plugins/i18n/Danish.lang
new file mode 100644
index 0000000..1d98cc5
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Danish.lang
@@ -0,0 +1,24 @@
+/**
+ * Danish translation
+ *  @name Danish
+ *  @anchor Danish
+ *  @author <a href="http://www.kor.dk/">Werner Knudsen</a>
+ */
+
+{
+	"sProcessing":   "Henter...",
+	"sLengthMenu":   "Vis _MENU_ linjer",
+	"sZeroRecords":  "Ingen linjer matcher s&oslash;gningen",
+	"sInfo":         "Viser _START_ til _END_ af _TOTAL_ linjer",
+	"sInfoEmpty":    "Viser 0 til 0 af 0 linjer",
+	"sInfoFiltered": "(filtreret fra _MAX_ linjer)",
+	"sInfoPostFix":  "",
+	"sSearch":       "S&oslash;g:",
+	"sUrl":          "",
+	"oPaginate": {
+	    "sFirst":    "F&oslash;rste",
+	    "sPrevious": "Forrige",
+	    "sNext":     "N&aelig;ste",
+	    "sLast":     "Sidste"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Dutch.lang b/webroot/components/datatables-plugins/i18n/Dutch.lang
new file mode 100644
index 0000000..5b95976
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Dutch.lang
@@ -0,0 +1,30 @@
+/**
+ * Dutch translation
+ *  @name Dutch
+ *  @anchor Dutch
+ *  @author <a href="http://www.blikgooien.nl/">Erwin Kerk</a> and <i>ashwin</i>
+ */
+
+{
+    "sProcessing": "Bezig...",
+    "sLengthMenu": "_MENU_ resultaten weergeven",
+    "sZeroRecords": "Geen resultaten gevonden",
+    "sInfo": "_START_ tot _END_ van _TOTAL_ resultaten",
+    "sInfoEmpty": "Geen resultaten om weer te geven",
+    "sInfoFiltered": " (gefilterd uit _MAX_ resultaten)",
+    "sInfoPostFix": "",
+    "sSearch": "Zoeken:",
+    "sEmptyTable": "Geen resultaten aanwezig in de tabel",
+    "sInfoThousands": ".",
+    "sLoadingRecords": "Een moment geduld aub - bezig met laden...",
+    "oPaginate": {
+        "sFirst": "Eerste",
+        "sLast": "Laatste",
+        "sNext": "Volgende",
+        "sPrevious": "Vorige"
+    },
+    "oAria": {
+        "sSortAscending":  ": activeer om kolom oplopend te sorteren",
+        "sSortDescending": ": activeer om kolom aflopend te sorteren"
+    }
+}
diff --git a/webroot/components/datatables-plugins/i18n/English.lang b/webroot/components/datatables-plugins/i18n/English.lang
new file mode 100644
index 0000000..5fa998a
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/English.lang
@@ -0,0 +1,30 @@
+/**
+ * English - this is the default DataTables ships with
+ *  @name English
+ *  @anchor English
+ *  @author <a href="http://www.sprymedia.co.uk/">Allan Jardine</a>
+ */
+
+{
+	"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":    "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":     "Show _MENU_ entries",
+	"sLoadingRecords": "Loading...",
+	"sProcessing":     "Processing...",
+	"sSearch":         "Search:",
+	"sZeroRecords":    "No matching records found",
+	"oPaginate": {
+		"sFirst":    "First",
+		"sLast":     "Last",
+		"sNext":     "Next",
+		"sPrevious": "Previous"
+	},
+	"oAria": {
+		"sSortAscending":  ": activate to sort column ascending",
+		"sSortDescending": ": activate to sort column descending"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Esperanto.lang b/webroot/components/datatables-plugins/i18n/Esperanto.lang
new file mode 100644
index 0000000..7535164
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Esperanto.lang
@@ -0,0 +1,30 @@
+/**
+ * Esperanto
+ *  @name Esperanto
+ *  @anchor Esperanto
+ *  @author <a href="https://miestasmia.com">Mia Nordentoft</a>
+ */
+
+{
+	"sEmptyTable":     "Neniuj datumoj en tabelo",
+	"sInfo":           "Montras _START_ ĝis _END_ el _TOTAL_ vicoj",
+	"sInfoEmpty":      "Montras 0 ĝis 0 el 0 vicoj",
+	"sInfoFiltered":   "(filtrita el entute _MAX_ vicoj)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ".",
+	"sLengthMenu":     "Montri _MENU_ vicojn",
+	"sLoadingRecords": "Ŝarĝas ...",
+	"sProcessing":     "Pretigas ...",
+	"sSearch":         "Serĉi:",
+	"sZeroRecords":    "Neniuj rezultoj trovitaj",
+	"oPaginate": {
+		"sFirst":    "Unua",
+		"sLast":     "Lasta",
+		"sNext":     "Venonta",
+		"sPrevious": "Antaŭa"
+	},
+	"oAria": {
+		"sSortAscending":  ": aktivigi por filtri kolumnon kreskante",
+		"sSortDescending": ": aktivigi por filtri kolumnon malkreskante"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Estonian.lang b/webroot/components/datatables-plugins/i18n/Estonian.lang
new file mode 100644
index 0000000..0263fe5
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Estonian.lang
@@ -0,0 +1,23 @@
+/**
+ * Estonian translation
+ *  @name Estonian
+ *  @anchor Estonian
+ *  @author <a href="http://www.arts9.com/">Janek Todoruk</a>
+ */
+
+{
+	"sProcessing":   "Palun oodake, koostan kuvamiseks nimekirja!",
+	"sLengthMenu":   "N&auml;ita kirjeid _MENU_ kaupa",
+	"sZeroRecords":  "Otsitavat vastet ei leitud.",
+	"sInfo":         "Kuvatud: _TOTAL_ kirjet (_START_-_END_)",
+	"sInfoEmpty":    "Otsinguvasteid ei leitud",
+	"sInfoFiltered": " - filteeritud _MAX_ kirje seast.",
+	"sInfoPostFix":  "K&otilde;ik kuvatud kirjed p&otilde;hinevad reaalsetel tulemustel.",
+	"sSearch":       "Otsi k&otilde;ikide tulemuste seast:",
+	"oPaginate": {
+		"sFirst":      "Algus",
+		"sPrevious":   "Eelmine",
+		"sNext":       "J&auml;rgmine",
+		"sLast":       "Viimane"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Filipino.lang b/webroot/components/datatables-plugins/i18n/Filipino.lang
new file mode 100644
index 0000000..30b4bf7
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Filipino.lang
@@ -0,0 +1,24 @@
+/**
+ * Filipino translation
+ *  @name Filipino
+ *  @anchor Filipino
+ *  @author <a href="http://citi360.com/">Citi360</a>
+ */
+
+{
+	"sProcessing":   "Pagproseso...",
+	"sLengthMenu":   "Ipakita _MENU_ entries",
+	"sZeroRecords":  "Walang katugmang  mga talaan  na natagpuan",
+	"sInfo":         "Ipinapakita ang  _START_  sa _END_ ng _TOTAL_ entries",
+	"sInfoEmpty":    "Ipinapakita ang 0-0 ng 0 entries",
+	"sInfoFiltered": "(na-filter mula _MAX_ kabuuang entries)",
+	"sInfoPostFix":  "",
+	"sSearch":       "Paghahanap:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "Unang",
+		"sPrevious": "Nakaraan",
+		"sNext":     "Susunod",
+		"sLast":     "Huli"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Finnish.lang b/webroot/components/datatables-plugins/i18n/Finnish.lang
new file mode 100644
index 0000000..4b9fef4
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Finnish.lang
@@ -0,0 +1,48 @@
+/**
+ * Finnish translation
+ *  @name Finnish
+ *  @anchor Finnish
+ *  @author Seppo Äyräväinen
+ *  @author Viktors Cvetkovs
+ *  @author <a href="https://ironlions.fi">Niko Granö</a>
+ */
+
+{
+	"sEmptyTable":   "Ei näytettäviä tuloksia.",
+	"sInfo":         "Näytetään rivit _START_ - _END_ (yhteensä _TOTAL_ )",
+	"sInfoEmpty":    "Näytetään 0 - 0 (yhteensä 0)",
+	"sInfoFiltered": "(suodatettu _MAX_ tuloksen joukosta)",
+	"sInfoPostFix":  "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":   "Näytä kerralla _MENU_ riviä",
+	"sLoadingRecords": "Ladataan...", 
+	"sProcessing":   "Hetkinen...",
+	"sSearch":       "Etsi:",
+	"sZeroRecords":  "Tietoja ei löytynyt",
+	"oPaginate": {
+		"sFirst":    "Ensimmäinen",
+		"sLast":     "Viimeinen",
+		"sNext":     "Seuraava",
+		"sPrevious": "Edellinen"
+	},
+	"oAria": {
+		"sSortAscending":  ": lajittele sarake nousevasti",
+		"sSortDescending": ": lajittele sarake laskevasti"
+	},
+	"select": {
+		"rows": {
+			"_": "Valittuna %d riviä",
+			"0": "Klikkaa riviä valitaksesi sen",
+			"1": "Valittuna vain yksi rivi"
+		}
+	},
+	"buttons": {
+		"copy": "Kopioi",
+		"copySuccess": {
+			"1": "Yksi rivi kopioitu leikepöydälle",
+			"_": "%d riviä kopioitu leikepöydälle"
+		},
+		"copyTitle": "Kopioi leikepöydälle",
+		"copyKeys": "Paina <i>ctrl</i> tai <i>\u2318</i> + <i>C</i> kopioidaksesi taulukon arvot<br> leikepöydälle. <br><br>Peruuttaaksesi klikkaa tähän tai Esc."
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/French.lang b/webroot/components/datatables-plugins/i18n/French.lang
new file mode 100644
index 0000000..ccb9ca4
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/French.lang
@@ -0,0 +1,36 @@
+/**
+ * French translation
+ *  @name French
+ *  @anchor French
+ *  @author 
+ */
+
+{
+	"sProcessing":     "Traitement en cours...",
+	"sSearch":         "Rechercher&nbsp;:",
+    "sLengthMenu":     "Afficher _MENU_ &eacute;l&eacute;ments",
+	"sInfo":           "Affichage de l'&eacute;l&eacute;ment _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
+	"sInfoEmpty":      "Affichage de l'&eacute;l&eacute;ment 0 &agrave; 0 sur 0 &eacute;l&eacute;ment",
+	"sInfoFiltered":   "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
+	"sInfoPostFix":    "",
+	"sLoadingRecords": "Chargement en cours...",
+    "sZeroRecords":    "Aucun &eacute;l&eacute;ment &agrave; afficher",
+	"sEmptyTable":     "Aucune donn&eacute;e disponible dans le tableau",
+	"oPaginate": {
+		"sFirst":      "Premier",
+		"sPrevious":   "Pr&eacute;c&eacute;dent",
+		"sNext":       "Suivant",
+		"sLast":       "Dernier"
+	},
+	"oAria": {
+		"sSortAscending":  ": activer pour trier la colonne par ordre croissant",
+		"sSortDescending": ": activer pour trier la colonne par ordre d&eacute;croissant"
+	},
+	"select": {
+        	"rows": {
+         		"_": "%d lignes s&eacute;lectionn&eacute;es",
+         		"0": "Aucune ligne s&eacute;lectionn&eacute;e",
+        		"1": "1 ligne s&eacute;lectionn&eacute;e"
+        	}  
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Galician.lang b/webroot/components/datatables-plugins/i18n/Galician.lang
new file mode 100644
index 0000000..96b2771
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Galician.lang
@@ -0,0 +1,32 @@
+/**
+ * Galician translation
+ *  @name Galician
+ *  @anchor Galician
+ *  @author <i>Emilio</i>
+ *  @author <i>Xosé Antonio Rubal López</i>
+ */
+
+{
+	"sProcessing":     "Procesando...",
+	"sLengthMenu":     "Mostrar _MENU_ rexistros",
+	"sZeroRecords":    "Non se atoparon resultados",
+	"sEmptyTable":     "Ningún dato dispoñible nesta táboa",
+	"sInfo":           "Mostrando rexistros do _START_ ao _END_ dun total de _TOTAL_ rexistros",
+	"sInfoEmpty":      "Mostrando rexistros do 0 ao 0 dun total de 0 rexistros",
+	"sInfoFiltered":   "(filtrado dun total de _MAX_ rexistros)",
+	"sInfoPostFix":    "",
+	"sSearch":         "Buscar:",
+	"sUrl":            "",
+	"sInfoThousands":  ",",
+	"sLoadingRecords": "Cargando...",
+	"oPaginate": {
+		"sFirst":    "Primeiro",
+		"sLast":     "Último",
+		"sNext":     "Seguinte",
+		"sPrevious": "Anterior"
+	},
+	"oAria": {
+		"sSortAscending":  ": Activar para ordenar a columna de maneira ascendente",
+		"sSortDescending": ": Activar para ordenar a columna de maneira descendente"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Georgian.lang b/webroot/components/datatables-plugins/i18n/Georgian.lang
new file mode 100644
index 0000000..2f34875
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Georgian.lang
@@ -0,0 +1,30 @@
+/**
+ * Georgian translation
+ *  @name Georgian
+ *  @anchor Georgian
+ *  @author Mikheil Nadareishvili, updated by <a href="http://www.brunjadze.xyz/">Mirza Brunjadze</a>
+ */
+
+{
+	"sEmptyTable":     "ცხრილში არ არის მონაცემები",
+	"sInfo":           "ნაჩვენებია ჩანაწერები _START_–დან _END_–მდე, _TOTAL_ ჩანაწერიდან",
+	"sInfoEmpty":      "ნაჩვენებია ჩანაწერები 0–დან 0–მდე, 0 ჩანაწერიდან",
+	"sInfoFiltered":   "(გაფილტრული შედეგი _MAX_ ჩანაწერიდან)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ".",
+	"sLengthMenu":     "აჩვენე _MENU_ ჩანაწერი",
+	"sLoadingRecords": "იტვირთება...",
+	"sProcessing":     "მუშავდება...",
+	"sSearch":         "ძიება:",
+	"sZeroRecords":    "არაფერი მოიძებნა",
+	"oPaginate": {
+		"sFirst":    "პირველი",
+		"sLast":     "ბოლო",
+		"sNext":     "შემდეგი",
+		"sPrevious": "წინა"
+	},
+	"oAria": {
+		"sSortAscending":  ": სვეტის დალაგება ზრდის მიხედვით",
+		"sSortDescending": ": სვეტის დალაგება კლების მიხედვით"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/German.lang b/webroot/components/datatables-plugins/i18n/German.lang
new file mode 100644
index 0000000..b7a429b
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/German.lang
@@ -0,0 +1,50 @@
+/**
+ * German translation
+ *  @name German
+ *  @anchor German
+ *  @author Joerg Holz
+ *  @author DJmRek - Markus Bergt
+ *  @author OSWorX https://osworx.net
+ */
+
+{
+	"sEmptyTable":   	"Keine Daten in der Tabelle vorhanden",
+	"sInfo":         	"_START_ bis _END_ von _TOTAL_ Einträgen",
+	"sInfoEmpty":    	"Keine Daten vorhanden",
+	"sInfoFiltered": 	"(gefiltert von _MAX_ Einträgen)",
+	"sInfoPostFix":  	"",
+	"sInfoThousands":  	".",
+	"sLengthMenu":   	"_MENU_ Einträge anzeigen",
+	"sLoadingRecords": 	"Wird geladen ..",
+	"sProcessing":   	"Bitte warten ..",
+	"sSearch":       	"Suchen",
+	"sZeroRecords":  	"Keine Einträge vorhanden",
+	"oPaginate": {
+		"sFirst":    	"Erste",
+		"sPrevious": 	"Zurück",
+		"sNext":     	"Nächste",
+		"sLast":     	"Letzte"
+	},
+	"oAria": {
+		"sSortAscending":  ": aktivieren, um Spalte aufsteigend zu sortieren",
+		"sSortDescending": ": aktivieren, um Spalte absteigend zu sortieren"
+	},
+	"select": {
+    	"rows": {
+			"_": "%d Zeilen ausgewählt",
+			"0": "",
+			"1": "1 Zeile ausgewählt"
+	    }
+	},
+	"buttons": {
+		"print":	"Drucken",
+		"colvis":	"Spalten",
+		"copy":		"Kopieren",
+		"copyTitle":	"In Zwischenablage kopieren",
+		"copyKeys":	"Taste <i>ctrl</i> oder <i>\u2318</i> + <i>C</i> um Tabelle<br>in Zwischenspeicher zu kopieren.<br><br>Um abzubrechen die Nachricht anklicken oder Escape drücken.",
+		"copySuccess": {
+			"_": "%d Zeilen kopiert",
+			"1": "1 Zeile kopiert"
+		}
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Greek.lang b/webroot/components/datatables-plugins/i18n/Greek.lang
new file mode 100644
index 0000000..9d4f83a
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Greek.lang
@@ -0,0 +1,35 @@
+/**
+ * Greek translation
+ *  @name Greek
+ *  @anchor Greek
+ *  @author Abraam Ziogas
+ *  @author Leonidas Arvanitis
+ */
+
+{
+	"sDecimal":           ",",
+	"sEmptyTable":        "Δεν υπάρχουν δεδομένα στον πίνακα",
+	"sInfo":              "Εμφανίζονται _START_ έως _END_ από _TOTAL_ εγγραφές",
+	"sInfoEmpty":         "Εμφανίζονται 0 έως 0 από 0 εγγραφές",
+	"sInfoFiltered":      "(φιλτραρισμένες από _MAX_ συνολικά εγγραφές)",
+	"sInfoPostFix":       "",
+	"sInfoThousands":     ".",
+	"sLengthMenu":        "Δείξε _MENU_ εγγραφές",
+	"sLoadingRecords":    "Φόρτωση...",
+	"sProcessing":        "Επεξεργασία...",
+	"sSearch":            "Αναζήτηση:",
+	"sSearchPlaceholder": "Αναζήτηση",
+	"sThousands":         ".",
+	"sUrl":               "",
+	"sZeroRecords":       "Δεν βρέθηκαν εγγραφές που να ταιριάζουν",
+	"oPaginate": {
+		"sFirst":    "Πρώτη",
+		"sPrevious": "Προηγούμενη",
+		"sNext":     "Επόμενη",
+		"sLast":     "Τελευταία"
+	},
+	"oAria": {
+		"sSortAscending":  ": ενεργοποιήστε για αύξουσα ταξινόμηση της στήλης",
+		"sSortDescending": ": ενεργοποιήστε για φθίνουσα ταξινόμηση της στήλης"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Gujarati.lang b/webroot/components/datatables-plugins/i18n/Gujarati.lang
new file mode 100644
index 0000000..224cd5e
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Gujarati.lang
@@ -0,0 +1,30 @@
+/**
+ * Gujarati translation
+ *  @name Gujarati
+ *  @anchor Gujarati
+ *  @author <a href="http://www.apoto.com/">Apoto</a>
+ */
+
+{
+	"sEmptyTable":     "કોષ્ટકમાં કોઈ ડેટા ઉપલબ્ધ નથી",
+	"sInfo":           "કુલ_પ્રવેશો_અંત_પ્રારંભ_દર્શાવે_છે",
+	"sInfoEmpty":      "0 પ્રવેશો 0 0 બતાવી રહ્યું છે",
+	"sInfoFiltered":   "(_MAX_ કુલ પ્રવેશો માંથી ફિલ્ટર)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":     "બતાવો _MENU_ પ્રવેશો",
+	"sLoadingRecords": "લોડ કરી રહ્યું છે ...",
+	"sProcessing":     "પ્રક્રિયા ...",
+	"sSearch":         "શોધો:",
+	"sZeroRecords":    "કોઈ મેળ ખાતા રેકોર્ડ મળી",
+	"oPaginate": {
+		"sFirst":      "પ્રથમ",
+		"sLast":       "અંતિમ",
+		"sNext":       "આગામી",
+		"sPrevious":   "ગત"
+	},
+	"oAria": {
+		"sSortAscending":  ": સ્તંભ ચડતા ક્રમમાં ગોઠવવા માટે સક્રિય",
+		"sSortDescending": ": કૉલમ ઉતરતા ક્રમમાં ગોઠવવા માટે સક્રિય"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Hebrew.lang b/webroot/components/datatables-plugins/i18n/Hebrew.lang
new file mode 100644
index 0000000..72a8df6
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Hebrew.lang
@@ -0,0 +1,25 @@
+/**
+ * Hebrew translation
+ *  @name Hebrew
+ *  @anchor Hebrew
+ *  @author <a href="http://ww3.co.il/">Neil Osman (WW3)</a>
+ */
+
+{
+    "processing":   "מעבד...",
+    "lengthMenu":   "הצג _MENU_ פריטים",
+    "zeroRecords":  "לא נמצאו רשומות מתאימות",
+    "emptyTable":   "לא נמצאו רשומות מתאימות",
+    "info": "_START_ עד _END_ מתוך _TOTAL_ רשומות" ,
+    "infoEmpty":    "0 עד 0 מתוך 0 רשומות",
+    "infoFiltered": "(מסונן מסך _MAX_  רשומות)",
+    "infoPostFix":  "",
+    "search":       "חפש:",
+    "url":          "",
+    "paginate": {
+        "first":    "ראשון",
+        "previous": "קודם",
+        "next":     "הבא",
+        "last":     "אחרון"
+    }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Hindi.lang b/webroot/components/datatables-plugins/i18n/Hindi.lang
new file mode 100644
index 0000000..8013e88
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Hindi.lang
@@ -0,0 +1,24 @@
+/**
+ * Hindi translation
+ *  @name Hindi
+ *  @anchor Hindi
+ *  @author <a href="http://outshinesolutions.com">Outshine Solutions</a>
+ */
+
+{
+	"sProcessing":   "प्रगति पे हैं ...",
+	"sLengthMenu":   " _MENU_ प्रविष्टियां दिखाएं ",
+	"sZeroRecords":  "रिकॉर्ड्स का मेल नहीं मिला",
+	"sInfo":         "_START_ to _END_ of _TOTAL_ प्रविष्टियां दिखा रहे हैं",
+	"sInfoEmpty":    "0 में से 0 से 0 प्रविष्टियां दिखा रहे हैं",
+	"sInfoFiltered": "(_MAX_ कुल प्रविष्टियों में से छठा हुआ)",
+	"sInfoPostFix":  "",
+	"sSearch":       "खोजें:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "प्रथम",
+		"sPrevious": "पिछला",
+		"sNext":     "अगला",
+		"sLast":     "अंतिम"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Hungarian.lang b/webroot/components/datatables-plugins/i18n/Hungarian.lang
new file mode 100644
index 0000000..0953d5f
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Hungarian.lang
@@ -0,0 +1,47 @@
+/**
+ * Hungarian translation
+ *  @name Hungarian
+ *  @anchor Hungarian
+ *  @author <a href="http://www.maschek.hu">Adam Maschek</a>, Lajos Cseppentő, Márk Matus
+ */
+
+{
+   "sEmptyTable": "Nincs rendelkezésre álló adat",
+   "sInfo": "Találatok: _START_ - _END_ Összesen: _TOTAL_",
+   "sInfoEmpty": "Nulla találat",
+   "sInfoFiltered": "(_MAX_ összes rekord közül szűrve)",
+   "sInfoPostFix": "",
+   "sInfoThousands": " ",
+   "sLengthMenu": "_MENU_ találat oldalanként",
+   "sLoadingRecords": "Betöltés...",
+   "sProcessing": "Feldolgozás...",
+   "sSearch": "Keresés:",
+   "sZeroRecords": "Nincs a keresésnek megfelelő találat",
+   "oPaginate": {
+       "sFirst": "Első",
+       "sPrevious": "Előző",
+       "sNext": "Következő",
+       "sLast": "Utolsó"
+   },
+   "oAria": {
+       "sSortAscending": ": aktiválja a növekvő rendezéshez",
+       "sSortDescending": ": aktiválja a csökkenő rendezéshez"
+   },
+   "select": {
+       "rows": {
+           "_": "%d sor kiválasztva",
+           "0": "",
+           "1": "1 sor kiválasztva"
+       }
+   },
+   "buttons": {
+       "print": "Nyomtatás",
+       "colvis": "Oszlopok",
+       "copy": "Másolás",
+       "copyTitle": "Vágólapra másolás",
+       "copySuccess": {
+           "_": "%d sor másolva",
+           "1": "1 sor másolva"
+       }
+   }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Icelandic.lang b/webroot/components/datatables-plugins/i18n/Icelandic.lang
new file mode 100644
index 0000000..e17feb0
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Icelandic.lang
@@ -0,0 +1,30 @@
+/**
+ * Icelandic translation
+ *  @name Icelandic
+ *  @anchor Icelandic
+ *  @author Finnur Kolbeinsson
+ */
+
+{
+	"sEmptyTable":     "Engin gögn eru í þessari töflu",
+	"sInfo":           "Sýni _START_ til _END_ af _TOTAL_ færslum",
+	"sInfoEmpty":      "Sýni 0 til 0 af 0 færslum",
+	"sInfoFiltered":   "(síað út frá _MAX_ færslum)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ".",
+	"sLengthMenu":     "Sýna _MENU_ færslur",
+	"sLoadingRecords": "Hleð...",
+	"sProcessing":     "Úrvinnsla...",
+	"sSearch":         "Leita:",
+	"sZeroRecords":    "Engar færslur fundust",
+	"oPaginate": {
+		"sFirst":    "Fyrsta",
+		"sLast":     "Síðasta",
+		"sNext":     "Næsta",
+		"sPrevious": "Fyrri"
+	},
+	"oAria": {
+		"sSortAscending":  ": virkja til að raða dálki í hækkandi röð",
+		"sSortDescending": ": virkja til að raða dálki lækkandi í röð"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Indonesian-Alternative.lang b/webroot/components/datatables-plugins/i18n/Indonesian-Alternative.lang
new file mode 100644
index 0000000..1db780b
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Indonesian-Alternative.lang
@@ -0,0 +1,24 @@
+/**
+ * Indonesian translation
+ *  @name Indonesian
+ *  @anchor Indonesian
+ *  @author Landung Wahana
+ */
+
+{
+   "sProcessing":   "Sedang proses...",
+   "sLengthMenu":   "Tampilan _MENU_ entri",
+   "sZeroRecords":  "Tidak ditemukan data yang sesuai",
+   "sInfo":         "Tampilan _START_ sampai _END_ dari _TOTAL_ entri",
+   "sInfoEmpty":    "Tampilan 0 hingga 0 dari 0 entri",
+   "sInfoFiltered": "(disaring dari _MAX_ entri keseluruhan)",
+   "sInfoPostFix":  "",
+   "sSearch":       "Cari:",
+   "sUrl":          "",
+   "oPaginate": {
+       "sFirst":    "Awal",
+       "sPrevious": "Balik",
+       "sNext":     "Lanjut",
+       "sLast":     "Akhir"
+   }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Indonesian.lang b/webroot/components/datatables-plugins/i18n/Indonesian.lang
new file mode 100644
index 0000000..2db32a6
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Indonesian.lang
@@ -0,0 +1,25 @@
+/**
+ * Indonesian translation
+ *  @name Indonesian
+ *  @anchor Indonesian
+ *  @author Cipto Hadi
+ */
+
+{
+	"sEmptyTable":	 "Tidak ada data yang tersedia pada tabel ini",
+	"sProcessing":   "Sedang memproses...",
+	"sLengthMenu":   "Tampilkan _MENU_ entri",
+	"sZeroRecords":  "Tidak ditemukan data yang sesuai",
+	"sInfo":         "Menampilkan _START_ sampai _END_ dari _TOTAL_ entri",
+	"sInfoEmpty":    "Menampilkan 0 sampai 0 dari 0 entri",
+	"sInfoFiltered": "(disaring dari _MAX_ entri keseluruhan)",
+	"sInfoPostFix":  "",
+	"sSearch":       "Cari:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "Pertama",
+		"sPrevious": "Sebelumnya",
+		"sNext":     "Selanjutnya",
+		"sLast":     "Terakhir"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Irish.lang b/webroot/components/datatables-plugins/i18n/Irish.lang
new file mode 100644
index 0000000..7f69db9
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Irish.lang
@@ -0,0 +1,24 @@
+/**
+ * Irish translation
+ *  @name Irish
+ *  @anchor Irish
+ *  @author <a href="http://letsbefamous.com">Lets Be Famous Journal</a>
+ */
+
+{
+	"sProcessing":   "Próiseáil...",
+	"sLengthMenu":   "Taispeáin iontrálacha _MENU_",
+	"sZeroRecords":  "Gan aon taifead meaitseáil aimsithe",
+	"sInfo":         "_START_ Showing a _END_ na n-iontrálacha  _TOTAL_",
+	"sInfoEmpty":    "Showing 0-0 na n-iontrálacha  0",
+	"sInfoFiltered": "(scagtha ó _MAX_ iontrálacha iomlán)",
+	"sInfoPostFix":  "",
+	"sSearch":       "Cuardaigh:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "An Chéad",
+		"sPrevious": "Roimhe Seo",
+		"sNext":     "Ar Aghaidh",
+		"sLast":     "Last"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Italian.lang b/webroot/components/datatables-plugins/i18n/Italian.lang
new file mode 100644
index 0000000..8992544
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Italian.lang
@@ -0,0 +1,30 @@
+/**
+ * Italian translation
+ *  @name Italian
+ *  @anchor Italian
+ *  @author Nicola Zecchin & Giulio Quaresima
+ */
+
+{
+	"sEmptyTable":     "Nessun dato presente nella tabella",
+	"sInfo":           "Vista da _START_ a _END_ di _TOTAL_ elementi",
+	"sInfoEmpty":      "Vista da 0 a 0 di 0 elementi",
+	"sInfoFiltered":   "(filtrati da _MAX_ elementi totali)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ".",
+	"sLengthMenu":     "Visualizza _MENU_ elementi",
+	"sLoadingRecords": "Caricamento...",
+	"sProcessing":     "Elaborazione...",
+	"sSearch":         "Cerca:",
+	"sZeroRecords":    "La ricerca non ha portato alcun risultato.",
+	"oPaginate": {
+		"sFirst":      "Inizio",
+		"sPrevious":   "Precedente",
+		"sNext":       "Successivo",
+		"sLast":       "Fine"
+	},
+	"oAria": {
+		"sSortAscending":  ": attiva per ordinare la colonna in ordine crescente",
+		"sSortDescending": ": attiva per ordinare la colonna in ordine decrescente"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Japanese.lang b/webroot/components/datatables-plugins/i18n/Japanese.lang
new file mode 100644
index 0000000..5aa6d36
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Japanese.lang
@@ -0,0 +1,30 @@
+/**
+ * Japanese translation
+ *  @name Japanese
+ *  @anchor Japanese
+ *  @author <i>yusuke</i> and <a href="https://github.com/wiraqutra">Seigo ISHINO</a>
+ */
+
+{
+  "sEmptyTable":     "テーブルにデータがありません",
+  "sInfo":           " _TOTAL_ 件中 _START_ から _END_ まで表示",
+	"sInfoEmpty":      " 0 件中 0 から 0 まで表示",
+	"sInfoFiltered":   "（全 _MAX_ 件より抽出）",
+  "sInfoPostFix":    "",
+  "sInfoThousands":  ",",
+	"sLengthMenu":     "_MENU_ 件表示",
+  "sLoadingRecords": "読み込み中...",
+	"sProcessing":     "処理中...",
+  "sSearch":         "検索:",
+	"sZeroRecords":    "一致するレコードがありません",
+	"oPaginate": {
+		"sFirst":    "先頭",
+		"sLast":     "最終",
+		"sNext":     "次",
+		"sPrevious": "前"
+	},
+  "oAria": {
+		"sSortAscending":  ": 列を昇順に並べ替えるにはアクティブにする",
+		"sSortDescending": ": 列を降順に並べ替えるにはアクティブにする"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Kazakh.lang b/webroot/components/datatables-plugins/i18n/Kazakh.lang
new file mode 100644
index 0000000..e78b3de
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Kazakh.lang
@@ -0,0 +1,28 @@
+/**
+ *  Kazakh translation
+ *  @name Kazakh
+ *  @anchor Kazakh
+ *  @author <a href="https://github.com/talgautb">Talgat Uspanov</a>
+ */
+ {
+  "processing": "Күте тұрыңыз...",
+  "search": "Іздеу:",
+  "lengthMenu": "Жазбалар  _MENU_ көрсету",
+  "info": "_TOTAL_ жазбалары бойынша _START_ бастап _END_ дейінгі жазбалар",
+  "infoEmpty": "0 жазбалары бойынша 0 бастап 0 дейінгі жазбалар",
+  "infoFiltered": "(_MAX_ жазбасынан сұрыпталды)",
+  "infoPostFix": "",
+  "loadingRecords": "Жазбалар жүктемесі...",
+  "zeroRecords": "Жазбалар жоқ",
+  "emptyTable": "Кестеде деректер жоқ",
+  "paginate": {
+    "first": "Бірінші",
+    "previous": "Алдыңғысы",
+    "next": "Келесі",
+    "last": "Соңғы"
+  },
+  "aria": {
+    "sortAscending": ": өсімі бойынша бағанды сұрыптау үшін активациялау",
+    "sortDescending": ": кемуі бойынша бағанды сұрыптау үшін активациялау"
+  }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Khmer.lang b/webroot/components/datatables-plugins/i18n/Khmer.lang
new file mode 100644
index 0000000..7cdff1b
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Khmer.lang
@@ -0,0 +1,30 @@
+/**
+ * Khmer translation
+ *  @name Khmer
+ *  @anchor Khmer
+ *  @author Sokunthearith Makara
+ */
+
+{
+    "sEmptyTable":     "មិនមានទិន្នន័យក្នុងតារាងនេះទេ",
+    "sInfo":           "បង្ហាញជួរទី _START_ ដល់ទី _END_ ក្នុងចំណោម _TOTAL_ ជួរ",
+    "sInfoEmpty":      "បង្ហាញជួរទី 0 ដល់ទី 0 ក្នុងចំណោម 0 ជួរ",
+    "sInfoFiltered":   "(បានចម្រាញ់ចេញពីទិន្នន័យសរុប _MAX_ ជួរ)",
+    "sInfoPostFix":    "",
+    "sInfoThousands":  ",",
+    "sLengthMenu":     "បង្ហាញ _MENU_ ជួរ",
+    "sLoadingRecords": "កំពុងផ្ទុក...",
+    "sProcessing":     "កំពុងដំណើរការ...",
+    "sSearch":         "ស្វែងរក:",
+    "sZeroRecords":    "មិនមានទិន្នន័យត្រូវតាមលក្ខខណ្ឌស្វែងរកទេ",
+    "oPaginate": {
+        "sFirst":    "ដំបូងគេ",
+        "sLast":     "ចុងក្រោយ",
+        "sNext":     "បន្ទាប់",
+        "sPrevious": "ក្រោយ"
+    },
+    "oAria": {
+        "sSortAscending":  ": ចុចដើម្បីរៀបជួរឈរនេះតាមលំដាប់ឡើង",
+        "sSortDescending": ": ចុចដើម្បីរៀបជួរឈរនេះតាមលំដាប់ចុះ"
+    }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Korean.lang b/webroot/components/datatables-plugins/i18n/Korean.lang
new file mode 100644
index 0000000..9a04c01
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Korean.lang
@@ -0,0 +1,30 @@
+/**
+ * Korean translation
+ *  @name Korean
+ *  @anchor Korean
+ *  @author WonGoo Lee
+ */
+
+{
+   "sEmptyTable":     "데이터가 없습니다",
+   "sInfo":           "_START_ - _END_ / _TOTAL_",
+   "sInfoEmpty":      "0 - 0 / 0",
+   "sInfoFiltered":   "(총 _MAX_ 개)",
+   "sInfoPostFix":    "",
+   "sInfoThousands":  ",",
+   "sLengthMenu":     "페이지당 줄수 _MENU_",
+   "sLoadingRecords": "읽는중...",
+   "sProcessing":     "처리중...",
+   "sSearch":         "검색:",
+   "sZeroRecords":    "검색 결과가 없습니다",
+   "oPaginate": {
+       "sFirst":    "처음",
+       "sLast":     "마지막",
+       "sNext":     "다음",
+       "sPrevious": "이전"
+   },
+   "oAria": {
+       "sSortAscending":  ": 오름차순 정렬",
+       "sSortDescending": ": 내림차순 정렬"
+   }
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Kyrgyz.lang b/webroot/components/datatables-plugins/i18n/Kyrgyz.lang
new file mode 100644
index 0000000..b04b909
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Kyrgyz.lang
@@ -0,0 +1,29 @@
+/**
+ *  @name Kyrgyz
+ *  @anchor Kyrgyz
+ *  @author <a href="https://github.com/nursultan92/">Nursultan Turdaliev</a> and _tynar_
+ */
+
+{
+	"sEmptyTable":     "Таблицада эч кандай берилиш жок",
+	"sInfo":           "Жалпы _TOTAL_ саптын ичинен _START_-саптан _END_-сапка чейинкилер",
+	"sInfoEmpty":      "Жалпы 0 саптын ичинен 0-саптан 0-сапка чейинкилер",
+	"sInfoFiltered":   "(жалпы _MAX_ саптан фильтрленди)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  " ",
+	"sLengthMenu":     "_MENU_ саптан көрсөт",
+	"sLoadingRecords": "Жүктөлүүдө...",
+	"sProcessing":     "Иштеп жатат...",
+	"sSearch":         "Издөө:",
+	"sZeroRecords":    "Туура келген бир да сап жок",
+	"oPaginate": {
+		"sFirst":    "Биринчи",
+		"sLast":     "Акыркы",
+		"sNext":     "Кийинки",
+		"sPrevious": "Мурунку"
+	},
+	"oAria": {
+		"sSortAscending":  ": иретте",
+		"sSortDescending": ": тескери иретте"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Latvian.lang b/webroot/components/datatables-plugins/i18n/Latvian.lang
new file mode 100644
index 0000000..d923245
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Latvian.lang
@@ -0,0 +1,28 @@
+/**
+ * Latvian translation
+ *  @name Latvian
+ *  @anchor Latvian
+ *  @author Oskars Podans, Ruslans Jermakovičs and Edgars
+ */
+{
+	"processing": "Uzgaidiet ...",
+	"search": "Meklēt:",
+	"lengthMenu": "Rādīt _MENU_ ierakstus",
+	"info": "Parādīti _START_ līdz _END_ no _TOTAL_ ierakstiem",
+	"infoEmpty": "Nav ierakstu",
+	"infoFiltered": "(atlasīts no pavisam _MAX_ ierakstiem)",
+	"infoPostFix": "",
+	"loadingRecords": "Notiek ielāde ...",
+	"zeroRecords": "Nav atrasti vaicājumam atbilstoši ieraksti",
+	"emptyTable": "Tabulā nav datu",
+	"paginate": {
+		"first": "Pirmā",
+		"previous": "Iepriekšējā",
+		"next": "Nākošā",
+		"last": "Pēdējā"
+	},
+	"aria": {
+		"sortAscending": ": aktivizēt kolonnu, lai kārtotu augoši",
+		"sortDescending": ": aktivizēt kolonnu, lai kārtotu dilstoši"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Lithuanian.lang b/webroot/components/datatables-plugins/i18n/Lithuanian.lang
new file mode 100644
index 0000000..61d188c
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Lithuanian.lang
@@ -0,0 +1,30 @@
+/**
+ * Lithuanian translation
+ *  @name Lithuanian
+ *  @anchor Lithuanian
+ *  @author <a href="http://www.kurdingopinigai.lt">Kęstutis Morkūnas</a>
+ *  @author Algirdas Brazas
+ */
+
+{
+    "sEmptyTable":      "Lentelėje nėra duomenų",
+    "sInfo":            "Rodomi įrašai nuo _START_ iki _END_ iš _TOTAL_ įrašų",
+    "sInfoEmpty":       "Rodomi įrašai nuo 0 iki 0 iš 0",
+    "sInfoFiltered":    "(atrinkta iš _MAX_ įrašų)",
+    "sInfoPostFix":     "",
+    "sInfoThousands":   " ",
+    "sLengthMenu":      "Rodyti _MENU_ įrašus",
+    "sLoadingRecords":  "Įkeliama...",
+    "sProcessing":      "Apdorojama...",
+    "sSearch":          "Ieškoti:",
+    "sThousands":       " ",
+    "sUrl":             "",
+    "sZeroRecords":     "Įrašų nerasta",
+
+    "oPaginate": {
+        "sFirst": "Pirmas",
+        "sPrevious": "Ankstesnis",
+        "sNext": "Tolimesnis",
+        "sLast": "Paskutinis"
+    }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Macedonian.lang b/webroot/components/datatables-plugins/i18n/Macedonian.lang
new file mode 100644
index 0000000..38e1f56
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Macedonian.lang
@@ -0,0 +1,26 @@
+/**
+ * Macedonian translation
+ *  @name Macedonian
+ *  @anchor Macedonian
+ *  @author Bojan Petkovski
+ */
+
+{
+	"sProcessing":     "Процесирање...",
+	"sLengthMenu":     "Прикажи _MENU_ записи",
+	"sZeroRecords":    "Не се пронајдени записи",
+	"sEmptyTable":	   "Нема податоци во табелата",
+	"sLoadingRecords": "Вчитување...",
+	"sInfo":           "Прикажани _START_ до _END_ од _TOTAL_ записи",
+	"sInfoEmpty":      "Прикажани 0 до 0 од 0 записи",
+	"sInfoFiltered":   "(филтрирано од вкупно _MAX_ записи)",
+	"sInfoPostFix":    "",
+	"sSearch":         "Барај",
+	"sUrl": "",
+	"oPaginate": {
+		"sFirst":      "Почетна",
+		"sPrevious":   "Претходна",
+		"sNext":       "Следна",
+		"sLast":       "Последна"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Malay.lang b/webroot/components/datatables-plugins/i18n/Malay.lang
new file mode 100644
index 0000000..3e3d10d
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Malay.lang
@@ -0,0 +1,30 @@
+/**
+ * Malay translation
+ *  @name Malay
+ *  @anchor Malay
+ *  @author Mohamad Zharif
+ */
+
+{
+	"sEmptyTable":		"Tiada data",
+	"sInfo":         	"Paparan dari _START_ hingga _END_ dari _TOTAL_ rekod",
+	"sInfoEmpty":    	"Paparan 0 hingga 0 dari 0 rekod",
+	"sInfoFiltered": 	"(Ditapis dari jumlah _MAX_ rekod)",
+	"sInfoPostFix":  	"",
+	"sInfoThousands":  	",",
+	"sLengthMenu":		"Papar _MENU_ rekod",
+	"sLoadingRecords": 	"Diproses...",
+	"sProcessing":		"Sedang diproses...",
+	"sSearch":       	"Carian:",
+   "sZeroRecords":  	"Tiada padanan rekod yang dijumpai.",
+   "oPaginate": {
+       "sFirst":    	"Pertama",
+       "sPrevious": 	"Sebelum",
+       "sNext":     	"Kemudian",
+       "sLast":     	"Akhir"
+   },
+   "oAria": {
+       "sSortAscending":  ": diaktifkan kepada susunan lajur menaik",
+       "sSortDescending": ": diaktifkan kepada susunan lajur menurun"
+   }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Mongolian.lang b/webroot/components/datatables-plugins/i18n/Mongolian.lang
new file mode 100644
index 0000000..22618a0
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Mongolian.lang
@@ -0,0 +1,30 @@
+/**
+ * Mongolian - Монгол хэлний орчуулга
+ *  @name Mongolian
+ *  @anchor Mongolian
+ *  @author <a href="http://www.Batmandakh.com/">Batmandakh Erdenebileg</a>
+ */
+
+{
+	"sEmptyTable":     "Хүснэгт хоосон байна",
+        "sInfo":           "Нийт _TOTAL_ бичлэгээс _START_ - _END_ харуулж байна",
+        "sInfoEmpty":      "Тохирох үр дүн алга",
+        "sInfoFiltered":   "(нийт _MAX_ бичлэгээс шүүв)",
+        "sInfoPostFix":    "",
+        "sInfoThousands":  ",",
+        "sLengthMenu":     "Дэлгэцэд _MENU_ бичлэг харуулна",
+        "sLoadingRecords": "Ачааллаж байна...",
+        "sProcessing":     "Боловсруулж байна...",
+        "sSearch":         "Хайлт:",
+        "sZeroRecords":    "Тохирох бичлэг олдсонгүй",
+        "oPaginate": {
+        	"sFirst":    "Эхнийх",
+                "sLast":     "Сүүлийнх",
+                "sNext":     "Өмнөх",
+                "sPrevious": "Дараах"
+        },
+        "oAria": {
+                "sSortAscending":  ": цагаан толгойн дарааллаар эрэмбэлэх",
+                "sSortDescending": ": цагаан толгойн эсрэг дарааллаар эрэмбэлэх"
+        }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Nepali.lang b/webroot/components/datatables-plugins/i18n/Nepali.lang
new file mode 100644
index 0000000..40166b4
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Nepali.lang
@@ -0,0 +1,31 @@
+/**
+ * Nepali
+ *  @name Nepali
+ *  @anchor Nepali
+ *  @author Bishwo Adhikari
+ */
+
+{
+	"sEmptyTable":	 "टेबलमा डाटा उपलब्ध भएन",
+	"sInfo":         "_TOTAL_ रेकर्ड मध्य _START_ देखि _END_ रेकर्ड देखाउंदै",
+	"sInfoEmpty":    "0 मध्य 0 देखि 0 रेकर्ड देखाउंदै",
+	"sInfoFiltered": "(_MAX_ कुल रेकर्डबाट छनौट गरिएको)",
+	"sInfoPostFix":  "",
+	"sInfoThousands": ",",
+	"sLengthMenu":   " _MENU_ रेकर्ड देखाउने ",
+	"sLoadingRecords": "लोड हुँदैछ...",
+	"sProcessing":   "प्रगति हुदैंछ ...",
+	"sSearch":       "खोजी:",
+	"sUrl":          "",
+	"sZeroRecords":  "कुनै मिल्ने रेकर्ड फेला परेन",
+	"oPaginate": {
+		"sFirst":    "प्रथम",
+		"sPrevious": "पछिल्लो",
+		"sNext":     "अघिल्लो",
+		"sLast":     "अन्तिम"
+	},
+	"oAria": {
+		"sSortAscending": ": अगाडिबाट अक्षरात्मक रूपमा क्रमबद्ध गराउने",
+		"sSortDescending": ": पछाडिबाट अक्षरात्मक रूपमा क्रमबद्ध गराउने"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Norwegian-Bokmal.lang b/webroot/components/datatables-plugins/i18n/Norwegian-Bokmal.lang
new file mode 100644
index 0000000..c8426bf
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Norwegian-Bokmal.lang
@@ -0,0 +1,33 @@
+/**
+ * Norwegian Bokmål translation
+ *  @name Norwegian-Bokmal
+ *  @anchor Norwegian-Bokmal
+ *  @author Petter Ekrann
+ *  @author Vegard Johannessen
+ */
+
+{
+	"sEmptyTable": "Ingen data tilgjengelig i tabellen",
+	"sInfo": "Viser _START_ til _END_ av _TOTAL_ linjer",
+	"sInfoEmpty": "Viser 0 til 0 av 0 linjer",
+	"sInfoFiltered": "(filtrert fra _MAX_ totalt antall linjer)",
+	"sInfoPostFix": "",
+	"sInfoThousands": " ",
+	"sLoadingRecords": "Laster...",
+	"sLengthMenu": "Vis _MENU_ linjer",
+	"sLoadingRecords": "Laster...",
+	"sProcessing": "Laster...",
+	"sSearch": "S&oslash;k:",
+	"sUrl": "",
+	"sZeroRecords": "Ingen linjer matcher s&oslash;ket",
+  	"oPaginate": {
+		"sFirst": "F&oslash;rste",
+		"sPrevious": "Forrige",
+		"sNext": "Neste",
+		"sLast": "Siste"
+   	},
+   	"oAria": {
+		"sSortAscending": ": aktiver for å sortere kolonnen stigende",
+		"sSortDescending": ": aktiver for å sortere kolonnen synkende"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Norwegian-Nynorsk.lang b/webroot/components/datatables-plugins/i18n/Norwegian-Nynorsk.lang
new file mode 100644
index 0000000..fd51313
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Norwegian-Nynorsk.lang
@@ -0,0 +1,33 @@
+/**
+ * Norwegian Nynorsk translation
+ *  @name Norwegian-Nynorsk
+ *  @anchor Norwegian-Nynorsk
+ *  @author Andreas-Johann Østerdal Ulvestad
+ */
+
+
+{
+    "sEmptyTable": "Inga data tilgjengeleg i tabellen",
+    "sInfo": "Syner _START_ til _END_ av _TOTAL_ linjer",
+    "sInfoEmpty": "Syner 0 til 0 av 0 linjer",
+    "sInfoFiltered": "(filtrert frå _MAX_ totalt antal linjer)",
+    "sInfoPostFix": "",
+    "sInfoThousands": " ",
+    "sLoadingRecords": "Lastar...",
+    "sLengthMenu": "Syn _MENU_ linjer",
+    "sLoadingRecords": "Lastar...",
+    "sProcessing": "Lastar...",
+    "sSearch": "S&oslash;k:",
+    "sUrl": "",
+    "sZeroRecords": "Inga linjer treff p&aring; s&oslash;ket",
+    "oPaginate": {
+        "sFirst": "Fyrste",
+        "sPrevious": "Forrige",
+        "sNext": "Neste",
+        "sLast": "Siste"
+    },
+    "oAria": {
+        "sSortAscending": ": aktiver for å sortere kolonna stigande",
+        "sSortDescending": ": aktiver for å sortere kolonna synkande"
+    }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Pashto.lang b/webroot/components/datatables-plugins/i18n/Pashto.lang
new file mode 100644
index 0000000..7fdbd9f
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Pashto.lang
@@ -0,0 +1,30 @@
+/**
+ * Pashto translation
+ *  @name Pashto
+ *  @anchor Pashto
+ *  @author <a href="http://mbrig.com/">MBrig | Muhammad Nasir Rahimi</a>
+ */
+
+{
+	"sEmptyTable":     "جدول خالي دی",
+	"sInfo":           "د _START_ څخه تر _END_ پوري، له ټولو _TOTAL_ څخه",
+	"sInfoEmpty":      "د 0 څخه تر 0 پوري، له ټولو 0 څخه",
+	"sInfoFiltered":   "(لټول سوي له ټولو _MAX_ څخه)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":     "_MENU_ کتاره وښايه",
+	"sLoadingRecords": "منتظر اوسئ...",
+	"sProcessing":     "منتظر اوسئ...",
+	"sSearch":         "لټون:",
+	"sZeroRecords":    "د لټون مطابق معلومات و نه موندل سول",
+	"oPaginate": {
+		"sFirst":    "لومړۍ",
+		"sLast":     "وروستۍ",
+		"sNext":     "بله",
+		"sPrevious": "شاته"
+	},
+	"oAria": {
+		"sSortAscending":  ": په صعودي ډول مرتبول",
+		"sSortDescending": ": په نزولي ډول مرتبول"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Persian.lang b/webroot/components/datatables-plugins/i18n/Persian.lang
new file mode 100644
index 0000000..3384b9a
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Persian.lang
@@ -0,0 +1,31 @@
+/**
+ * Persian translation
+ *  @name Persian
+ *  @anchor Persian
+ *  @author <a href="http://www.chavoshi.com/">Ehsan Chavoshi</a>
+ *  @author <a href="http://www.robowiki.ir/">Mohammad Babazadeh</a>
+ */
+
+{
+	"sEmptyTable":     "هیچ داده ای در جدول وجود ندارد",
+	"sInfo":           "نمایش _START_ تا _END_ از _TOTAL_ رکورد",
+	"sInfoEmpty":      "نمایش 0 تا 0 از 0 رکورد",
+	"sInfoFiltered":   "(فیلتر شده از _MAX_ رکورد)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":     "نمایش _MENU_ رکورد",
+	"sLoadingRecords": "در حال بارگزاری...",
+	"sProcessing":     "در حال پردازش...",
+	"sSearch":         "جستجو:",
+	"sZeroRecords":    "رکوردی با این مشخصات پیدا نشد",
+	"oPaginate": {
+		"sFirst":    "ابتدا",
+		"sLast":     "انتها",
+		"sNext":     "بعدی",
+		"sPrevious": "قبلی"
+	},
+	"oAria": {
+		"sSortAscending":  ": فعال سازی نمایش به صورت صعودی",
+		"sSortDescending": ": فعال سازی نمایش به صورت نزولی"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Polish.lang b/webroot/components/datatables-plugins/i18n/Polish.lang
new file mode 100644
index 0000000..26988d4
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Polish.lang
@@ -0,0 +1,30 @@
+/**
+ * Polish translation
+ *  @name Polish
+ *  @anchor Polish
+ *  @author Tomasz Kowalski
+ *  @author Michał Grzelak
+ */
+
+{
+	"processing":     "Przetwarzanie...",
+	"search":         "Szukaj:",
+	"lengthMenu":     "Pokaż _MENU_ pozycji",
+	"info":           "Pozycje od _START_ do _END_ z _TOTAL_ łącznie",
+	"infoEmpty":      "Pozycji 0 z 0 dostępnych",
+	"infoFiltered":   "(filtrowanie spośród _MAX_ dostępnych pozycji)",
+	"infoPostFix":    "",
+	"loadingRecords": "Wczytywanie...",
+	"zeroRecords":    "Nie znaleziono pasujących pozycji",
+	"emptyTable":     "Brak danych",
+	"paginate": {
+		"first":      "Pierwsza",
+		"previous":   "Poprzednia",
+		"next":       "Następna",
+		"last":       "Ostatnia"
+	},
+	"aria": {
+		"sortAscending": ": aktywuj, by posortować kolumnę rosnąco",
+		"sortDescending": ": aktywuj, by posortować kolumnę malejąco"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Portuguese-Brasil.lang b/webroot/components/datatables-plugins/i18n/Portuguese-Brasil.lang
new file mode 100644
index 0000000..aa96ecb
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Portuguese-Brasil.lang
@@ -0,0 +1,37 @@
+/**
+ * Portuguese Brasil translation
+ *  @name Portuguese Brasil
+ *  @anchor Portuguese Brasil
+ *  @author Julio Cesar Viana Palma
+ */
+
+{
+    "sEmptyTable": "Nenhum registro encontrado",
+    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
+    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
+    "sInfoFiltered": "(Filtrados de _MAX_ registros)",
+    "sInfoPostFix": "",
+    "sInfoThousands": ".",
+    "sLengthMenu": "_MENU_ resultados por página",
+    "sLoadingRecords": "Carregando...",
+    "sProcessing": "Processando...",
+    "sZeroRecords": "Nenhum registro encontrado",
+    "sSearch": "Pesquisar",
+    "oPaginate": {
+        "sNext": "Próximo",
+        "sPrevious": "Anterior",
+        "sFirst": "Primeiro",
+        "sLast": "Último"
+    },
+    "oAria": {
+        "sSortAscending": ": Ordenar colunas de forma ascendente",
+        "sSortDescending": ": Ordenar colunas de forma descendente"
+    },
+    "select": {
+        "rows": {
+            "_": "Selecionado %d linhas",
+            "0": "Nenhuma linha selecionada",
+            "1": "Selecionado 1 linha"
+        }
+    }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Portuguese.lang b/webroot/components/datatables-plugins/i18n/Portuguese.lang
new file mode 100644
index 0000000..650c6ed
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Portuguese.lang
@@ -0,0 +1,29 @@
+/**
+ * Portuguese translation
+ *  @name Portuguese
+ *  @anchor Portuguese
+ *  @author Nuno Felicio
+ */
+
+{
+	"sEmptyTable":   "Não foi encontrado nenhum registo",
+	"sProcessing":   "A carregar...",
+	"sLengthMenu":   "Mostrar _MENU_ registos",
+	"sZeroRecords":  "Não foram encontrados resultados",
+	"sInfo":         "Mostrando de _START_ até _END_ de _TOTAL_ registos",
+	"sInfoEmpty":    "Mostrando de 0 até 0 de 0 registos",
+	"sInfoFiltered": "(filtrado de _MAX_ registos no total)",
+	"sInfoPostFix":  "",
+	"sSearch":       "Procurar:",
+	"sUrl":          "",
+	"oPaginate": {
+	    "sFirst":    "Primeiro",
+	    "sPrevious": "Anterior",
+	    "sNext":     "Seguinte",
+	    "sLast":     "Último"
+	},
+	"oAria": {
+	    "sSortAscending":  ": Ordenar colunas de forma ascendente",
+	    "sSortDescending": ": Ordenar colunas de forma descendente"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Romanian.lang b/webroot/components/datatables-plugins/i18n/Romanian.lang
new file mode 100644
index 0000000..7373d2d
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Romanian.lang
@@ -0,0 +1,24 @@
+/**
+ * Romanian translation
+ *  @name Romanian
+ *  @anchor Romanian
+ *  @author <a href="http://www.jurubita.ro/">Alexandru Jurubita</a>
+ */
+
+{
+	"sProcessing":   "Procesează...",
+	"sLengthMenu":   "Afișează _MENU_ înregistrări pe pagină",
+	"sZeroRecords":  "Nu am găsit nimic - ne pare rău",
+	"sInfo":         "Afișate de la _START_ la _END_ din _TOTAL_ înregistrări",
+	"sInfoEmpty":    "Afișate de la 0 la 0 din 0 înregistrări",
+	"sInfoFiltered": "(filtrate dintr-un total de _MAX_ înregistrări)",
+	"sInfoPostFix":  "",
+	"sSearch":       "Caută:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "Prima",
+		"sPrevious": "Precedenta",
+		"sNext":     "Următoarea",
+		"sLast":     "Ultima"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Russian.lang b/webroot/components/datatables-plugins/i18n/Russian.lang
new file mode 100644
index 0000000..5367c85
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Russian.lang
@@ -0,0 +1,30 @@
+/**
+ * Russian translation
+ *  @name Russian
+ *  @anchor Russian
+ *  @author Tjoma
+ *  @autor aspyatkin 
+ */
+
+{
+  "processing": "Подождите...",
+  "search": "Поиск:",
+  "lengthMenu": "Показать _MENU_ записей",
+  "info": "Записи с _START_ до _END_ из _TOTAL_ записей",
+  "infoEmpty": "Записи с 0 до 0 из 0 записей",
+  "infoFiltered": "(отфильтровано из _MAX_ записей)",
+  "infoPostFix": "",
+  "loadingRecords": "Загрузка записей...",
+  "zeroRecords": "Записи отсутствуют.",
+  "emptyTable": "В таблице отсутствуют данные",
+  "paginate": {
+    "first": "Первая",
+    "previous": "Предыдущая",
+    "next": "Следующая",
+    "last": "Последняя"
+  },
+  "aria": {
+    "sortAscending": ": активировать для сортировки столбца по возрастанию",
+    "sortDescending": ": активировать для сортировки столбца по убыванию"
+  }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Serbian.lang b/webroot/components/datatables-plugins/i18n/Serbian.lang
new file mode 100644
index 0000000..c3000aa
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Serbian.lang
@@ -0,0 +1,24 @@
+/**
+ * Serbian translation (Latin alphabet)
+ *  @name Serbian (Latin)
+ *  @anchor Serbian (Latin)
+ *  @author <a href="http://mnovakovic.byteout.com">Marko Novakovic</a>
+ */
+
+{
+    "sProcessing":   "Procesiranje u toku...",
+    "sLengthMenu":   "Prikaži _MENU_ elemenata",
+    "sZeroRecords":  "Nije pronađen nijedan rezultat",
+    "sInfo":         "Prikaz _START_ do _END_ od ukupno _TOTAL_ elemenata",
+    "sInfoEmpty":    "Prikaz 0 do 0 od ukupno 0 elemenata",
+    "sInfoFiltered": "(filtrirano od ukupno _MAX_ elemenata)",
+    "sInfoPostFix":  "",
+    "sSearch":       "Pretraga:",
+    "sUrl":          "",
+    "oPaginate": {
+        "sFirst":    "Početna",
+        "sPrevious": "Prethodna",
+        "sNext":     "Sledeća",
+        "sLast":     "Poslednja"
+    }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Sinhala.lang b/webroot/components/datatables-plugins/i18n/Sinhala.lang
new file mode 100644
index 0000000..604f195
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Sinhala.lang
@@ -0,0 +1,30 @@
+/**
+ * Sinhala translation
+ *  @name Sinhala
+ *  @anchor Sinhala
+ *  @author Isuru Sampath Ratnayake
+ */
+
+{
+	"sEmptyTable":     "වගුවේ දත්ත කිසිවක් නොමැත",
+	"sInfo":           "_TOTAL_ න් _START_ සිට _END_ දක්වා",
+	"sInfoEmpty":      "0 න් 0 සිට 0 දක්වා",
+	"sInfoFiltered":   "(_MAX_ න් තෝරාගත් )",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":     "_MENU_ ක් පෙන්වන්න",
+	"sLoadingRecords": "පූරණය වෙමින් පවතී...",
+	"sProcessing":     "සැකසෙමින් පවතී...",
+	"sSearch":         "සොයන්න :",
+	"sZeroRecords":    "ගැලපෙන වාර්තා නොමැත.",
+	"oPaginate": {
+		"sFirst":    "පළමු",
+		"sLast":     "අන්තිම",
+		"sNext":     "ඊළග",
+		"sPrevious": "පසුගිය"
+	},
+	"oAria": {
+		"sSortAscending":  ": තීරුව ආරෝහනව තෝරන්න",
+		"sSortDescending": ": තීරුව අවරෝහනව තෝරන්න"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Slovak.lang b/webroot/components/datatables-plugins/i18n/Slovak.lang
new file mode 100644
index 0000000..a3f8c28
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Slovak.lang
@@ -0,0 +1,30 @@
+/**
+ * Slovak translation
+ *  @name Slovak
+ *  @anchor Slovak
+ *  @author <a href="https://github.com/dlugos">Ivan Dlugoš</a>
+ *  @author (original translation) <a href="http://miskerik.com/">Maroš Miškerik</a>
+ */
+{
+	"sEmptyTable":     "Nie sú k dispozícii žiadne dáta",
+	"sInfo":           "Záznamy _START_ až _END_ z celkom _TOTAL_",
+	"sInfoEmpty":      "Záznamy 0 až 0 z celkom 0 ",
+	"sInfoFiltered":   "(vyfiltrované spomedzi _MAX_ záznamov)",
+	"sInfoPostFix":    "",
+  	"sInfoThousands":  ",",
+	"sLengthMenu":     "Zobraz _MENU_ záznamov",
+	"sLoadingRecords": "Načítavam...",
+	"sProcessing":     "Spracúvam...",
+	"sSearch":         "Hľadať:",
+	"sZeroRecords":    "Nenašli sa žiadne vyhovujúce záznamy",
+	"oPaginate": {
+		"sFirst":    "Prvá",
+		"sLast":     "Posledná",
+		"sNext":     "Nasledujúca",
+		"sPrevious": "Predchádzajúca"
+	},
+	"oAria": {
+		"sSortAscending":  ": aktivujte na zoradenie stĺpca vzostupne",
+		"sSortDescending": ": aktivujte na zoradenie stĺpca zostupne"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Slovenian.lang b/webroot/components/datatables-plugins/i18n/Slovenian.lang
new file mode 100644
index 0000000..a366042
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Slovenian.lang
@@ -0,0 +1,30 @@
+/**
+ * Slovenian translation
+ *  @name Slovenian
+ *  @anchor Slovenian
+ *  @author Marko Kroflic, Blaž Brenčič and Andrej Florjančič
+ */
+
+{
+	"sEmptyTable": "Nobenih podatkov ni na voljo",
+	"sInfo": "Prikazujem _START_ do _END_ od _TOTAL_ zapisov",
+	"sInfoEmpty": "Prikazujem 0 do 0 od 0 zapisov",
+	"sInfoFiltered": "(filtrirano od _MAX_ vseh zapisov)",
+	"sInfoPostFix": "",
+	"sInfoThousands": ",",
+	"sLengthMenu": "Prikaži _MENU_ zapisov",
+	"sLoadingRecords": "Nalagam...",
+	"sProcessing": "Obdelujem...",
+	"sSearch": "Išči:",
+	"sZeroRecords": "Nobeden zapis ne ustreza",
+	"oPaginate": {
+		"sFirst": "Prvi",
+		"sLast": "Zadnji",
+		"sNext": "Nasl.",
+		"sPrevious": "Pred."
+	},
+	"oAria": {
+		"sSortAscending": ": vključite za naraščujoči sort",
+		"sSortDescending": ": vključite za padajoči sort"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Spanish.lang b/webroot/components/datatables-plugins/i18n/Spanish.lang
new file mode 100644
index 0000000..61b3358
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Spanish.lang
@@ -0,0 +1,31 @@
+/**
+ * Spanish translation
+ *  @name Spanish
+ *  @anchor Spanish
+ *  @author Giovanni Ariza, Aristobulo Gomez and Roberto Poo
+ */
+
+{
+	"sProcessing":     "Procesando...",
+	"sLengthMenu":     "Mostrar _MENU_ registros",
+	"sZeroRecords":    "No se encontraron resultados",
+	"sEmptyTable":     "Ningún dato disponible en esta tabla",
+	"sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
+	"sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
+	"sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
+	"sInfoPostFix":    "",
+	"sSearch":         "Buscar:",
+	"sUrl":            "",
+	"sInfoThousands":  ",",
+	"sLoadingRecords": "Cargando...",
+	"oPaginate": {
+		"sFirst":    "Primero",
+		"sLast":     "Último",
+		"sNext":     "Siguiente",
+		"sPrevious": "Anterior"
+	},
+	"oAria": {
+		"sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
+		"sSortDescending": ": Activar para ordenar la columna de manera descendente"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Swahili.lang b/webroot/components/datatables-plugins/i18n/Swahili.lang
new file mode 100644
index 0000000..c2cc0a4
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Swahili.lang
@@ -0,0 +1,30 @@
+/**
+ * Swahili translation
+ *  @name Swahili
+ *  @anchor Swahili
+ *  @author <a href="http://zoop.co.tz/schoolpesa/">Roy Owino</a>
+ */
+
+{
+	"sEmptyTable":     "Hakuna data iliyo patikana",
+	"sInfo":           "Inaonyesha _START_ mpaka _END_ ya matokeo _TOTAL_",
+	"sInfoEmpty":      "Inaonyesha 0 hadi 0 ya matokeo 0",
+	"sInfoFiltered":   "(uschujo kutoka matokeo idadi _MAX_)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":     "Onyesha _MENU_ matokeo",
+	"sLoadingRecords": "Inapakia...",
+	"sProcessing":     "Processing...",
+	"sSearch":         "Tafuta:",
+	"sZeroRecords":    "Rekodi vinavyolingana haziku patikana",
+	"oPaginate": {
+		"sFirst":    "Mwanzo",
+		"sLast":     "Mwisho",
+		"sNext":     "Ijayo",
+		"sPrevious": "Kabla"
+	},
+	"oAria": {
+		"sSortAscending": ": seti kulainisha sanjari kwa mtindo wa upandaji",
+		"sSortDescending": ": seti kulainisha sanjari kwa mtindo wa mteremko"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Swedish.lang b/webroot/components/datatables-plugins/i18n/Swedish.lang
new file mode 100644
index 0000000..6691aa4
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Swedish.lang
@@ -0,0 +1,30 @@
+/**
+ * Swedish translation
+ * @name Swedish
+ * @anchor Swedish
+ * @author <a href="http://www.kmmtiming.se/">Kristoffer Karlström</a>
+ */
+
+{
+  "sEmptyTable": "Tabellen innehåller ingen data",
+  "sInfo": "Visar _START_ till _END_ av totalt _TOTAL_ rader",
+  "sInfoEmpty": "Visar 0 till 0 av totalt 0 rader",
+  "sInfoFiltered": "(filtrerade från totalt _MAX_ rader)",
+  "sInfoPostFix": "",
+  "sInfoThousands": " ",
+  "sLengthMenu": "Visa _MENU_ rader",
+  "sLoadingRecords": "Laddar...",
+  "sProcessing": "Bearbetar...",
+  "sSearch": "Sök:",
+  "sZeroRecords": "Hittade inga matchande resultat",
+  "oPaginate": {
+    "sFirst": "Första",
+    "sLast": "Sista",
+    "sNext": "Nästa",
+    "sPrevious": "Föregående"
+  },
+  "oAria": {
+    "sSortAscending": ": aktivera för att sortera kolumnen i stigande ordning",
+    "sSortDescending": ": aktivera för att sortera kolumnen i fallande ordning"
+  }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Tamil.lang b/webroot/components/datatables-plugins/i18n/Tamil.lang
new file mode 100644
index 0000000..ce09679
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Tamil.lang
@@ -0,0 +1,30 @@
+/**
+ * Tamil translation
+ *  @name Tamil
+ *  @anchor Tamil
+ *  @author Sam Arul Raj
+ */
+
+{
+	"sEmptyTable":     "அட்டவணையில் தரவு கிடைக்கவில்லை",
+	"sInfo":           "உள்ளீடுகளை் _START_ முதல _END_ உள்ள _TOTAL_ காட்டும்",
+	"sInfoEmpty":      "0 உள்ளீடுகளை 0 0 காட்டும்",
+	"sInfoFiltered":   "(_MAX_ மொத்த உள்ளீடுகளை இருந்து வடிகட்டி)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":     "_MENU_ காண்பி",
+	"sLoadingRecords": "ஏற்றுகிறது ...",
+	"sProcessing":     "செயலாக்க ...",
+	"sSearch":         "தேடல்:",
+	"sZeroRecords":    "பொருத்தமான பதிவுகள் இல்லை",
+	"oPaginate": {
+		"sFirst":    "முதல்",
+		"sLast":     "இறுதி",
+		"sNext":     "அடுத்து",
+		"sPrevious": "முந்தைய"
+	},
+	"oAria": {
+		"sSortAscending":  ": நிரலை ஏறுவரிசையில் வரிசைப்படுத்த செயல்படுத்த",
+		"sSortDescending": ": நிரலை இறங்கு வரிசைப்படுத்த செயல்படுத்த"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Thai.lang b/webroot/components/datatables-plugins/i18n/Thai.lang
new file mode 100644
index 0000000..7417ef7
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Thai.lang
@@ -0,0 +1,30 @@
+/**
+ * Thai translation
+ *  @name Thai
+ *  @anchor Thai
+ *  @author Thanva Thonglor , <a href="http://auycro.github.io/about/">Gumpanat Keardkeawfa</a>
+ */
+
+{
+    "sEmptyTable":     "ไม่มีข้อมูลในตาราง",
+    "sInfo":           "แสดง _START_ ถึง _END_ จาก _TOTAL_ แถว",
+    "sInfoEmpty":      "แสดง 0 ถึง 0 จาก 0 แถว",
+    "sInfoFiltered":   "(กรองข้อมูล _MAX_ ทุกแถว)",
+    "sInfoPostFix":    "",
+    "sInfoThousands":  ",",
+    "sLengthMenu":     "แสดง _MENU_ แถว",
+    "sLoadingRecords": "กำลังโหลดข้อมูล...",
+    "sProcessing":     "กำลังดำเนินการ...",
+    "sSearch":         "ค้นหา: ",
+    "sZeroRecords":    "ไม่พบข้อมูล",
+    "oPaginate": {
+        "sFirst":    "หน้าแรก",
+	"sPrevious": "ก่อนหน้า",
+        "sNext":     "ถัดไป",
+	"sLast":     "หน้าสุดท้าย"
+    },
+    "oAria": {
+        "sSortAscending":  ": เปิดใช้งานการเรียงข้อมูลจากน้อยไปมาก",
+	"sSortDescending": ": เปิดใช้งานการเรียงข้อมูลจากมากไปน้อย"
+    }
+}
diff --git a/webroot/components/datatables-plugins/i18n/Turkish.lang b/webroot/components/datatables-plugins/i18n/Turkish.lang
new file mode 100644
index 0000000..b1ba6e9
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Turkish.lang
@@ -0,0 +1,38 @@
+/**
+ * Turkish translation
+ *  @name Turkish
+ *  @anchor Turkish
+ *  @author Umit Gorkem & Erdal TAŞKESEN
+ */
+
+{
+	"sDecimal":        ",",
+	"sEmptyTable":     "Tabloda herhangi bir veri mevcut değil",
+	"sInfo":           "_TOTAL_ kayıttan _START_ - _END_ arasındaki kayıtlar gösteriliyor",
+	"sInfoEmpty":      "Kayıt yok",
+	"sInfoFiltered":   "(_MAX_ kayıt içerisinden bulunan)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ".",
+	"sLengthMenu":     "Sayfada _MENU_ kayıt göster",
+	"sLoadingRecords": "Yükleniyor...",
+	"sProcessing":     "İşleniyor...",
+	"sSearch":         "Ara:",
+	"sZeroRecords":    "Eşleşen kayıt bulunamadı",
+	"oPaginate": {
+		"sFirst":    "İlk",
+		"sLast":     "Son",
+		"sNext":     "Sonraki",
+		"sPrevious": "Önceki"
+	},
+	"oAria": {
+		"sSortAscending":  ": artan sütun sıralamasını aktifleştir",
+		"sSortDescending": ": azalan sütun sıralamasını aktifleştir"
+	},
+	"select": {
+		"rows": {
+			"_": "%d kayıt seçildi",
+			"0": "",
+			"1": "1 kayıt seçildi"
+		}
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Ukrainian.lang b/webroot/components/datatables-plugins/i18n/Ukrainian.lang
new file mode 100644
index 0000000..f462129
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Ukrainian.lang
@@ -0,0 +1,28 @@
+/**
+ * Ukrainian translation
+ *  @name Ukrainian
+ *  @anchor Ukrainian
+ *  @author <i>antyrat</i>
+ */
+
+{
+	"sProcessing":   "Зачекайте...",
+	"sLengthMenu":   "Показати _MENU_ записів",
+	"sZeroRecords":  "Записи відсутні.",
+	"sInfo":         "Записи з _START_ по _END_ із _TOTAL_ записів",
+	"sInfoEmpty":    "Записи з 0 по 0 із 0 записів",
+	"sInfoFiltered": "(відфільтровано з _MAX_ записів)",
+	"sInfoPostFix":  "",
+	"sSearch":       "Пошук:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst": "Перша",
+		"sPrevious": "Попередня",
+		"sNext": "Наступна",
+		"sLast": "Остання"
+	},
+	"oAria": {
+		"sSortAscending":  ": активувати для сортування стовпців за зростанням",
+		"sSortDescending": ": активувати для сортування стовпців за спаданням"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Urdu.lang b/webroot/components/datatables-plugins/i18n/Urdu.lang
new file mode 100644
index 0000000..2664e61
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Urdu.lang
@@ -0,0 +1,24 @@
+/**
+ * Urdu translation
+ *  @name Urdu
+ *  @anchor Urdu
+ *  @author Zafar Subzwari
+ */
+
+{
+	"sProcessing":   "ہے جاري عملدرامد...",
+	"sLengthMenu":   "دکہائين شقيں کي (_MENU_) فہرست",
+	"sZeroRecords":  "ملے نہيں مفروضات جلتے ملتے کوئ",
+	"sInfo":         "فہرست کي تک _END_ سے _START_ سے ميں _TOTAL_ فہرست پوري ہے نظر پيش",
+	"sInfoEmpty":    "فہرست کي تک 0 سے 0 سے ميں 0 قل ہے نظر پيشّ",
+	"sInfoFiltered": "(فہرست ہوئ چھني سے ميں _MAX_ قل)",
+	"sInfoPostFix":  "",
+	"sSearch":       "کرو تلاش:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "پہلا",
+		"sPrevious": "پچہلا",
+		"sNext":     "اگلا",
+		"sLast":     "آخري"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Uzbek.lang b/webroot/components/datatables-plugins/i18n/Uzbek.lang
new file mode 100644
index 0000000..ff44437
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Uzbek.lang
@@ -0,0 +1,29 @@
+/**
+ * Uzbek translation
+ *  @name Uzbek
+ *  @anchor Uzbek
+ *  @author <a href="http://davlat.info">Farkhod Dadajanov</a>
+ */
+
+{
+	"sEmptyTable":   	"Ma'lumot yo'q",
+	"sInfo":         	"Umumiy _TOTAL_ yozuvlarlardan _START_ dan _END_ gachasi ko'rsatilmoqda",
+	"sInfoEmpty":    	"Umumiy 0 yozuvlardan 0 dan 0 gachasi ko'rsatilmoqda",
+	"sInfoFiltered": 	"(_MAX_ yozuvlardan filtrlandi)",
+	"sInfoPostFix":  	"",
+	"sLengthMenu":   	"_MENU_ ta yozuvlarni ko'rsat",
+	"sLoadingRecords": 	"Yozuvlar yuklanmoqda...",
+	"sProcessing":     	"Ishlayapman...",
+	"sSearch":       	"Izlash:",
+	"sZeroRecords":  	"Ma'lumot yo'q.",
+	"oPaginate": {
+		"sFirst": 		"Birinchi",
+		"sPrevious": 	"Avvalgi",
+		"sNext": 		"Keyingi",
+		"sLast": 		"Son'ggi"
+	},
+	"oAria": {
+		"sSortAscending":  ": to'g'ri tartiblash",
+		"sSortDescending": ": teskari tartiblash"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/Vietnamese.lang b/webroot/components/datatables-plugins/i18n/Vietnamese.lang
new file mode 100644
index 0000000..7022f30
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Vietnamese.lang
@@ -0,0 +1,24 @@
+/**
+ * Vietnamese translation
+ *  @name Vietnamese
+ *  @anchor Vietnamese
+ *  @author Trinh Phuoc Thai
+ */
+
+{
+	"sProcessing":   "Đang xử lý...",
+	"sLengthMenu":   "Xem _MENU_ mục",
+	"sZeroRecords":  "Không tìm thấy dòng nào phù hợp",
+	"sInfo":         "Đang xem _START_ đến _END_ trong tổng số _TOTAL_ mục",
+	"sInfoEmpty":    "Đang xem 0 đến 0 trong tổng số 0 mục",
+	"sInfoFiltered": "(được lọc từ _MAX_ mục)",
+	"sInfoPostFix":  "",
+	"sSearch":       "Tìm:",
+	"sUrl":          "",
+	"oPaginate": {
+		"sFirst":    "Đầu",
+		"sPrevious": "Trước",
+		"sNext":     "Tiếp",
+		"sLast":     "Cuối"
+	}
+}
diff --git a/webroot/components/datatables-plugins/i18n/Welsh.lang b/webroot/components/datatables-plugins/i18n/Welsh.lang
new file mode 100644
index 0000000..69bfa02
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/Welsh.lang
@@ -0,0 +1,30 @@
+/**
+ * Welsh translation
+ *  @name Welsh
+ *  @anchor Welsh
+ *  @author <a href="https://eveoh.nl/">Marco Krikke</a>
+ */
+
+{
+	"sEmptyTable":     "Dim data ar gael yn y tabl",
+	"sInfo":           "Dangos _START_ i _END_ o _TOTAL_ cofnod",
+	"sInfoEmpty":      "Dangos 0 i 0 o 0 cofnod",
+	"sInfoFiltered":   "(wedi hidlo o gyfanswm o _MAX_ cofnod)",
+	"sInfoPostFix":    "",
+	"sInfoThousands":  ",",
+	"sLengthMenu":     "Dangos _MENU_ cofnod",
+	"sLoadingRecords": "Wrthi'n llwytho...",
+	"sProcessing":     "Wrthi'n prosesu...",
+	"sSearch":         "Chwilio:",
+	"sZeroRecords":    "Heb ddod o hyd i gofnodion sy'n cyfateb",
+	"oPaginate": {
+		"sFirst":    "Cyntaf",
+		"sLast":     "Olaf",
+		"sNext":     "Nesaf",
+		"sPrevious": "Blaenorol"
+	},
+	"oAria": {
+		"sSortAscending":  ": rhoi ar waith i drefnu colofnau o'r lleiaf i'r mwyaf",
+		"sSortDescending": ": rhoi ar waith i drefnu colofnau o'r mwyaf i'r lleiaf"
+	}
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/i18n/telugu.lang b/webroot/components/datatables-plugins/i18n/telugu.lang
new file mode 100644
index 0000000..2120559
--- /dev/null
+++ b/webroot/components/datatables-plugins/i18n/telugu.lang
@@ -0,0 +1,29 @@
+/**
+ * Telugu translation (te, te-IN)
+ *  @name Telugu
+ *  @anchor Telugu
+ *  @author <a href="https://in.linkedin.com/in/srinivas-rathikrindi-0405973a">Srinivas Rathikrindi</a>
+ **/ 
+{
+    "sEmptyTable": "పట్టికలో డేటా లేదు.",
+    "sInfo": "మొత్తం _TOTAL_ ఎంట్రీలులో _START_ నుండి _END_ వరకు చూపిస్తున్నాం",
+    "sInfoEmpty": "చూపిస్తున్నాం 0 నుండి 0 వరకు 0 ఎంట్రీలు లో",
+    "sInfoFiltered": "( _MAX_ ఎంట్రీలులో నుండి వడపోయాబడినవి)",
+    "sInfoPostFix": "",
+    "sInfoThousands": ",",
+    "sLengthMenu": " _MENU_ ఎంట్రీలు చూపించు",
+    "sLoadingRecords": "లోడ్ అవుతుంది ...",
+    "sProcessing": "ప్రాసెస్ చేయబడుతుంది...",
+    "sSearch": "వెతుకు:",
+    "sZeroRecords": "మ్యాచింగ్ రికార్డులు లేవు",
+    "oPaginate": {
+        "sFirst": "మొదటి",
+        "sLast": "చివరి",
+        "sNext": "తర్వాత",
+        "sPrevious": "మునుపటి"
+    },
+    "oAria": {
+        "sSortAscending": ": నిలువరుసను ఆరోహణ క్రమం అమర్చండి",
+        "sSortDescending": ": నిలువరుసను అవరోహణ క్రమం అమర్చండి"
+    }
+}
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/1/dataTables.bootstrap.css b/webroot/components/datatables-plugins/integration/bootstrap/1/dataTables.bootstrap.css
new file mode 100644
index 0000000..b6850a0
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/1/dataTables.bootstrap.css
@@ -0,0 +1,28 @@
+div.dataTables_length label {
+    width: 460px;
+    float: left;
+    text-align: left;
+}
+ 
+div.dataTables_length select {
+    width: 75px;
+}
+ 
+div.dataTables_filter label {
+    float: right;
+    width: 460px;
+}
+ 
+div.dataTables_info {
+    padding-top: 8px;
+}
+ 
+div.dataTables_paginate {
+    float: right;
+    margin: 0;
+}
+ 
+table {
+    margin: 1em 0;
+    clear: both;
+}
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/1/dataTables.bootstrap.js b/webroot/components/datatables-plugins/integration/bootstrap/1/dataTables.bootstrap.js
new file mode 100644
index 0000000..0c3a76f
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/1/dataTables.bootstrap.js
@@ -0,0 +1,150 @@
+/* Set the defaults for DataTables initialisation */
+$.extend( true, $.fn.dataTable.defaults, {
+	"sDom": "<'row'<'span8'l><'span8'f>r>t<'row'<'span8'i><'span8'p>>",
+	"sPaginationType": "bootstrap",
+	"oLanguage": {
+		"sLengthMenu": "_MENU_ records per page"
+	}
+} );
+
+
+/* Default class modification */
+$.extend( $.fn.dataTableExt.oStdClasses, {
+    "sSortAsc": "header headerSortDown",
+    "sSortDesc": "header headerSortUp",
+    "sSortable": "header"
+} );
+
+
+/* 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).addClass('pagination').append(
+				'<ul>'+
+					'<li class="prev disabled"><a href="#">&larr; '+oLang.sPrevious+'</a></li>'+
+					'<li class="next disabled"><a href="#">'+oLang.sNext+' &rarr; </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",
+			"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"
+		}
+	} );
+}
+
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/2/dataTables.bootstrap.css b/webroot/components/datatables-plugins/integration/bootstrap/2/dataTables.bootstrap.css
new file mode 100644
index 0000000..1744bb9
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/2/dataTables.bootstrap.css
@@ -0,0 +1,226 @@
+div.dataTables_length label {
+	text-align: left;
+}
+
+div.dataTables_length select {
+	width: 75px;
+}
+
+div.dataTables_filter {
+	text-align: right;
+}
+
+div.dataTables_filter label {
+	text-align: left;
+}
+
+div.dataTables_filter input {
+	margin-left: 0.5em;
+	display: inline-block;
+}
+
+div.dataTables_info {
+	padding-top: 8px;
+}
+
+div.dataTables_paginate {
+	text-align: right;
+	margin: 0;
+}
+
+div.dataTables_paginate div.pagination {
+	margin: 0;
+}
+
+@media screen and (max-width: 767px) {
+	div.dataTables_length,
+	div.dataTables_filter,
+	div.dataTables_info,
+	div.dataTables_paginate {
+		text-align: center;
+	}
+}
+
+table.table {
+	clear: both;
+	margin-bottom: 6px !important;
+	max-width: none !important;
+}
+
+table.table thead .sorting,
+table.table thead .sorting_asc,
+table.table thead .sorting_desc,
+table.table thead .sorting_asc_disabled,
+table.table thead .sorting_desc_disabled {
+	cursor: pointer;
+	*cursor: hand;
+}
+
+table.table thead .sorting { background: url('../images/sort_both.png') no-repeat center right; }
+table.table thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
+table.table thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }
+
+table.table thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
+table.table thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
+
+table.dataTable th:active {
+	outline: none;
+}
+
+/* Scrolling */
+div.dataTables_scrollHead table {
+	margin-bottom: 0 !important;
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+	border-bottom-left-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+div.dataTables_scrollBody table {
+	border-top: none;
+	margin-top: 0 !important;
+	margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+	border-top: none;
+}
+
+div.dataTables_scrollFoot table {
+	margin-top: 0 !important;
+	border-top: none;
+}
+
+
+
+
+/*
+ * TableTools styles
+ */
+.table tbody tr.active td,
+.table tbody tr.active th {
+	background-color: #08C;
+	color: white;
+}
+
+.table tbody tr.active:hover td,
+.table tbody tr.active:hover th {
+	background-color: #0075b0 !important;
+}
+
+.table tbody tr.active a {
+	color: white;
+}
+
+.table-striped tbody tr.active:nth-child(odd) td,
+.table-striped tbody tr.active:nth-child(odd) th {
+	background-color: #017ebc;
+}
+
+table.DTTT_selectable tbody tr {
+	cursor: pointer;
+	*cursor: hand;
+}
+
+div.DTTT .btn {
+	color: #333 !important;
+	font-size: 12px;
+}
+
+div.DTTT .btn:hover {
+	text-decoration: none !important;
+}
+
+ul.DTTT_dropdown.dropdown-menu {
+  z-index: 2003;
+}
+
+ul.DTTT_dropdown.dropdown-menu a {
+	color: #333 !important; /* needed only when demo_page.css is included */
+}
+
+ul.DTTT_dropdown.dropdown-menu li {
+	position: relative;
+}
+
+ul.DTTT_dropdown.dropdown-menu li:hover a {
+	background-color: #0088cc;
+	color: white !important;
+}
+
+div.DTTT_collection_background {
+	z-index: 2002;	
+}
+
+/* TableTools information display */
+div.DTTT_print_info.modal {
+	height: 150px;
+	margin-top: -75px;
+	text-align: center;
+}
+
+div.DTTT_print_info h6 {
+	font-weight: normal;
+	font-size: 28px;
+	line-height: 28px;
+	margin: 1em;
+}
+
+div.DTTT_print_info p {
+	font-size: 14px;
+	line-height: 20px;
+}
+
+
+
+/*
+ * FixedColumns styles
+ */
+div.DTFC_LeftHeadWrapper table,
+div.DTFC_LeftFootWrapper table,
+div.DTFC_RightHeadWrapper table,
+div.DTFC_RightFootWrapper table,
+table.DTFC_Cloned tr.even {
+    background-color: white;
+    margin-bottom: 0;
+}
+ 
+div.DTFC_RightHeadWrapper table ,
+div.DTFC_LeftHeadWrapper table {
+    margin-bottom: 0 !important;
+    border-top-right-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+}
+ 
+div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
+div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
+div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
+div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+}
+ 
+div.DTFC_RightBodyWrapper table,
+div.DTFC_LeftBodyWrapper table {
+    border-top: none;
+    margin-bottom: 0 !important;
+}
+ 
+div.DTFC_RightBodyWrapper tbody tr:first-child th,
+div.DTFC_RightBodyWrapper tbody tr:first-child td,
+div.DTFC_LeftBodyWrapper tbody tr:first-child th,
+div.DTFC_LeftBodyWrapper tbody tr:first-child td {
+    border-top: none;
+}
+ 
+div.DTFC_RightFootWrapper table,
+div.DTFC_LeftFootWrapper table {
+    border-top: none;
+}
+
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/2/dataTables.bootstrap.js b/webroot/components/datatables-plugins/integration/bootstrap/2/dataTables.bootstrap.js
new file mode 100644
index 0000000..264763f
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/2/dataTables.bootstrap.js
@@ -0,0 +1,162 @@
+/*! DataTables Bootstrap 2 integration
+ * ©2011-2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * DataTables integration for Bootstrap 2. This requires Bootstrap 2 and
+ * DataTables 1.10 or newer.
+ *
+ * This file sets the defaults and adds options to DataTables to style its
+ * controls using Bootstrap. See http://datatables.net/manual/styling/bootstrap
+ * for further information.
+ */
+(function(window, document, $, DataTable, undefined){
+
+$.extend( true, DataTable.defaults, {
+	"dom":
+		"<'row-fluid'<'span6'l><'span6'f>r>" +
+		"<'row-fluid'<'span12't>>" +
+		"<'row-fluid'<'span6'i><'span6'p>>",
+	renderer: 'bootstrap'
+} );
+
+
+/* Default class modification */
+$.extend( DataTable.ext.classes, {
+	sWrapper: "dataTables_wrapper form-inline dt-bootstrap"
+} );
+
+
+/* Bootstrap paging button renderer */
+DataTable.ext.renderer.pageButton.bootstrap = function ( settings, host, idx, buttons, page, pages ) {
+	var api     = new 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.currentTarget).hasClass('disabled') ) {
+				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 = '&hellip;';
+						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('<div class="pagination"><ul/></div>').find('ul'),
+		buttons
+	);
+};
+
+
+/*
+ * TableTools Bootstrap compatibility
+ * Required TableTools 2.1+
+ */
+if ( DataTable.TableTools ) {
+	// Set the classes that TableTools uses to something suitable for Bootstrap
+	$.extend( true, DataTable.TableTools.classes, {
+		"container": "DTTT btn-group",
+		"buttons": {
+			"normal": "btn",
+			"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, DataTable.TableTools.DEFAULTS.oTags, {
+		"collection": {
+			"container": "ul",
+			"button": "li",
+			"liner": "a"
+		}
+	} );
+}
+
+
+})(window, document, jQuery, jQuery.fn.dataTable);
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/2/dataTables.bootstrap.min.js b/webroot/components/datatables-plugins/integration/bootstrap/2/dataTables.bootstrap.min.js
new file mode 100644
index 0000000..4e5480d
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/2/dataTables.bootstrap.min.js
@@ -0,0 +1,8 @@
+/*!
+ DataTables Bootstrap 2 integration
+ ©2011-2014 SpryMedia Ltd - datatables.net/license
+*/
+(function(t,u,c,b){c.extend(!0,b.defaults,{dom:"<'row-fluid'<'span6'l><'span6'f>r><'row-fluid'<'span12't>><'row-fluid'<'span6'i><'span6'p>>",renderer:"bootstrap"});c.extend(b.ext.classes,{sWrapper:"dataTables_wrapper form-inline dt-bootstrap"});b.ext.renderer.pageButton.bootstrap=function(f,j,p,q,g,k){var r=new b.Api(f),s=f.oClasses,h=f.oLanguage.oPaginate,d,e,o=function(b,l){var i,m,n,a,j=function(a){a.preventDefault();c(a.currentTarget).hasClass("disabled")||r.page(a.data.action).draw(!1)};i=0;
+for(m=l.length;i<m;i++)if(a=l[i],c.isArray(a))o(b,a);else{e=d="";switch(a){case "ellipsis":d="&hellip;";e="disabled";break;case "first":d=h.sFirst;e=a+(0<g?"":" disabled");break;case "previous":d=h.sPrevious;e=a+(0<g?"":" disabled");break;case "next":d=h.sNext;e=a+(g<k-1?"":" disabled");break;case "last":d=h.sLast;e=a+(g<k-1?"":" disabled");break;default:d=a+1,e=g===a?"active":""}d&&(n=c("<li>",{"class":s.sPageButton+" "+e,"aria-controls":f.sTableId,tabindex:f.iTabIndex,id:0===p&&"string"===typeof a?
+f.sTableId+"_"+a:null}).append(c("<a>",{href:"#"}).html(d)).appendTo(b),f.oApi._fnBindAction(n,{action:a},j))}};o(c(j).empty().html('<div class="pagination"><ul/></div>').find("ul"),q)};b.TableTools&&(c.extend(!0,b.TableTools.classes,{container:"DTTT btn-group",buttons:{normal:"btn",disabled:"disabled"},collection:{container:"DTTT_dropdown dropdown-menu",buttons:{normal:"",disabled:"disabled"}},print:{info:"DTTT_print_info modal"},select:{row:"active"}}),c.extend(!0,b.TableTools.DEFAULTS.oTags,{collection:{container:"ul",
+button:"li",liner:"a"}}))})(window,document,jQuery,jQuery.fn.dataTable);
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/2/index.html b/webroot/components/datatables-plugins/integration/bootstrap/2/index.html
new file mode 100644
index 0000000..4334d67
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/2/index.html
@@ -0,0 +1,442 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables Bootstrap 2 example</title>
+
+		<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
+		<link rel="stylesheet" type="text/css" href="dataTables.bootstrap.css">
+
+		<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>
+		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.bootstrap.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready(function() {
+				$('#example').dataTable();
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			
+<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">
+	<thead>
+		<tr>
+			<th>Rendering engine</th>
+			<th>Browser</th>
+			<th>Platform(s)</th>
+			<th>Engine version</th>
+			<th>CSS grade</th>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="odd gradeX">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 4.0</td>
+			<td>Win 95+</td>
+			<td class="center"> 4</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="even gradeC">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 5.0</td>
+			<td>Win 95+</td>
+			<td class="center">5</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="odd gradeA">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 5.5</td>
+			<td>Win 95+</td>
+			<td class="center">5.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="even gradeA">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 6</td>
+			<td>Win 98+</td>
+			<td class="center">6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="odd gradeA">
+			<td>Trident</td>
+			<td>Internet Explorer 7</td>
+			<td>Win XP SP2+</td>
+			<td class="center">7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="even gradeA">
+			<td>Trident</td>
+			<td>AOL browser (AOL desktop)</td>
+			<td>Win XP</td>
+			<td class="center">6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 1.0</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 1.5</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 2.0</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 3.0</td>
+			<td>Win 2k+ / OSX.3+</td>
+			<td class="center">1.9</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Camino 1.0</td>
+			<td>OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Camino 1.5</td>
+			<td>OSX.3+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape 7.2</td>
+			<td>Win 95+ / Mac OS 8.6-9.2</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape Browser 8</td>
+			<td>Win 98SE+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape Navigator 9</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.0</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.1</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.2</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.2</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.3</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.4</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.4</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.5</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.6</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.7</td>
+			<td>Win 98+ / OSX.1+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.8</td>
+			<td>Win 98+ / OSX.1+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Seamonkey 1.1</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Epiphany 2.20</td>
+			<td>Gnome</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 1.2</td>
+			<td>OSX.3</td>
+			<td class="center">125.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 1.3</td>
+			<td>OSX.3</td>
+			<td class="center">312.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 2.0</td>
+			<td>OSX.4+</td>
+			<td class="center">419.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 3.0</td>
+			<td>OSX.4+</td>
+			<td class="center">522.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>OmniWeb 5.5</td>
+			<td>OSX.4+</td>
+			<td class="center">420</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>iPod Touch / iPhone</td>
+			<td>iPod</td>
+			<td class="center">420.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>S60</td>
+			<td>S60</td>
+			<td class="center">413</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 7.0</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 7.5</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 8.0</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 8.5</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.0</td>
+			<td>Win 95+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.2</td>
+			<td>Win 88+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.5</td>
+			<td>Win 88+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera for Wii</td>
+			<td>Wii</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Nokia N800</td>
+			<td>N800</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Nintendo DS browser</td>
+			<td>Nintendo DS</td>
+			<td class="center">8.5</td>
+			<td class="center">C/A<sup>1</sup></td>
+		</tr>
+		<tr class="gradeC">
+			<td>KHTML</td>
+			<td>Konqureror 3.1</td>
+			<td>KDE 3.1</td>
+			<td class="center">3.1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>KHTML</td>
+			<td>Konqureror 3.3</td>
+			<td>KDE 3.3</td>
+			<td class="center">3.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>KHTML</td>
+			<td>Konqureror 3.5</td>
+			<td>KDE 3.5</td>
+			<td class="center">3.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Tasman</td>
+			<td>Internet Explorer 4.5</td>
+			<td>Mac OS 8-9</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Tasman</td>
+			<td>Internet Explorer 5.1</td>
+			<td>Mac OS 7.6-9</td>
+			<td class="center">1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Tasman</td>
+			<td>Internet Explorer 5.2</td>
+			<td>Mac OS 8-X</td>
+			<td class="center">1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Misc</td>
+			<td>NetFront 3.1</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Misc</td>
+			<td>NetFront 3.4</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Dillo 0.8</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Links</td>
+			<td>Text only</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Lynx</td>
+			<td>Text only</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Misc</td>
+			<td>IE Mobile</td>
+			<td>Windows Mobile 6</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Misc</td>
+			<td>PSP browser</td>
+			<td>PSP</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeU">
+			<td>Other browsers</td>
+			<td>All others</td>
+			<td>-</td>
+			<td class="center">-</td>
+			<td class="center">U</td>
+		</tr>
+	</tbody>
+</table>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/3/README.txt b/webroot/components/datatables-plugins/integration/bootstrap/3/README.txt
new file mode 100644
index 0000000..854e4c3
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/3/README.txt
@@ -0,0 +1,6 @@
+This styling integration has been deprecated and replaced.
+
+The Bootstrap integration for DataTables has been moved into the core DataTables library and its accompanying extensions to improve the styling integration support and compatibility while making maintenance easier.
+
+Please refer to the DataTables Bootstrap styling documentation for details on how to use the new styling integration:
+	https://datatables.net/manual/styling/bootstrap
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css b/webroot/components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css
new file mode 100644
index 0000000..2ccacaf
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css
@@ -0,0 +1,372 @@
+div.dataTables_length label {
+	font-weight: normal;
+	text-align: left;
+	white-space: nowrap;
+}
+
+div.dataTables_length select {
+	width: 75px;
+	display: inline-block;
+}
+
+div.dataTables_filter {
+	text-align: right;
+}
+
+div.dataTables_filter label {
+	font-weight: normal;
+	white-space: nowrap;
+	text-align: left;
+}
+
+div.dataTables_filter input {
+	margin-left: 0.5em;
+	display: inline-block;
+	width: auto;
+}
+
+div.dataTables_info {
+	padding-top: 8px;
+	white-space: nowrap;
+}
+
+div.dataTables_paginate {
+	margin: 0;
+	white-space: nowrap;
+	text-align: right;
+}
+
+div.dataTables_paginate ul.pagination {
+	margin: 2px 0;
+	white-space: nowrap;
+}
+
+@media screen and (max-width: 767px) {
+	div.dataTables_wrapper > div.row > div,
+	div.dataTables_length,
+	div.dataTables_filter,
+	div.dataTables_info,
+	div.dataTables_paginate {
+		text-align: center;
+	}
+
+	div.DTTT {
+		margin-bottom: 0.5em;
+	}
+}
+
+
+table.dataTable td,
+table.dataTable th {
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	box-sizing: content-box;
+}
+
+
+table.dataTable {
+	clear: both;
+	margin-top: 6px !important;
+	margin-bottom: 6px !important;
+	max-width: none !important;
+}
+
+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;
+	position: relative;
+}
+
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:after {
+	position: absolute;
+	top: 8px;
+	right: 8px;
+	display: block;
+	font-family: 'Glyphicons Halflings';
+	opacity: 0.5;
+}
+table.dataTable thead .sorting:after {
+	opacity: 0.2;
+	content: "\e150"; /* sort */
+}
+table.dataTable thead .sorting_asc:after {
+	content: "\e155"; /* sort-by-attributes */
+}
+table.dataTable thead .sorting_desc:after {
+	content: "\e156"; /* sort-by-attributes-alt */
+}
+div.dataTables_scrollBody table.dataTable thead .sorting:after,
+div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
+div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
+	display: none;
+}
+
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:after {
+	color: #eee;
+}
+
+table.dataTable thead > tr > th {
+	padding-right: 30px;
+}
+
+table.dataTable th:active {
+	outline: none;
+}
+
+
+/* Condensed */
+table.dataTable.table-condensed thead > tr > th {
+	padding-right: 20px;
+}
+
+table.dataTable.table-condensed thead .sorting:after,
+table.dataTable.table-condensed thead .sorting_asc:after,
+table.dataTable.table-condensed thead .sorting_desc:after {
+	top: 6px;
+	right: 6px;
+}
+
+/* Scrolling */
+div.dataTables_scrollHead table {
+	margin-bottom: 0 !important;
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+	border-bottom-left-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+div.dataTables_scrollBody table {
+	border-top: none;
+	margin-top: 0 !important;
+	margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+	border-top: none;
+}
+
+div.dataTables_scrollFoot table {
+	margin-top: 0 !important;
+	border-top: none;
+}
+
+/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
+   width calculations when using scrolling impossible to align columns. We have
+   to use separate
+ */
+table.table-bordered.dataTable {
+	border-collapse: separate !important;
+}
+table.table-bordered thead th,
+table.table-bordered thead td {
+	border-left-width: 0;
+	border-top-width: 0;
+}
+table.table-bordered tbody th,
+table.table-bordered tbody td {
+	border-left-width: 0;
+	border-bottom-width: 0;
+}
+table.table-bordered tfoot th,
+table.table-bordered tfoot td {
+    border-left-width: 0;
+    border-bottom-width: 0;
+}
+table.table-bordered th:last-child,
+table.table-bordered td:last-child {
+	border-right-width: 0;
+}
+div.dataTables_scrollHead table.table-bordered {
+	border-bottom-width: 0;
+}
+
+
+
+
+/*
+ * TableTools styles
+ */
+.table.dataTable tbody tr.active td,
+.table.dataTable tbody tr.active th {
+	background-color: #08C;
+	color: white;
+}
+
+.table.dataTable tbody tr.active:hover td,
+.table.dataTable tbody tr.active:hover th {
+	background-color: #0075b0 !important;
+}
+
+.table.dataTable tbody tr.active th > a,
+.table.dataTable tbody tr.active td > a {
+	color: white;
+}
+
+.table-striped.dataTable tbody tr.active:nth-child(odd) td,
+.table-striped.dataTable tbody tr.active:nth-child(odd) th {
+	background-color: #017ebc;
+}
+
+table.DTTT_selectable tbody tr {
+	cursor: pointer;
+}
+
+div.DTTT .btn:hover {
+	text-decoration: none !important;
+}
+
+ul.DTTT_dropdown.dropdown-menu {
+  z-index: 2003;
+}
+
+ul.DTTT_dropdown.dropdown-menu a {
+	color: #333 !important; /* needed only when demo_page.css is included */
+}
+
+ul.DTTT_dropdown.dropdown-menu li {
+	position: relative;
+}
+
+ul.DTTT_dropdown.dropdown-menu li:hover a {
+	background-color: #0088cc;
+	color: white !important;
+}
+
+div.DTTT_collection_background {
+	z-index: 2002;	
+}
+
+/* TableTools information display */
+div.DTTT_print_info {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	width: 400px;
+	height: 150px;
+	margin-left: -200px;
+	margin-top: -75px;
+	text-align: center;
+	color: #333;
+	padding: 10px 30px;
+	opacity: 0.95;
+
+	background-color: white;
+	border: 1px solid rgba(0, 0, 0, 0.2);
+	border-radius: 6px;
+	
+	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+}
+
+div.DTTT_print_info h6 {
+	font-weight: normal;
+	font-size: 28px;
+	line-height: 28px;
+	margin: 1em;
+}
+
+div.DTTT_print_info p {
+	font-size: 14px;
+	line-height: 20px;
+}
+
+div.dataTables_processing {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    height: 60px;
+    margin-left: -50%;
+    margin-top: -25px;
+    padding-top: 20px;
+    padding-bottom: 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%);
+}
+
+
+
+/*
+ * FixedColumns styles
+ */
+div.DTFC_LeftHeadWrapper table,
+div.DTFC_LeftFootWrapper table,
+div.DTFC_RightHeadWrapper table,
+div.DTFC_RightFootWrapper table,
+table.DTFC_Cloned tr.even {
+    background-color: white;
+    margin-bottom: 0;
+}
+ 
+div.DTFC_RightHeadWrapper table ,
+div.DTFC_LeftHeadWrapper table {
+	border-bottom: none !important;
+    margin-bottom: 0 !important;
+    border-top-right-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+}
+ 
+div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
+div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
+div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
+div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+}
+ 
+div.DTFC_RightBodyWrapper table,
+div.DTFC_LeftBodyWrapper table {
+    border-top: none;
+    margin: 0 !important;
+}
+ 
+div.DTFC_RightBodyWrapper tbody tr:first-child th,
+div.DTFC_RightBodyWrapper tbody tr:first-child td,
+div.DTFC_LeftBodyWrapper tbody tr:first-child th,
+div.DTFC_LeftBodyWrapper tbody tr:first-child td {
+    border-top: none;
+}
+ 
+div.DTFC_RightFootWrapper table,
+div.DTFC_LeftFootWrapper table {
+    border-top: none;
+    margin-top: 0 !important;
+}
+
+
+div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
+div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
+div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
+div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
+div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
+div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
+	display: none;
+}
+
+
+/*
+ * FixedHeader styles
+ */
+div.FixedHeader_Cloned table {
+	margin: 0 !important
+}
+
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.js b/webroot/components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.js
new file mode 100644
index 0000000..3fe963a
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.js
@@ -0,0 +1,206 @@
+/*! DataTables Bootstrap 3 integration
+ * ©2011-2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/*
+ * IMPORTANT
+ * This file has now been deprecated and replaced by support for the styling
+ * integration with Bootstrap in the DataTables core software and its
+ * accompanying extensions. Please refer to the styling documentation for
+ * details:
+ * 	https://datatables.net/manual/styling/
+ */
+(function(window, document, undefined){
+
+var factory = function( $, DataTable ) {
+"use strict";
+
+
+/* Set the defaults for DataTables initialisation */
+$.extend( true, DataTable.defaults, {
+	dom:
+		"<'row'<'col-sm-6'l><'col-sm-6'f>>" +
+		"<'row'<'col-sm-12'tr>>" +
+		"<'row'<'col-sm-5'i><'col-sm-7'p>>",
+	renderer: 'bootstrap'
+} );
+
+
+/* Default class modification */
+$.extend( DataTable.ext.classes, {
+	sWrapper:      "dataTables_wrapper form-inline dt-bootstrap",
+	sFilterInput:  "form-control input-sm",
+	sLengthSelect: "form-control input-sm"
+} );
+
+
+/* Bootstrap paging button renderer */
+DataTable.ext.renderer.pageButton.bootstrap = function ( settings, host, idx, buttons, page, pages ) {
+	var api     = new DataTable.Api( settings );
+	var classes = settings.oClasses;
+	var lang    = settings.oLanguage.oPaginate;
+	var btnDisplay, btnClass, counter=0;
+
+	var attach = function( container, buttons ) {
+		var i, ien, node, button;
+		var clickHandler = function ( e ) {
+			e.preventDefault();
+			if ( !$(e.currentTarget).hasClass('disabled') ) {
+				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 = '&hellip;';
+						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,
+							'id': idx === 0 && typeof button === 'string' ?
+								settings.sTableId +'_'+ button :
+								null
+						} )
+						.append( $('<a>', {
+								'href': '#',
+								'aria-controls': settings.sTableId,
+								'data-dt-idx': counter,
+								'tabindex': settings.iTabIndex
+							} )
+							.html( btnDisplay )
+						)
+						.appendTo( container );
+
+					settings.oApi._fnBindAction(
+						node, {action: button}, clickHandler
+					);
+
+					counter++;
+				}
+			}
+		}
+	};
+
+	// IE9 throws an 'unknown error' if document.activeElement is used
+	// inside an iframe or frame. 
+	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 = $(document.activeElement).data('dt-idx');
+	}
+	catch (e) {}
+
+	attach(
+		$(host).empty().html('<ul class="pagination"/>').children('ul'),
+		buttons
+	);
+
+	if ( activeEl ) {
+		$(host).find( '[data-dt-idx='+activeEl+']' ).focus();
+	}
+};
+
+
+/*
+ * TableTools Bootstrap compatibility
+ * Required TableTools 2.1+
+ */
+if ( DataTable.TableTools ) {
+	// Set the classes that TableTools uses to something suitable for Bootstrap
+	$.extend( true, 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"
+		},
+		"select": {
+			"row": "active"
+		}
+	} );
+
+	// Have the collection use a bootstrap compatible drop down
+	$.extend( true, DataTable.TableTools.DEFAULTS.oTags, {
+		"collection": {
+			"container": "ul",
+			"button": "li",
+			"liner": "a"
+		}
+	} );
+}
+
+}; // /factory
+
+
+// Define as an AMD module if possible
+if ( typeof define === 'function' && define.amd ) {
+	define( ['jquery', 'datatables'], factory );
+}
+else if ( typeof exports === 'object' ) {
+    // Node/CommonJS
+    factory( require('jquery'), require('datatables') );
+}
+else if ( jQuery ) {
+	// Otherwise simply initialise as normal, stopping multiple evaluation
+	factory( jQuery, jQuery.fn.dataTable );
+}
+
+
+})(window, document);
+
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js b/webroot/components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js
new file mode 100644
index 0000000..85f7d06
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js
@@ -0,0 +1,8 @@
+/*!
+ DataTables Bootstrap 3 integration
+ ©2011-2014 SpryMedia Ltd - datatables.net/license
+*/
+(function(l,q){var e=function(b,c){b.extend(!0,c.defaults,{dom:"<'row'<'col-sm-6'l><'col-sm-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-5'i><'col-sm-7'p>>",renderer:"bootstrap"});b.extend(c.ext.classes,{sWrapper:"dataTables_wrapper form-inline dt-bootstrap",sFilterInput:"form-control input-sm",sLengthSelect:"form-control input-sm"});c.ext.renderer.pageButton.bootstrap=function(g,e,r,s,i,m){var t=new c.Api(g),u=g.oClasses,j=g.oLanguage.oPaginate,d,f,n=0,p=function(c,e){var k,h,o,a,l=function(a){a.preventDefault();
+b(a.currentTarget).hasClass("disabled")||t.page(a.data.action).draw(!1)};k=0;for(h=e.length;k<h;k++)if(a=e[k],b.isArray(a))p(c,a);else{f=d="";switch(a){case "ellipsis":d="&hellip;";f="disabled";break;case "first":d=j.sFirst;f=a+(0<i?"":" disabled");break;case "previous":d=j.sPrevious;f=a+(0<i?"":" disabled");break;case "next":d=j.sNext;f=a+(i<m-1?"":" disabled");break;case "last":d=j.sLast;f=a+(i<m-1?"":" disabled");break;default:d=a+1,f=i===a?"active":""}d&&(o=b("<li>",{"class":u.sPageButton+" "+
+f,id:0===r&&"string"===typeof a?g.sTableId+"_"+a:null}).append(b("<a>",{href:"#","aria-controls":g.sTableId,"data-dt-idx":n,tabindex:g.iTabIndex}).html(d)).appendTo(c),g.oApi._fnBindAction(o,{action:a},l),n++)}},h;try{h=b(q.activeElement).data("dt-idx")}catch(l){}p(b(e).empty().html('<ul class="pagination"/>').children("ul"),s);h&&b(e).find("[data-dt-idx="+h+"]").focus()};c.TableTools&&(b.extend(!0,c.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"},select:{row:"active"}}),b.extend(!0,c.TableTools.DEFAULTS.oTags,{collection:{container:"ul",button:"li",liner:"a"}}))};"function"===typeof define&&define.amd?define(["jquery","datatables"],e):"object"===typeof exports?e(require("jquery"),require("datatables")):jQuery&&e(jQuery,jQuery.fn.dataTable)})(window,document);
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/3/index.html b/webroot/components/datatables-plugins/integration/bootstrap/3/index.html
new file mode 100644
index 0000000..83874ae
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/bootstrap/3/index.html
@@ -0,0 +1,443 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables Bootstrap 3 example</title>
+
+		<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
+		<link rel="stylesheet" type="text/css" href="dataTables.bootstrap.css">
+
+		<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>
+		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.bootstrap.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready(function() {
+				$('#example').DataTable();
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			<p>Please note that the integration files presented here have now been deprecated and is no longer maintained. The Bootstrap integration for DataTables has been moved into the core library to improve its support and compatibility while making maintenance easier. Please refer to the <a href="https://datatables.net/manual/styling/bootstrap">DataTables Bootstrap styling documentation</a> for details on how to use the new styling integration.</p>
+			
+<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered table-condensed" id="example">
+	<thead>
+		<tr>
+			<th>Rendering engine</th>
+			<th>Browser</th>
+			<th>Platform(s)</th>
+			<th>Engine version</th>
+			<th>CSS grade</th>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="odd gradeX">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 4.0</td>
+			<td>Win 95+</td>
+			<td class="center"> 4</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="even gradeC">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 5.0</td>
+			<td>Win 95+</td>
+			<td class="center">5</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="odd gradeA">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 5.5</td>
+			<td>Win 95+</td>
+			<td class="center">5.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="even gradeA">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 6</td>
+			<td>Win 98+</td>
+			<td class="center">6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="odd gradeA">
+			<td>Trident</td>
+			<td>Internet Explorer 7</td>
+			<td>Win XP SP2+</td>
+			<td class="center">7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="even gradeA">
+			<td>Trident</td>
+			<td>AOL browser (AOL desktop)</td>
+			<td>Win XP</td>
+			<td class="center">6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 1.0</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 1.5</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 2.0</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 3.0</td>
+			<td>Win 2k+ / OSX.3+</td>
+			<td class="center">1.9</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Camino 1.0</td>
+			<td>OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Camino 1.5</td>
+			<td>OSX.3+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape 7.2</td>
+			<td>Win 95+ / Mac OS 8.6-9.2</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape Browser 8</td>
+			<td>Win 98SE+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape Navigator 9</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.0</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.1</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.2</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.2</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.3</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.4</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.4</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.5</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.6</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.7</td>
+			<td>Win 98+ / OSX.1+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.8</td>
+			<td>Win 98+ / OSX.1+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Seamonkey 1.1</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Epiphany 2.20</td>
+			<td>Gnome</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 1.2</td>
+			<td>OSX.3</td>
+			<td class="center">125.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 1.3</td>
+			<td>OSX.3</td>
+			<td class="center">312.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 2.0</td>
+			<td>OSX.4+</td>
+			<td class="center">419.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 3.0</td>
+			<td>OSX.4+</td>
+			<td class="center">522.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>OmniWeb 5.5</td>
+			<td>OSX.4+</td>
+			<td class="center">420</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>iPod Touch / iPhone</td>
+			<td>iPod</td>
+			<td class="center">420.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>S60</td>
+			<td>S60</td>
+			<td class="center">413</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 7.0</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 7.5</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 8.0</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 8.5</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.0</td>
+			<td>Win 95+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.2</td>
+			<td>Win 88+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.5</td>
+			<td>Win 88+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera for Wii</td>
+			<td>Wii</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Nokia N800</td>
+			<td>N800</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Nintendo DS browser</td>
+			<td>Nintendo DS</td>
+			<td class="center">8.5</td>
+			<td class="center">C/A<sup>1</sup></td>
+		</tr>
+		<tr class="gradeC">
+			<td>KHTML</td>
+			<td>Konqureror 3.1</td>
+			<td>KDE 3.1</td>
+			<td class="center">3.1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>KHTML</td>
+			<td>Konqureror 3.3</td>
+			<td>KDE 3.3</td>
+			<td class="center">3.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>KHTML</td>
+			<td>Konqureror 3.5</td>
+			<td>KDE 3.5</td>
+			<td class="center">3.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Tasman</td>
+			<td>Internet Explorer 4.5</td>
+			<td>Mac OS 8-9</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Tasman</td>
+			<td>Internet Explorer 5.1</td>
+			<td>Mac OS 7.6-9</td>
+			<td class="center">1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Tasman</td>
+			<td>Internet Explorer 5.2</td>
+			<td>Mac OS 8-X</td>
+			<td class="center">1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Misc</td>
+			<td>NetFront 3.1</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Misc</td>
+			<td>NetFront 3.4</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Dillo 0.8</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Links</td>
+			<td>Text only</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Lynx</td>
+			<td>Text only</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Misc</td>
+			<td>IE Mobile</td>
+			<td>Windows Mobile 6</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Misc</td>
+			<td>PSP browser</td>
+			<td>PSP</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeU">
+			<td>Other browsers</td>
+			<td>All others</td>
+			<td>-</td>
+			<td class="center">-</td>
+			<td class="center">U</td>
+		</tr>
+	</tbody>
+</table>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/images/sort_asc.png b/webroot/components/datatables-plugins/integration/bootstrap/images/sort_asc.png
new file mode 100644
index 0000000..e1ba61a
Binary files /dev/null and b/webroot/components/datatables-plugins/integration/bootstrap/images/sort_asc.png differ
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/images/sort_asc_disabled.png b/webroot/components/datatables-plugins/integration/bootstrap/images/sort_asc_disabled.png
new file mode 100644
index 0000000..fb11dfe
Binary files /dev/null and b/webroot/components/datatables-plugins/integration/bootstrap/images/sort_asc_disabled.png differ
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/images/sort_both.png b/webroot/components/datatables-plugins/integration/bootstrap/images/sort_both.png
new file mode 100644
index 0000000..af5bc7c
Binary files /dev/null and b/webroot/components/datatables-plugins/integration/bootstrap/images/sort_both.png differ
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/images/sort_desc.png b/webroot/components/datatables-plugins/integration/bootstrap/images/sort_desc.png
new file mode 100644
index 0000000..0e156de
Binary files /dev/null and b/webroot/components/datatables-plugins/integration/bootstrap/images/sort_desc.png differ
diff --git a/webroot/components/datatables-plugins/integration/bootstrap/images/sort_desc_disabled.png b/webroot/components/datatables-plugins/integration/bootstrap/images/sort_desc_disabled.png
new file mode 100644
index 0000000..c9fdd8a
Binary files /dev/null and b/webroot/components/datatables-plugins/integration/bootstrap/images/sort_desc_disabled.png differ
diff --git a/webroot/components/datatables-plugins/integration/font-awesome/bootstrap.html b/webroot/components/datatables-plugins/integration/font-awesome/bootstrap.html
new file mode 100644
index 0000000..30d7f1f
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/font-awesome/bootstrap.html
@@ -0,0 +1,511 @@
+<!doctype html>
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables + Bootstrap + Font Awesome</title>
+
+		<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
+		<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/28e7751dbec/integration/bootstrap/3/dataTables.bootstrap.css">
+		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.css">
+		<link rel="stylesheet" type="text/css" href="dataTables.fontAwesome.css">
+
+		<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
+		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/plug-ins/28e7751dbec/integration/bootstrap/3/dataTables.bootstrap.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready(function() {
+				$('#example').dataTable();
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+
+
+			<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</thead>
+
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
+
+				<tbody>
+					<tr>
+						<td>Tiger Nixon</td>
+						<td>System Architect</td>
+						<td>Edinburgh</td>
+						<td>61</td>
+						<td>2011/04/25</td>
+						<td>$320,800</td>
+					</tr>
+					<tr>
+						<td>Garrett Winters</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>63</td>
+						<td>2011/07/25</td>
+						<td>$170,750</td>
+					</tr>
+					<tr>
+						<td>Ashton Cox</td>
+						<td>Junior Technical Author</td>
+						<td>San Francisco</td>
+						<td>66</td>
+						<td>2009/01/12</td>
+						<td>$86,000</td>
+					</tr>
+					<tr>
+						<td>Cedric Kelly</td>
+						<td>Senior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2012/03/29</td>
+						<td>$433,060</td>
+					</tr>
+					<tr>
+						<td>Airi Satou</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>33</td>
+						<td>2008/11/28</td>
+						<td>$162,700</td>
+					</tr>
+					<tr>
+						<td>Brielle Williamson</td>
+						<td>Integration Specialist</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2012/12/02</td>
+						<td>$372,000</td>
+					</tr>
+					<tr>
+						<td>Herrod Chandler</td>
+						<td>Sales Assistant</td>
+						<td>San Francisco</td>
+						<td>59</td>
+						<td>2012/08/06</td>
+						<td>$137,500</td>
+					</tr>
+					<tr>
+						<td>Rhona Davidson</td>
+						<td>Integration Specialist</td>
+						<td>Tokyo</td>
+						<td>55</td>
+						<td>2010/10/14</td>
+						<td>$327,900</td>
+					</tr>
+					<tr>
+						<td>Colleen Hurst</td>
+						<td>Javascript Developer</td>
+						<td>San Francisco</td>
+						<td>39</td>
+						<td>2009/09/15</td>
+						<td>$205,500</td>
+					</tr>
+					<tr>
+						<td>Sonya Frost</td>
+						<td>Software Engineer</td>
+						<td>Edinburgh</td>
+						<td>23</td>
+						<td>2008/12/13</td>
+						<td>$103,600</td>
+					</tr>
+					<tr>
+						<td>Jena Gaines</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>30</td>
+						<td>2008/12/19</td>
+						<td>$90,560</td>
+					</tr>
+					<tr>
+						<td>Quinn Flynn</td>
+						<td>Support Lead</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2013/03/03</td>
+						<td>$342,000</td>
+					</tr>
+					<tr>
+						<td>Charde Marshall</td>
+						<td>Regional Director</td>
+						<td>San Francisco</td>
+						<td>36</td>
+						<td>2008/10/16</td>
+						<td>$470,600</td>
+					</tr>
+					<tr>
+						<td>Haley Kennedy</td>
+						<td>Senior Marketing Designer</td>
+						<td>London</td>
+						<td>43</td>
+						<td>2012/12/18</td>
+						<td>$313,500</td>
+					</tr>
+					<tr>
+						<td>Tatyana Fitzpatrick</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>19</td>
+						<td>2010/03/17</td>
+						<td>$385,750</td>
+					</tr>
+					<tr>
+						<td>Michael Silva</td>
+						<td>Marketing Designer</td>
+						<td>London</td>
+						<td>66</td>
+						<td>2012/11/27</td>
+						<td>$198,500</td>
+					</tr>
+					<tr>
+						<td>Paul Byrd</td>
+						<td>Chief Financial Officer (CFO)</td>
+						<td>New York</td>
+						<td>64</td>
+						<td>2010/06/09</td>
+						<td>$725,000</td>
+					</tr>
+					<tr>
+						<td>Gloria Little</td>
+						<td>Systems Administrator</td>
+						<td>New York</td>
+						<td>59</td>
+						<td>2009/04/10</td>
+						<td>$237,500</td>
+					</tr>
+					<tr>
+						<td>Bradley Greer</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>41</td>
+						<td>2012/10/13</td>
+						<td>$132,000</td>
+					</tr>
+					<tr>
+						<td>Dai Rios</td>
+						<td>Personnel Lead</td>
+						<td>Edinburgh</td>
+						<td>35</td>
+						<td>2012/09/26</td>
+						<td>$217,500</td>
+					</tr>
+					<tr>
+						<td>Jenette Caldwell</td>
+						<td>Development Lead</td>
+						<td>New York</td>
+						<td>30</td>
+						<td>2011/09/03</td>
+						<td>$345,000</td>
+					</tr>
+					<tr>
+						<td>Yuri Berry</td>
+						<td>Chief Marketing Officer (CMO)</td>
+						<td>New York</td>
+						<td>40</td>
+						<td>2009/06/25</td>
+						<td>$675,000</td>
+					</tr>
+					<tr>
+						<td>Caesar Vance</td>
+						<td>Pre-Sales Support</td>
+						<td>New York</td>
+						<td>21</td>
+						<td>2011/12/12</td>
+						<td>$106,450</td>
+					</tr>
+					<tr>
+						<td>Doris Wilder</td>
+						<td>Sales Assistant</td>
+						<td>Sidney</td>
+						<td>23</td>
+						<td>2010/09/20</td>
+						<td>$85,600</td>
+					</tr>
+					<tr>
+						<td>Angelica Ramos</td>
+						<td>Chief Executive Officer (CEO)</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2009/10/09</td>
+						<td>$1,200,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Joyce</td>
+						<td>Developer</td>
+						<td>Edinburgh</td>
+						<td>42</td>
+						<td>2010/12/22</td>
+						<td>$92,575</td>
+					</tr>
+					<tr>
+						<td>Jennifer Chang</td>
+						<td>Regional Director</td>
+						<td>Singapore</td>
+						<td>28</td>
+						<td>2010/11/14</td>
+						<td>$357,650</td>
+					</tr>
+					<tr>
+						<td>Brenden Wagner</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>28</td>
+						<td>2011/06/07</td>
+						<td>$206,850</td>
+					</tr>
+					<tr>
+						<td>Fiona Green</td>
+						<td>Chief Operating Officer (COO)</td>
+						<td>San Francisco</td>
+						<td>48</td>
+						<td>2010/03/11</td>
+						<td>$850,000</td>
+					</tr>
+					<tr>
+						<td>Shou Itou</td>
+						<td>Regional Marketing</td>
+						<td>Tokyo</td>
+						<td>20</td>
+						<td>2011/08/14</td>
+						<td>$163,000</td>
+					</tr>
+					<tr>
+						<td>Michelle House</td>
+						<td>Integration Specialist</td>
+						<td>Sidney</td>
+						<td>37</td>
+						<td>2011/06/02</td>
+						<td>$95,400</td>
+					</tr>
+					<tr>
+						<td>Suki Burks</td>
+						<td>Developer</td>
+						<td>London</td>
+						<td>53</td>
+						<td>2009/10/22</td>
+						<td>$114,500</td>
+					</tr>
+					<tr>
+						<td>Prescott Bartlett</td>
+						<td>Technical Author</td>
+						<td>London</td>
+						<td>27</td>
+						<td>2011/05/07</td>
+						<td>$145,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Cortez</td>
+						<td>Team Leader</td>
+						<td>San Francisco</td>
+						<td>22</td>
+						<td>2008/10/26</td>
+						<td>$235,500</td>
+					</tr>
+					<tr>
+						<td>Martena Mccray</td>
+						<td>Post-Sales support</td>
+						<td>Edinburgh</td>
+						<td>46</td>
+						<td>2011/03/09</td>
+						<td>$324,050</td>
+					</tr>
+					<tr>
+						<td>Unity Butler</td>
+						<td>Marketing Designer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/12/09</td>
+						<td>$85,675</td>
+					</tr>
+					<tr>
+						<td>Howard Hatfield</td>
+						<td>Office Manager</td>
+						<td>San Francisco</td>
+						<td>51</td>
+						<td>2008/12/16</td>
+						<td>$164,500</td>
+					</tr>
+					<tr>
+						<td>Hope Fuentes</td>
+						<td>Secretary</td>
+						<td>San Francisco</td>
+						<td>41</td>
+						<td>2010/02/12</td>
+						<td>$109,850</td>
+					</tr>
+					<tr>
+						<td>Vivian Harrell</td>
+						<td>Financial Controller</td>
+						<td>San Francisco</td>
+						<td>62</td>
+						<td>2009/02/14</td>
+						<td>$452,500</td>
+					</tr>
+					<tr>
+						<td>Timothy Mooney</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>37</td>
+						<td>2008/12/11</td>
+						<td>$136,200</td>
+					</tr>
+					<tr>
+						<td>Jackson Bradshaw</td>
+						<td>Director</td>
+						<td>New York</td>
+						<td>65</td>
+						<td>2008/09/26</td>
+						<td>$645,750</td>
+					</tr>
+					<tr>
+						<td>Olivia Liang</td>
+						<td>Support Engineer</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2011/02/03</td>
+						<td>$234,500</td>
+					</tr>
+					<tr>
+						<td>Bruno Nash</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>38</td>
+						<td>2011/05/03</td>
+						<td>$163,500</td>
+					</tr>
+					<tr>
+						<td>Sakura Yamamoto</td>
+						<td>Support Engineer</td>
+						<td>Tokyo</td>
+						<td>37</td>
+						<td>2009/08/19</td>
+						<td>$139,575</td>
+					</tr>
+					<tr>
+						<td>Thor Walton</td>
+						<td>Developer</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2013/08/11</td>
+						<td>$98,540</td>
+					</tr>
+					<tr>
+						<td>Finn Camacho</td>
+						<td>Support Engineer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/07/07</td>
+						<td>$87,500</td>
+					</tr>
+					<tr>
+						<td>Serge Baldwin</td>
+						<td>Data Coordinator</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2012/04/09</td>
+						<td>$138,575</td>
+					</tr>
+					<tr>
+						<td>Zenaida Frank</td>
+						<td>Software Engineer</td>
+						<td>New York</td>
+						<td>63</td>
+						<td>2010/01/04</td>
+						<td>$125,250</td>
+					</tr>
+					<tr>
+						<td>Zorita Serrano</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>56</td>
+						<td>2012/06/01</td>
+						<td>$115,000</td>
+					</tr>
+					<tr>
+						<td>Jennifer Acosta</td>
+						<td>Junior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>43</td>
+						<td>2013/02/01</td>
+						<td>$75,650</td>
+					</tr>
+					<tr>
+						<td>Cara Stevens</td>
+						<td>Sales Assistant</td>
+						<td>New York</td>
+						<td>46</td>
+						<td>2011/12/06</td>
+						<td>$145,600</td>
+					</tr>
+					<tr>
+						<td>Hermione Butler</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2011/03/21</td>
+						<td>$356,250</td>
+					</tr>
+					<tr>
+						<td>Lael Greer</td>
+						<td>Systems Administrator</td>
+						<td>London</td>
+						<td>21</td>
+						<td>2009/02/27</td>
+						<td>$103,500</td>
+					</tr>
+					<tr>
+						<td>Jonas Alexander</td>
+						<td>Developer</td>
+						<td>San Francisco</td>
+						<td>30</td>
+						<td>2010/07/14</td>
+						<td>$86,500</td>
+					</tr>
+					<tr>
+						<td>Shad Decker</td>
+						<td>Regional Director</td>
+						<td>Edinburgh</td>
+						<td>51</td>
+						<td>2008/11/13</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Michael Bruce</td>
+						<td>Javascript Developer</td>
+						<td>Singapore</td>
+						<td>29</td>
+						<td>2011/06/27</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Donna Snider</td>
+						<td>Customer Support</td>
+						<td>New York</td>
+						<td>27</td>
+						<td>2011/01/25</td>
+						<td>$112,000</td>
+					</tr>
+				</tbody>
+			</table>
+		
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/integration/font-awesome/dataTables.fontAwesome.css b/webroot/components/datatables-plugins/integration/font-awesome/dataTables.fontAwesome.css
new file mode 100644
index 0000000..17bfb4e
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/font-awesome/dataTables.fontAwesome.css
@@ -0,0 +1,156 @@
+/*!
+ * DataTables + Font Awesome integration
+ * License: MIT - http://datatables.net/license
+ */
+
+/*
+ * Sort styling
+ */
+table.dataTable thead th {
+	position: relative;
+	background-image: none !important; /* Remove the DataTables bootstrap integration styling */
+}
+
+table.dataTable thead th.sorting:after,
+table.dataTable thead th.sorting_asc:after,
+table.dataTable thead th.sorting_desc:after {
+	position: absolute;
+	top: 12px;
+	right: 8px;
+	display: block;
+	font-family: FontAwesome;
+}
+
+table.dataTable thead th.sorting:after {
+	content: "\f0dc";
+	color: #ddd;
+	font-size: 0.8em;
+	padding-top: 0.12em;
+}
+table.dataTable thead th.sorting_asc:after {
+	content: "\f0de";
+}
+table.dataTable thead th.sorting_desc:after {
+	content: "\f0dd";
+}
+
+div.dataTables_scrollBody table.dataTable thead th.sorting:after,
+div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
+div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
+	content: "";
+}
+
+/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
+table.table thead th.sorting:after,
+table.table thead th.sorting_asc:after,
+table.table thead th.sorting_desc:after {
+	top: 8px;
+}
+
+
+/*
+ * DataTables style pagination controls
+ */
+div.dataTables_paginate a.paginate_button.first,
+div.dataTables_paginate a.paginate_button.previous {
+	position: relative;
+	padding-left: 24px;
+}
+
+div.dataTables_paginate a.paginate_button.next,
+div.dataTables_paginate a.paginate_button.last {
+	position: relative;
+	padding-right: 24px;
+}
+
+div.dataTables_paginate a.first:before, 
+div.dataTables_paginate a.previous:before {
+	position: absolute;
+	top: 8px;
+	left: 10px;
+	display: block;
+	font-family: FontAwesome;
+}
+
+div.dataTables_paginate a.next:after,
+div.dataTables_paginate a.last:after {
+	position: absolute;
+	top: 8px;
+	right: 10px;
+	display: block;
+	font-family: FontAwesome;
+}
+
+div.dataTables_paginate a.first:before {
+	content: "\f100";
+}
+
+div.dataTables_paginate a.previous:before {
+	content: "\f104";
+}
+
+div.dataTables_paginate a.next:after {
+	content: "\f105";
+}
+
+div.dataTables_paginate a.last:after {
+	content: "\f101";
+}
+
+
+/*
+ * Bootstrap and foundation style pagination controls
+ */
+div.dataTables_paginate li.first > a,
+div.dataTables_paginate li.previous > a {
+	position: relative;
+	padding-left: 24px;
+}
+
+div.dataTables_paginate li.next > a,
+div.dataTables_paginate li.last > a {
+	position: relative;
+	padding-right: 24px;
+}
+
+div.dataTables_paginate li.first a:before, 
+div.dataTables_paginate li.previous a:before {
+	position: absolute;
+	top: 6px;
+	left: 10px;
+	display: block;
+	font-family: FontAwesome;
+}
+
+div.dataTables_paginate li.next a:after,
+div.dataTables_paginate li.last a:after {
+	position: absolute;
+	top: 6px;
+	right: 10px;
+	display: block;
+	font-family: FontAwesome;
+}
+
+div.dataTables_paginate li.first a:before {
+	content: "\f100";
+}
+
+div.dataTables_paginate li.previous a:before {
+	content: "\f104";
+}
+
+div.dataTables_paginate li.next a:after {
+	content: "\f105";
+}
+
+div.dataTables_paginate li.last a:after {
+	content: "\f101";
+}
+
+/* In Foundation we don't want the padding like in bootstrap */
+div.columns div.dataTables_paginate li.first a:before, 
+div.columns div.dataTables_paginate li.previous a:before,
+div.columns div.dataTables_paginate li.next a:after,
+div.columns div.dataTables_paginate li.last a:after {
+	top: 0;
+}
diff --git a/webroot/components/datatables-plugins/integration/font-awesome/datatables.html b/webroot/components/datatables-plugins/integration/font-awesome/datatables.html
new file mode 100644
index 0000000..8ff4a2a
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/font-awesome/datatables.html
@@ -0,0 +1,519 @@
+<!doctype html>
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables + Font Awesome</title>
+
+		<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
+		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.css">
+		<link rel="stylesheet" type="text/css" href="dataTables.fontAwesome.css">
+		<style type="text/css">
+			body {
+				font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+				font-size: 14px;
+			}
+
+			div.container {
+				width: 960px;
+				margin: 0 auto;
+			}
+		</style>
+
+		<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
+		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready(function() {
+				$('#example').dataTable();
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+
+			<table id="example" class="display" cellspacing="0" width="100%">
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</thead>
+
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
+
+				<tbody>
+					<tr>
+						<td>Tiger Nixon</td>
+						<td>System Architect</td>
+						<td>Edinburgh</td>
+						<td>61</td>
+						<td>2011/04/25</td>
+						<td>$320,800</td>
+					</tr>
+					<tr>
+						<td>Garrett Winters</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>63</td>
+						<td>2011/07/25</td>
+						<td>$170,750</td>
+					</tr>
+					<tr>
+						<td>Ashton Cox</td>
+						<td>Junior Technical Author</td>
+						<td>San Francisco</td>
+						<td>66</td>
+						<td>2009/01/12</td>
+						<td>$86,000</td>
+					</tr>
+					<tr>
+						<td>Cedric Kelly</td>
+						<td>Senior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2012/03/29</td>
+						<td>$433,060</td>
+					</tr>
+					<tr>
+						<td>Airi Satou</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>33</td>
+						<td>2008/11/28</td>
+						<td>$162,700</td>
+					</tr>
+					<tr>
+						<td>Brielle Williamson</td>
+						<td>Integration Specialist</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2012/12/02</td>
+						<td>$372,000</td>
+					</tr>
+					<tr>
+						<td>Herrod Chandler</td>
+						<td>Sales Assistant</td>
+						<td>San Francisco</td>
+						<td>59</td>
+						<td>2012/08/06</td>
+						<td>$137,500</td>
+					</tr>
+					<tr>
+						<td>Rhona Davidson</td>
+						<td>Integration Specialist</td>
+						<td>Tokyo</td>
+						<td>55</td>
+						<td>2010/10/14</td>
+						<td>$327,900</td>
+					</tr>
+					<tr>
+						<td>Colleen Hurst</td>
+						<td>Javascript Developer</td>
+						<td>San Francisco</td>
+						<td>39</td>
+						<td>2009/09/15</td>
+						<td>$205,500</td>
+					</tr>
+					<tr>
+						<td>Sonya Frost</td>
+						<td>Software Engineer</td>
+						<td>Edinburgh</td>
+						<td>23</td>
+						<td>2008/12/13</td>
+						<td>$103,600</td>
+					</tr>
+					<tr>
+						<td>Jena Gaines</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>30</td>
+						<td>2008/12/19</td>
+						<td>$90,560</td>
+					</tr>
+					<tr>
+						<td>Quinn Flynn</td>
+						<td>Support Lead</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2013/03/03</td>
+						<td>$342,000</td>
+					</tr>
+					<tr>
+						<td>Charde Marshall</td>
+						<td>Regional Director</td>
+						<td>San Francisco</td>
+						<td>36</td>
+						<td>2008/10/16</td>
+						<td>$470,600</td>
+					</tr>
+					<tr>
+						<td>Haley Kennedy</td>
+						<td>Senior Marketing Designer</td>
+						<td>London</td>
+						<td>43</td>
+						<td>2012/12/18</td>
+						<td>$313,500</td>
+					</tr>
+					<tr>
+						<td>Tatyana Fitzpatrick</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>19</td>
+						<td>2010/03/17</td>
+						<td>$385,750</td>
+					</tr>
+					<tr>
+						<td>Michael Silva</td>
+						<td>Marketing Designer</td>
+						<td>London</td>
+						<td>66</td>
+						<td>2012/11/27</td>
+						<td>$198,500</td>
+					</tr>
+					<tr>
+						<td>Paul Byrd</td>
+						<td>Chief Financial Officer (CFO)</td>
+						<td>New York</td>
+						<td>64</td>
+						<td>2010/06/09</td>
+						<td>$725,000</td>
+					</tr>
+					<tr>
+						<td>Gloria Little</td>
+						<td>Systems Administrator</td>
+						<td>New York</td>
+						<td>59</td>
+						<td>2009/04/10</td>
+						<td>$237,500</td>
+					</tr>
+					<tr>
+						<td>Bradley Greer</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>41</td>
+						<td>2012/10/13</td>
+						<td>$132,000</td>
+					</tr>
+					<tr>
+						<td>Dai Rios</td>
+						<td>Personnel Lead</td>
+						<td>Edinburgh</td>
+						<td>35</td>
+						<td>2012/09/26</td>
+						<td>$217,500</td>
+					</tr>
+					<tr>
+						<td>Jenette Caldwell</td>
+						<td>Development Lead</td>
+						<td>New York</td>
+						<td>30</td>
+						<td>2011/09/03</td>
+						<td>$345,000</td>
+					</tr>
+					<tr>
+						<td>Yuri Berry</td>
+						<td>Chief Marketing Officer (CMO)</td>
+						<td>New York</td>
+						<td>40</td>
+						<td>2009/06/25</td>
+						<td>$675,000</td>
+					</tr>
+					<tr>
+						<td>Caesar Vance</td>
+						<td>Pre-Sales Support</td>
+						<td>New York</td>
+						<td>21</td>
+						<td>2011/12/12</td>
+						<td>$106,450</td>
+					</tr>
+					<tr>
+						<td>Doris Wilder</td>
+						<td>Sales Assistant</td>
+						<td>Sidney</td>
+						<td>23</td>
+						<td>2010/09/20</td>
+						<td>$85,600</td>
+					</tr>
+					<tr>
+						<td>Angelica Ramos</td>
+						<td>Chief Executive Officer (CEO)</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2009/10/09</td>
+						<td>$1,200,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Joyce</td>
+						<td>Developer</td>
+						<td>Edinburgh</td>
+						<td>42</td>
+						<td>2010/12/22</td>
+						<td>$92,575</td>
+					</tr>
+					<tr>
+						<td>Jennifer Chang</td>
+						<td>Regional Director</td>
+						<td>Singapore</td>
+						<td>28</td>
+						<td>2010/11/14</td>
+						<td>$357,650</td>
+					</tr>
+					<tr>
+						<td>Brenden Wagner</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>28</td>
+						<td>2011/06/07</td>
+						<td>$206,850</td>
+					</tr>
+					<tr>
+						<td>Fiona Green</td>
+						<td>Chief Operating Officer (COO)</td>
+						<td>San Francisco</td>
+						<td>48</td>
+						<td>2010/03/11</td>
+						<td>$850,000</td>
+					</tr>
+					<tr>
+						<td>Shou Itou</td>
+						<td>Regional Marketing</td>
+						<td>Tokyo</td>
+						<td>20</td>
+						<td>2011/08/14</td>
+						<td>$163,000</td>
+					</tr>
+					<tr>
+						<td>Michelle House</td>
+						<td>Integration Specialist</td>
+						<td>Sidney</td>
+						<td>37</td>
+						<td>2011/06/02</td>
+						<td>$95,400</td>
+					</tr>
+					<tr>
+						<td>Suki Burks</td>
+						<td>Developer</td>
+						<td>London</td>
+						<td>53</td>
+						<td>2009/10/22</td>
+						<td>$114,500</td>
+					</tr>
+					<tr>
+						<td>Prescott Bartlett</td>
+						<td>Technical Author</td>
+						<td>London</td>
+						<td>27</td>
+						<td>2011/05/07</td>
+						<td>$145,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Cortez</td>
+						<td>Team Leader</td>
+						<td>San Francisco</td>
+						<td>22</td>
+						<td>2008/10/26</td>
+						<td>$235,500</td>
+					</tr>
+					<tr>
+						<td>Martena Mccray</td>
+						<td>Post-Sales support</td>
+						<td>Edinburgh</td>
+						<td>46</td>
+						<td>2011/03/09</td>
+						<td>$324,050</td>
+					</tr>
+					<tr>
+						<td>Unity Butler</td>
+						<td>Marketing Designer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/12/09</td>
+						<td>$85,675</td>
+					</tr>
+					<tr>
+						<td>Howard Hatfield</td>
+						<td>Office Manager</td>
+						<td>San Francisco</td>
+						<td>51</td>
+						<td>2008/12/16</td>
+						<td>$164,500</td>
+					</tr>
+					<tr>
+						<td>Hope Fuentes</td>
+						<td>Secretary</td>
+						<td>San Francisco</td>
+						<td>41</td>
+						<td>2010/02/12</td>
+						<td>$109,850</td>
+					</tr>
+					<tr>
+						<td>Vivian Harrell</td>
+						<td>Financial Controller</td>
+						<td>San Francisco</td>
+						<td>62</td>
+						<td>2009/02/14</td>
+						<td>$452,500</td>
+					</tr>
+					<tr>
+						<td>Timothy Mooney</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>37</td>
+						<td>2008/12/11</td>
+						<td>$136,200</td>
+					</tr>
+					<tr>
+						<td>Jackson Bradshaw</td>
+						<td>Director</td>
+						<td>New York</td>
+						<td>65</td>
+						<td>2008/09/26</td>
+						<td>$645,750</td>
+					</tr>
+					<tr>
+						<td>Olivia Liang</td>
+						<td>Support Engineer</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2011/02/03</td>
+						<td>$234,500</td>
+					</tr>
+					<tr>
+						<td>Bruno Nash</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>38</td>
+						<td>2011/05/03</td>
+						<td>$163,500</td>
+					</tr>
+					<tr>
+						<td>Sakura Yamamoto</td>
+						<td>Support Engineer</td>
+						<td>Tokyo</td>
+						<td>37</td>
+						<td>2009/08/19</td>
+						<td>$139,575</td>
+					</tr>
+					<tr>
+						<td>Thor Walton</td>
+						<td>Developer</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2013/08/11</td>
+						<td>$98,540</td>
+					</tr>
+					<tr>
+						<td>Finn Camacho</td>
+						<td>Support Engineer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/07/07</td>
+						<td>$87,500</td>
+					</tr>
+					<tr>
+						<td>Serge Baldwin</td>
+						<td>Data Coordinator</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2012/04/09</td>
+						<td>$138,575</td>
+					</tr>
+					<tr>
+						<td>Zenaida Frank</td>
+						<td>Software Engineer</td>
+						<td>New York</td>
+						<td>63</td>
+						<td>2010/01/04</td>
+						<td>$125,250</td>
+					</tr>
+					<tr>
+						<td>Zorita Serrano</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>56</td>
+						<td>2012/06/01</td>
+						<td>$115,000</td>
+					</tr>
+					<tr>
+						<td>Jennifer Acosta</td>
+						<td>Junior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>43</td>
+						<td>2013/02/01</td>
+						<td>$75,650</td>
+					</tr>
+					<tr>
+						<td>Cara Stevens</td>
+						<td>Sales Assistant</td>
+						<td>New York</td>
+						<td>46</td>
+						<td>2011/12/06</td>
+						<td>$145,600</td>
+					</tr>
+					<tr>
+						<td>Hermione Butler</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2011/03/21</td>
+						<td>$356,250</td>
+					</tr>
+					<tr>
+						<td>Lael Greer</td>
+						<td>Systems Administrator</td>
+						<td>London</td>
+						<td>21</td>
+						<td>2009/02/27</td>
+						<td>$103,500</td>
+					</tr>
+					<tr>
+						<td>Jonas Alexander</td>
+						<td>Developer</td>
+						<td>San Francisco</td>
+						<td>30</td>
+						<td>2010/07/14</td>
+						<td>$86,500</td>
+					</tr>
+					<tr>
+						<td>Shad Decker</td>
+						<td>Regional Director</td>
+						<td>Edinburgh</td>
+						<td>51</td>
+						<td>2008/11/13</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Michael Bruce</td>
+						<td>Javascript Developer</td>
+						<td>Singapore</td>
+						<td>29</td>
+						<td>2011/06/27</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Donna Snider</td>
+						<td>Customer Support</td>
+						<td>New York</td>
+						<td>27</td>
+						<td>2011/01/25</td>
+						<td>$112,000</td>
+					</tr>
+				</tbody>
+			</table>
+		
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/integration/font-awesome/foundation.html b/webroot/components/datatables-plugins/integration/font-awesome/foundation.html
new file mode 100644
index 0000000..70aec43
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/font-awesome/foundation.html
@@ -0,0 +1,511 @@
+<!doctype html>
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables + Foundation + FontAwesome example</title>
+
+		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.0.2/css/foundation.min.css">
+		<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/28e7751dbec/integration/foundation/dataTables.foundation.css">
+		<link rel="stylesheet" type="text/css" href="dataTables.fontAwesome.css">
+
+		<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
+		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/plug-ins/28e7751dbec/integration/foundation/dataTables.foundation.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready(function() {
+				$('#example').dataTable();
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="row">
+			<div class="large-12 columns">
+
+			<table id="example" class="display table" cellspacing="0" width="100%">
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</thead>
+
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
+
+				<tbody>
+					<tr>
+						<td>Tiger Nixon</td>
+						<td>System Architect</td>
+						<td>Edinburgh</td>
+						<td>61</td>
+						<td>2011/04/25</td>
+						<td>$320,800</td>
+					</tr>
+					<tr>
+						<td>Garrett Winters</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>63</td>
+						<td>2011/07/25</td>
+						<td>$170,750</td>
+					</tr>
+					<tr>
+						<td>Ashton Cox</td>
+						<td>Junior Technical Author</td>
+						<td>San Francisco</td>
+						<td>66</td>
+						<td>2009/01/12</td>
+						<td>$86,000</td>
+					</tr>
+					<tr>
+						<td>Cedric Kelly</td>
+						<td>Senior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2012/03/29</td>
+						<td>$433,060</td>
+					</tr>
+					<tr>
+						<td>Airi Satou</td>
+						<td>Accountant</td>
+						<td>Tokyo</td>
+						<td>33</td>
+						<td>2008/11/28</td>
+						<td>$162,700</td>
+					</tr>
+					<tr>
+						<td>Brielle Williamson</td>
+						<td>Integration Specialist</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2012/12/02</td>
+						<td>$372,000</td>
+					</tr>
+					<tr>
+						<td>Herrod Chandler</td>
+						<td>Sales Assistant</td>
+						<td>San Francisco</td>
+						<td>59</td>
+						<td>2012/08/06</td>
+						<td>$137,500</td>
+					</tr>
+					<tr>
+						<td>Rhona Davidson</td>
+						<td>Integration Specialist</td>
+						<td>Tokyo</td>
+						<td>55</td>
+						<td>2010/10/14</td>
+						<td>$327,900</td>
+					</tr>
+					<tr>
+						<td>Colleen Hurst</td>
+						<td>Javascript Developer</td>
+						<td>San Francisco</td>
+						<td>39</td>
+						<td>2009/09/15</td>
+						<td>$205,500</td>
+					</tr>
+					<tr>
+						<td>Sonya Frost</td>
+						<td>Software Engineer</td>
+						<td>Edinburgh</td>
+						<td>23</td>
+						<td>2008/12/13</td>
+						<td>$103,600</td>
+					</tr>
+					<tr>
+						<td>Jena Gaines</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>30</td>
+						<td>2008/12/19</td>
+						<td>$90,560</td>
+					</tr>
+					<tr>
+						<td>Quinn Flynn</td>
+						<td>Support Lead</td>
+						<td>Edinburgh</td>
+						<td>22</td>
+						<td>2013/03/03</td>
+						<td>$342,000</td>
+					</tr>
+					<tr>
+						<td>Charde Marshall</td>
+						<td>Regional Director</td>
+						<td>San Francisco</td>
+						<td>36</td>
+						<td>2008/10/16</td>
+						<td>$470,600</td>
+					</tr>
+					<tr>
+						<td>Haley Kennedy</td>
+						<td>Senior Marketing Designer</td>
+						<td>London</td>
+						<td>43</td>
+						<td>2012/12/18</td>
+						<td>$313,500</td>
+					</tr>
+					<tr>
+						<td>Tatyana Fitzpatrick</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>19</td>
+						<td>2010/03/17</td>
+						<td>$385,750</td>
+					</tr>
+					<tr>
+						<td>Michael Silva</td>
+						<td>Marketing Designer</td>
+						<td>London</td>
+						<td>66</td>
+						<td>2012/11/27</td>
+						<td>$198,500</td>
+					</tr>
+					<tr>
+						<td>Paul Byrd</td>
+						<td>Chief Financial Officer (CFO)</td>
+						<td>New York</td>
+						<td>64</td>
+						<td>2010/06/09</td>
+						<td>$725,000</td>
+					</tr>
+					<tr>
+						<td>Gloria Little</td>
+						<td>Systems Administrator</td>
+						<td>New York</td>
+						<td>59</td>
+						<td>2009/04/10</td>
+						<td>$237,500</td>
+					</tr>
+					<tr>
+						<td>Bradley Greer</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>41</td>
+						<td>2012/10/13</td>
+						<td>$132,000</td>
+					</tr>
+					<tr>
+						<td>Dai Rios</td>
+						<td>Personnel Lead</td>
+						<td>Edinburgh</td>
+						<td>35</td>
+						<td>2012/09/26</td>
+						<td>$217,500</td>
+					</tr>
+					<tr>
+						<td>Jenette Caldwell</td>
+						<td>Development Lead</td>
+						<td>New York</td>
+						<td>30</td>
+						<td>2011/09/03</td>
+						<td>$345,000</td>
+					</tr>
+					<tr>
+						<td>Yuri Berry</td>
+						<td>Chief Marketing Officer (CMO)</td>
+						<td>New York</td>
+						<td>40</td>
+						<td>2009/06/25</td>
+						<td>$675,000</td>
+					</tr>
+					<tr>
+						<td>Caesar Vance</td>
+						<td>Pre-Sales Support</td>
+						<td>New York</td>
+						<td>21</td>
+						<td>2011/12/12</td>
+						<td>$106,450</td>
+					</tr>
+					<tr>
+						<td>Doris Wilder</td>
+						<td>Sales Assistant</td>
+						<td>Sidney</td>
+						<td>23</td>
+						<td>2010/09/20</td>
+						<td>$85,600</td>
+					</tr>
+					<tr>
+						<td>Angelica Ramos</td>
+						<td>Chief Executive Officer (CEO)</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2009/10/09</td>
+						<td>$1,200,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Joyce</td>
+						<td>Developer</td>
+						<td>Edinburgh</td>
+						<td>42</td>
+						<td>2010/12/22</td>
+						<td>$92,575</td>
+					</tr>
+					<tr>
+						<td>Jennifer Chang</td>
+						<td>Regional Director</td>
+						<td>Singapore</td>
+						<td>28</td>
+						<td>2010/11/14</td>
+						<td>$357,650</td>
+					</tr>
+					<tr>
+						<td>Brenden Wagner</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>28</td>
+						<td>2011/06/07</td>
+						<td>$206,850</td>
+					</tr>
+					<tr>
+						<td>Fiona Green</td>
+						<td>Chief Operating Officer (COO)</td>
+						<td>San Francisco</td>
+						<td>48</td>
+						<td>2010/03/11</td>
+						<td>$850,000</td>
+					</tr>
+					<tr>
+						<td>Shou Itou</td>
+						<td>Regional Marketing</td>
+						<td>Tokyo</td>
+						<td>20</td>
+						<td>2011/08/14</td>
+						<td>$163,000</td>
+					</tr>
+					<tr>
+						<td>Michelle House</td>
+						<td>Integration Specialist</td>
+						<td>Sidney</td>
+						<td>37</td>
+						<td>2011/06/02</td>
+						<td>$95,400</td>
+					</tr>
+					<tr>
+						<td>Suki Burks</td>
+						<td>Developer</td>
+						<td>London</td>
+						<td>53</td>
+						<td>2009/10/22</td>
+						<td>$114,500</td>
+					</tr>
+					<tr>
+						<td>Prescott Bartlett</td>
+						<td>Technical Author</td>
+						<td>London</td>
+						<td>27</td>
+						<td>2011/05/07</td>
+						<td>$145,000</td>
+					</tr>
+					<tr>
+						<td>Gavin Cortez</td>
+						<td>Team Leader</td>
+						<td>San Francisco</td>
+						<td>22</td>
+						<td>2008/10/26</td>
+						<td>$235,500</td>
+					</tr>
+					<tr>
+						<td>Martena Mccray</td>
+						<td>Post-Sales support</td>
+						<td>Edinburgh</td>
+						<td>46</td>
+						<td>2011/03/09</td>
+						<td>$324,050</td>
+					</tr>
+					<tr>
+						<td>Unity Butler</td>
+						<td>Marketing Designer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/12/09</td>
+						<td>$85,675</td>
+					</tr>
+					<tr>
+						<td>Howard Hatfield</td>
+						<td>Office Manager</td>
+						<td>San Francisco</td>
+						<td>51</td>
+						<td>2008/12/16</td>
+						<td>$164,500</td>
+					</tr>
+					<tr>
+						<td>Hope Fuentes</td>
+						<td>Secretary</td>
+						<td>San Francisco</td>
+						<td>41</td>
+						<td>2010/02/12</td>
+						<td>$109,850</td>
+					</tr>
+					<tr>
+						<td>Vivian Harrell</td>
+						<td>Financial Controller</td>
+						<td>San Francisco</td>
+						<td>62</td>
+						<td>2009/02/14</td>
+						<td>$452,500</td>
+					</tr>
+					<tr>
+						<td>Timothy Mooney</td>
+						<td>Office Manager</td>
+						<td>London</td>
+						<td>37</td>
+						<td>2008/12/11</td>
+						<td>$136,200</td>
+					</tr>
+					<tr>
+						<td>Jackson Bradshaw</td>
+						<td>Director</td>
+						<td>New York</td>
+						<td>65</td>
+						<td>2008/09/26</td>
+						<td>$645,750</td>
+					</tr>
+					<tr>
+						<td>Olivia Liang</td>
+						<td>Support Engineer</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2011/02/03</td>
+						<td>$234,500</td>
+					</tr>
+					<tr>
+						<td>Bruno Nash</td>
+						<td>Software Engineer</td>
+						<td>London</td>
+						<td>38</td>
+						<td>2011/05/03</td>
+						<td>$163,500</td>
+					</tr>
+					<tr>
+						<td>Sakura Yamamoto</td>
+						<td>Support Engineer</td>
+						<td>Tokyo</td>
+						<td>37</td>
+						<td>2009/08/19</td>
+						<td>$139,575</td>
+					</tr>
+					<tr>
+						<td>Thor Walton</td>
+						<td>Developer</td>
+						<td>New York</td>
+						<td>61</td>
+						<td>2013/08/11</td>
+						<td>$98,540</td>
+					</tr>
+					<tr>
+						<td>Finn Camacho</td>
+						<td>Support Engineer</td>
+						<td>San Francisco</td>
+						<td>47</td>
+						<td>2009/07/07</td>
+						<td>$87,500</td>
+					</tr>
+					<tr>
+						<td>Serge Baldwin</td>
+						<td>Data Coordinator</td>
+						<td>Singapore</td>
+						<td>64</td>
+						<td>2012/04/09</td>
+						<td>$138,575</td>
+					</tr>
+					<tr>
+						<td>Zenaida Frank</td>
+						<td>Software Engineer</td>
+						<td>New York</td>
+						<td>63</td>
+						<td>2010/01/04</td>
+						<td>$125,250</td>
+					</tr>
+					<tr>
+						<td>Zorita Serrano</td>
+						<td>Software Engineer</td>
+						<td>San Francisco</td>
+						<td>56</td>
+						<td>2012/06/01</td>
+						<td>$115,000</td>
+					</tr>
+					<tr>
+						<td>Jennifer Acosta</td>
+						<td>Junior Javascript Developer</td>
+						<td>Edinburgh</td>
+						<td>43</td>
+						<td>2013/02/01</td>
+						<td>$75,650</td>
+					</tr>
+					<tr>
+						<td>Cara Stevens</td>
+						<td>Sales Assistant</td>
+						<td>New York</td>
+						<td>46</td>
+						<td>2011/12/06</td>
+						<td>$145,600</td>
+					</tr>
+					<tr>
+						<td>Hermione Butler</td>
+						<td>Regional Director</td>
+						<td>London</td>
+						<td>47</td>
+						<td>2011/03/21</td>
+						<td>$356,250</td>
+					</tr>
+					<tr>
+						<td>Lael Greer</td>
+						<td>Systems Administrator</td>
+						<td>London</td>
+						<td>21</td>
+						<td>2009/02/27</td>
+						<td>$103,500</td>
+					</tr>
+					<tr>
+						<td>Jonas Alexander</td>
+						<td>Developer</td>
+						<td>San Francisco</td>
+						<td>30</td>
+						<td>2010/07/14</td>
+						<td>$86,500</td>
+					</tr>
+					<tr>
+						<td>Shad Decker</td>
+						<td>Regional Director</td>
+						<td>Edinburgh</td>
+						<td>51</td>
+						<td>2008/11/13</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Michael Bruce</td>
+						<td>Javascript Developer</td>
+						<td>Singapore</td>
+						<td>29</td>
+						<td>2011/06/27</td>
+						<td>$183,000</td>
+					</tr>
+					<tr>
+						<td>Donna Snider</td>
+						<td>Customer Support</td>
+						<td>New York</td>
+						<td>27</td>
+						<td>2011/01/25</td>
+						<td>$112,000</td>
+					</tr>
+				</tbody>
+			</table>
+		
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/integration/foundation/README.txt b/webroot/components/datatables-plugins/integration/foundation/README.txt
new file mode 100644
index 0000000..1c8d3dd
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/foundation/README.txt
@@ -0,0 +1,6 @@
+This styling integration has been deprecated and replaced.
+
+The Foundation integration for DataTables has been moved into the core DataTables library and its accompanying extensions to improve the styling integration support and compatibility while making maintenance easier.
+
+Please refer to the DataTables Foundation styling documentation for details on how to use the new styling integration:
+	https://datatables.net/manual/styling/foundation
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/integration/foundation/dataTables.foundation.css b/webroot/components/datatables-plugins/integration/foundation/dataTables.foundation.css
new file mode 100644
index 0000000..ee565ac
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/foundation/dataTables.foundation.css
@@ -0,0 +1,222 @@
+div.dataTables_wrapper {
+	margin-bottom: 1.25em;
+}
+
+div.dataTables_length label,
+div.dataTables_filter label,
+div.dataTables_info {
+	color: #999;
+	font-weight: normal;
+}
+
+div.dataTables_length label {
+	float: left;
+	text-align: left;
+	margin-bottom: 0;
+}
+
+div.dataTables_length select {
+	width: 75px;
+	margin-bottom: 0;
+}
+
+div.dataTables_filter label {
+	float: right;
+	margin-bottom: 0;
+}
+div.dataTables_filter input {
+	display: inline-block !important;
+	width: auto !important;
+	margin-bottom: 0;
+	margin-left: 0.5em;
+}
+
+div.dataTables_info {
+	padding-top: 2px;
+	font-size: 0.875em;
+}
+
+div.dataTables_paginate {
+	float: right;
+	margin: 0;
+}
+
+table.dataTable {
+	clear: both;
+	margin: 0.5em 0 !important;
+	max-width: none !important;
+	width: 100%;
+}
+
+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;
+}
+
+table.dataTable thead .sorting { background: url('images/sort_both.png') no-repeat center right; }
+table.dataTable thead .sorting_asc { background: url('images/sort_asc.png') no-repeat center right; }
+table.dataTable thead .sorting_desc { background: url('images/sort_desc.png') no-repeat center right; }
+
+table.dataTable thead .sorting_asc_disabled { background: url('images/sort_asc_disabled.png') no-repeat center right; }
+table.dataTable thead .sorting_desc_disabled { background: url('images/sort_desc_disabled.png') no-repeat center right; }
+
+table.dataTable th:active {
+	outline: none;
+}
+
+/* Scrolling */
+div.dataTables_scrollHead table {
+	margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody table {
+	border-top: none;
+	margin-top: 0 !important;
+	margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+	border-top: none;
+}
+
+div.dataTables_scrollFoot table {
+	margin-top: 0 !important;
+	border-top: none;
+}
+
+
+
+
+/*
+ * TableTools styles
+ */
+.table tbody tr.active td,
+.table tbody tr.active th {
+	background-color: #08C;
+	color: white;
+}
+
+.table tbody tr.active:hover td,
+.table tbody tr.active:hover th {
+	background-color: #0075b0 !important;
+}
+
+.table-striped tbody tr.active:nth-child(odd) td,
+.table-striped tbody tr.active:nth-child(odd) th {
+	background-color: #017ebc;
+}
+
+table.DTTT_selectable tbody tr {
+	cursor: pointer;
+	*cursor: hand;
+}
+
+div.DTTT {
+	float: left;
+	margin-bottom: 0;
+	margin-top: -0.3em;
+}
+
+div.DTTT .button {
+	margin: 0 0 0.25rem;
+}
+
+div.DTTT .button:hover {
+	text-decoration: none !important;
+}
+
+ul.DTTT_dropdown.dropdown-menu li {
+	position: relative;
+}
+
+ul.DTTT_dropdown.dropdown-menu li:hover a {
+	background-color: #0088cc;
+	color: white !important;
+}
+
+/* TableTools information display */
+.DTTT_print_info {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	width: 400px;
+	height: 150px;
+	margin-left: -200px;
+	margin-top: -75px;
+	text-align: center;
+	color: #333;
+	padding: 10px 30px;
+
+	background: #ffffff; /* Old browsers */
+	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
+	background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
+	background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
+	background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
+	background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
+	
+	opacity: 0.95;
+
+	border: 1px solid black;
+	border: 1px solid rgba(0, 0, 0, 0.5);
+	
+	-webkit-border-radius: 6px;
+	   -moz-border-radius: 6px;
+	    -ms-border-radius: 6px;
+	     -o-border-radius: 6px;
+	        border-radius: 6px;
+	
+	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+	   -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+	    -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+	     -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+}
+
+div.DTTT_print_info h6 {
+	font-weight: normal;
+	font-size: 28px;
+	line-height: 28px;
+	margin: 1em;
+}
+
+div.DTTT_print_info p {
+	font-size: 14px;
+	line-height: 20px;
+}
+
+
+
+/*
+ * FixedColumns styles
+ */
+div.DTFC_LeftHeadWrapper table,
+div.DTFC_LeftFootWrapper table,
+table.DTFC_Cloned tr.even {
+	background-color: white;
+}
+
+div.DTFC_LeftHeadWrapper table {
+	margin-bottom: 0 !important;
+}
+
+div.DTFC_LeftBodyWrapper table {
+	border-top: none;
+	margin-bottom: 0 !important;
+}
+
+div.DTFC_LeftBodyWrapper tbody tr:first-child th,
+div.DTFC_LeftBodyWrapper tbody tr:first-child td {
+	border-top: none;
+}
+
+div.DTFC_LeftFootWrapper table {
+	border-top: none;
+}
+
+
diff --git a/webroot/components/datatables-plugins/integration/foundation/dataTables.foundation.js b/webroot/components/datatables-plugins/integration/foundation/dataTables.foundation.js
new file mode 100644
index 0000000..2bd9db2
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/foundation/dataTables.foundation.js
@@ -0,0 +1,180 @@
+/*! DataTables Foundation integration
+ * ©2011-2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/*
+ * IMPORTANT
+ * This file has now been deprecated and replaced by support for the styling
+ * integration with Foundation in the DataTables core software and its
+ * accompanying extensions. Please refer to the styling documentation for
+ * details:
+ * 	https://datatables.net/manual/styling/
+ */
+(function(window, document, undefined){
+
+var factory = function( $, DataTable ) {
+"use strict";
+
+
+$.extend( DataTable.ext.classes, {
+	sWrapper: "dataTables_wrapper dt-foundation"
+} );
+
+
+/* Set the defaults for DataTables initialisation */
+$.extend( true, DataTable.defaults, {
+	dom:
+		"<'row'<'small-6 columns'l><'small-6 columns'f>r>"+
+		"t"+
+		"<'row'<'small-6 columns'i><'small-6 columns'p>>",
+	renderer: 'foundation'
+} );
+
+
+/* Page button renderer */
+DataTable.ext.renderer.pageButton.foundation = function ( settings, host, idx, buttons, page, pages ) {
+	var api = new 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 = '&hellip;';
+						btnClass = 'unavailable';
+						break;
+
+					case 'first':
+						btnDisplay = lang.sFirst;
+						btnClass = button + (page > 0 ?
+							'' : ' unavailable');
+						break;
+
+					case 'previous':
+						btnDisplay = lang.sPrevious;
+						btnClass = button + (page > 0 ?
+							'' : ' unavailable');
+						break;
+
+					case 'next':
+						btnDisplay = lang.sNext;
+						btnClass = button + (page < pages-1 ?
+							'' : ' unavailable');
+						break;
+
+					case 'last':
+						btnDisplay = lang.sLast;
+						btnClass = button + (page < pages-1 ?
+							'' : ' unavailable');
+						break;
+
+					default:
+						btnDisplay = button + 1;
+						btnClass = page === button ?
+							'current' : '';
+						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
+	);
+};
+
+
+/*
+ * TableTools Foundation compatibility
+ * Required TableTools 2.1+
+ */
+if ( DataTable.TableTools ) {
+	// Set the classes that TableTools uses to something suitable for Foundation
+	$.extend( true, DataTable.TableTools.classes, {
+		"container": "DTTT button-group",
+		"buttons": {
+			"normal": "button small",
+			"disabled": "disabled"
+		},
+		"collection": {
+			"container": "DTTT_dropdown dropdown-menu",
+			"buttons": {
+				"normal": "",
+				"disabled": "disabled"
+			}
+		},
+		"select": {
+			"row": "active"
+		}
+	} );
+
+	// Have the collection use a bootstrap compatible dropdown
+	$.extend( true, DataTable.TableTools.DEFAULTS.oTags, {
+		"collection": {
+			"container": "ul",
+			"button": "li",
+			"liner": "a"
+		}
+	} );
+}
+
+}; // /factory
+
+
+// Define as an AMD module if possible
+if ( typeof define === 'function' && define.amd ) {
+	define( ['jquery', 'datatables'], factory );
+}
+else if ( typeof exports === 'object' ) {
+    // Node/CommonJS
+    factory( require('jquery'), require('datatables') );
+}
+else if ( jQuery ) {
+	// Otherwise simply initialise as normal, stopping multiple evaluation
+	factory( jQuery, jQuery.fn.dataTable );
+}
+
+
+})(window, document);
+
diff --git a/webroot/components/datatables-plugins/integration/foundation/dataTables.foundation.min.js b/webroot/components/datatables-plugins/integration/foundation/dataTables.foundation.min.js
new file mode 100644
index 0000000..fb3cc5c
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/foundation/dataTables.foundation.min.js
@@ -0,0 +1,8 @@
+/*!
+ DataTables Foundation integration
+ ©2011-2014 SpryMedia Ltd - datatables.net/license
+*/
+(function(){var f=function(d,b){d.extend(b.ext.classes,{sWrapper:"dataTables_wrapper dt-foundation"});d.extend(!0,b.defaults,{dom:"<'row'<'small-6 columns'l><'small-6 columns'f>r>t<'row'<'small-6 columns'i><'small-6 columns'p>>",renderer:"foundation"});b.ext.renderer.pageButton.foundation=function(g,f,p,k,h,l){var q=new b.Api(g),r=g.oClasses,i=g.oLanguage.oPaginate,c,e,o=function(b,f){var j,m,n,a,k=function(a){a.preventDefault();"ellipsis"!==a.data.action&&q.page(a.data.action).draw(!1)};j=0;for(m=
+f.length;j<m;j++)if(a=f[j],d.isArray(a))o(b,a);else{e=c="";switch(a){case "ellipsis":c="&hellip;";e="unavailable";break;case "first":c=i.sFirst;e=a+(0<h?"":" unavailable");break;case "previous":c=i.sPrevious;e=a+(0<h?"":" unavailable");break;case "next":c=i.sNext;e=a+(h<l-1?"":" unavailable");break;case "last":c=i.sLast;e=a+(h<l-1?"":" unavailable");break;default:c=a+1,e=h===a?"current":""}c&&(n=d("<li>",{"class":r.sPageButton+" "+e,"aria-controls":g.sTableId,tabindex:g.iTabIndex,id:0===p&&"string"===
+typeof a?g.sTableId+"_"+a:null}).append(d("<a>",{href:"#"}).html(c)).appendTo(b),g.oApi._fnBindAction(n,{action:a},k))}};o(d(f).empty().html('<ul class="pagination"/>').children("ul"),k)};b.TableTools&&(d.extend(!0,b.TableTools.classes,{container:"DTTT button-group",buttons:{normal:"button small",disabled:"disabled"},collection:{container:"DTTT_dropdown dropdown-menu",buttons:{normal:"",disabled:"disabled"}},select:{row:"active"}}),d.extend(!0,b.TableTools.DEFAULTS.oTags,{collection:{container:"ul",
+button:"li",liner:"a"}}))};"function"===typeof define&&define.amd?define(["jquery","datatables"],f):"object"===typeof exports?f(require("jquery"),require("datatables")):jQuery&&f(jQuery,jQuery.fn.dataTable)})(window,document);
diff --git a/webroot/components/datatables-plugins/integration/foundation/images/sort_asc.png b/webroot/components/datatables-plugins/integration/foundation/images/sort_asc.png
new file mode 100644
index 0000000..e1ba61a
Binary files /dev/null and b/webroot/components/datatables-plugins/integration/foundation/images/sort_asc.png differ
diff --git a/webroot/components/datatables-plugins/integration/foundation/images/sort_asc_disabled.png b/webroot/components/datatables-plugins/integration/foundation/images/sort_asc_disabled.png
new file mode 100644
index 0000000..fb11dfe
Binary files /dev/null and b/webroot/components/datatables-plugins/integration/foundation/images/sort_asc_disabled.png differ
diff --git a/webroot/components/datatables-plugins/integration/foundation/images/sort_both.png b/webroot/components/datatables-plugins/integration/foundation/images/sort_both.png
new file mode 100644
index 0000000..af5bc7c
Binary files /dev/null and b/webroot/components/datatables-plugins/integration/foundation/images/sort_both.png differ
diff --git a/webroot/components/datatables-plugins/integration/foundation/images/sort_desc.png b/webroot/components/datatables-plugins/integration/foundation/images/sort_desc.png
new file mode 100644
index 0000000..0e156de
Binary files /dev/null and b/webroot/components/datatables-plugins/integration/foundation/images/sort_desc.png differ
diff --git a/webroot/components/datatables-plugins/integration/foundation/images/sort_desc_disabled.png b/webroot/components/datatables-plugins/integration/foundation/images/sort_desc_disabled.png
new file mode 100644
index 0000000..c9fdd8a
Binary files /dev/null and b/webroot/components/datatables-plugins/integration/foundation/images/sort_desc_disabled.png differ
diff --git a/webroot/components/datatables-plugins/integration/foundation/index.html b/webroot/components/datatables-plugins/integration/foundation/index.html
new file mode 100644
index 0000000..27cef19
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/foundation/index.html
@@ -0,0 +1,446 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables Foundation example</title>
+
+		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/css/foundation.min.css">
+		<link rel="stylesheet" type="text/css" href="dataTables.foundation.css">
+
+		<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
+		<!--<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10-dev/js/jquery.dataTables.js"></script>-->
+		<script type="text/javascript" language="javascript" src="/dataTables/DataTablesSrc/built/js/jquery.dataTables.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.foundation.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready(function() {
+				$('#example').dataTable();
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="row">
+			<div class="large-12 columns">
+				<p>Please note that the integration files presented here have now been deprecated and is no longer maintained. The Foundation integration for DataTables has been moved into the core library to improve its support and compatibility while making maintenance easier. Please refer to the <a href="https://datatables.net/manual/styling/foundation">DataTables Foundation styling documentation</a> for details on how to use the new styling integration.</p>
+
+<table cellpadding="0" cellspacing="0" border="0" class="tdisplay" id="example">
+	<thead>
+		<tr>
+			<th>Rendering engine</th>
+			<th>Browser</th>
+			<th>Platform(s)</th>
+			<th>Engine version</th>
+			<th>CSS grade</th>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="odd gradeX">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 4.0</td>
+			<td>Win 95+</td>
+			<td class="center"> 4</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="even gradeC">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 5.0</td>
+			<td>Win 95+</td>
+			<td class="center">5</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="odd gradeA">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 5.5</td>
+			<td>Win 95+</td>
+			<td class="center">5.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="even gradeA">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 6</td>
+			<td>Win 98+</td>
+			<td class="center">6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="odd gradeA">
+			<td>Trident</td>
+			<td>Internet Explorer 7</td>
+			<td>Win XP SP2+</td>
+			<td class="center">7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="even gradeA">
+			<td>Trident</td>
+			<td>AOL browser (AOL desktop)</td>
+			<td>Win XP</td>
+			<td class="center">6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 1.0</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 1.5</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 2.0</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 3.0</td>
+			<td>Win 2k+ / OSX.3+</td>
+			<td class="center">1.9</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Camino 1.0</td>
+			<td>OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Camino 1.5</td>
+			<td>OSX.3+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape 7.2</td>
+			<td>Win 95+ / Mac OS 8.6-9.2</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape Browser 8</td>
+			<td>Win 98SE+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape Navigator 9</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.0</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.1</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.2</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.2</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.3</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.4</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.4</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.5</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.6</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.7</td>
+			<td>Win 98+ / OSX.1+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.8</td>
+			<td>Win 98+ / OSX.1+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Seamonkey 1.1</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Epiphany 2.20</td>
+			<td>Gnome</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 1.2</td>
+			<td>OSX.3</td>
+			<td class="center">125.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 1.3</td>
+			<td>OSX.3</td>
+			<td class="center">312.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 2.0</td>
+			<td>OSX.4+</td>
+			<td class="center">419.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 3.0</td>
+			<td>OSX.4+</td>
+			<td class="center">522.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>OmniWeb 5.5</td>
+			<td>OSX.4+</td>
+			<td class="center">420</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>iPod Touch / iPhone</td>
+			<td>iPod</td>
+			<td class="center">420.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>S60</td>
+			<td>S60</td>
+			<td class="center">413</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 7.0</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 7.5</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 8.0</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 8.5</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.0</td>
+			<td>Win 95+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.2</td>
+			<td>Win 88+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.5</td>
+			<td>Win 88+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera for Wii</td>
+			<td>Wii</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Nokia N800</td>
+			<td>N800</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Nintendo DS browser</td>
+			<td>Nintendo DS</td>
+			<td class="center">8.5</td>
+			<td class="center">C/A<sup>1</sup></td>
+		</tr>
+		<tr class="gradeC">
+			<td>KHTML</td>
+			<td>Konqureror 3.1</td>
+			<td>KDE 3.1</td>
+			<td class="center">3.1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>KHTML</td>
+			<td>Konqureror 3.3</td>
+			<td>KDE 3.3</td>
+			<td class="center">3.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>KHTML</td>
+			<td>Konqureror 3.5</td>
+			<td>KDE 3.5</td>
+			<td class="center">3.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Tasman</td>
+			<td>Internet Explorer 4.5</td>
+			<td>Mac OS 8-9</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Tasman</td>
+			<td>Internet Explorer 5.1</td>
+			<td>Mac OS 7.6-9</td>
+			<td class="center">1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Tasman</td>
+			<td>Internet Explorer 5.2</td>
+			<td>Mac OS 8-X</td>
+			<td class="center">1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Misc</td>
+			<td>NetFront 3.1</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Misc</td>
+			<td>NetFront 3.4</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Dillo 0.8</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Links</td>
+			<td>Text only</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Lynx</td>
+			<td>Text only</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Misc</td>
+			<td>IE Mobile</td>
+			<td>Windows Mobile 6</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Misc</td>
+			<td>PSP browser</td>
+			<td>PSP</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeU">
+			<td>Other browsers</td>
+			<td>All others</td>
+			<td>-</td>
+			<td class="center">-</td>
+			<td class="center">U</td>
+		</tr>
+	</tbody>
+</table>
+			
+			</div>
+		</div>
+	</body>
+</html>
diff --git a/webroot/components/datatables-plugins/integration/jqueryui/README.txt b/webroot/components/datatables-plugins/integration/jqueryui/README.txt
new file mode 100644
index 0000000..0eacb3a
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/jqueryui/README.txt
@@ -0,0 +1,6 @@
+This styling integration has been deprecated and replaced.
+
+The jQuery UI integration for DataTables has been moved into the core DataTables library and its accompanying extensions to improve the styling integration support and compatibility while making maintenance easier.
+
+Please refer to the DataTables jQuery UI styling documentation for details on how to use the new styling integration:
+	https://datatables.net/manual/styling/jqueryui
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.css b/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.css
new file mode 100644
index 0000000..6510006
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.css
@@ -0,0 +1,500 @@
+/*
+ * Table styles
+ */
+table.dataTable {
+  width: 100%;
+  margin: 0 auto;
+  clear: both;
+  border-collapse: separate;
+  border-spacing: 0;
+  /*
+   * Header and footer styles
+   */
+  /*
+   * Body styles
+   */
+}
+table.dataTable thead th,
+table.dataTable thead td,
+table.dataTable tfoot th,
+table.dataTable tfoot td {
+  padding: 4px 10px;
+}
+table.dataTable thead th,
+table.dataTable tfoot th {
+  font-weight: bold;
+}
+table.dataTable thead th:active,
+table.dataTable thead td:active {
+  outline: none;
+}
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc,
+table.dataTable thead .sorting {
+  cursor: pointer;
+  *cursor: hand;
+}
+table.dataTable thead th div.DataTables_sort_wrapper {
+  position: relative;
+  padding-right: 10px;
+}
+table.dataTable thead th div.DataTables_sort_wrapper span {
+  position: absolute;
+  top: 50%;
+  margin-top: -8px;
+  right: -5px;
+}
+table.dataTable thead th.ui-state-default {
+  border-right-width: 0;
+}
+table.dataTable thead th.ui-state-default:last-child {
+  border-right-width: 1px;
+}
+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 th.center,
+table.dataTable td.center,
+table.dataTable td.dataTables_empty {
+  text-align: center;
+}
+table.dataTable th.right,
+table.dataTable td.right {
+  text-align: right;
+}
+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.hover tbody tr.odd:hover,
+table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
+table.dataTable.display tbody tr.odd:hover,
+table.dataTable.display tbody tr.even:hover {
+  background-color: #f6f6f6;
+}
+table.dataTable.hover tbody tr:hover.selected,
+table.dataTable.hover tbody tr.odd:hover.selected,
+table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
+table.dataTable.display tbody tr.odd:hover.selected,
+table.dataTable.display tbody tr.even: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.display tbody tr.odd:hover > .sorting_1,
+table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
+table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
+table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
+  background-color: #eaeaea;
+}
+table.dataTable.display tbody tr:hover > .sorting_2,
+table.dataTable.display tbody tr.odd:hover > .sorting_2,
+table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
+table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
+table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
+  background-color: #ececec;
+}
+table.dataTable.display tbody tr:hover > .sorting_3,
+table.dataTable.display tbody tr.odd:hover > .sorting_3,
+table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
+table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
+table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
+  background-color: #efefef;
+}
+table.dataTable.display tbody tr:hover.selected > .sorting_1,
+table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
+table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
+table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
+table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
+  background-color: #a2aec7;
+}
+table.dataTable.display tbody tr:hover.selected > .sorting_2,
+table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
+table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
+table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
+table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
+  background-color: #a3b0c9;
+}
+table.dataTable.display tbody tr:hover.selected > .sorting_3,
+table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
+table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
+table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
+table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
+  background-color: #a5b2cb;
+}
+table.dataTable.nowrap th, table.dataTable.nowrap td {
+  white-space: nowrap;
+}
+table.dataTable.compact thead th,
+table.dataTable.compact thead td {
+  padding: 5px 9px;
+}
+table.dataTable.compact tfoot th,
+table.dataTable.compact tfoot td {
+  padding: 5px 9px 3px 9px;
+}
+table.dataTable.compact tbody th,
+table.dataTable.compact tbody td {
+  padding: 4px 5px;
+}
+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 {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+/*
+ * Control feature layout
+ */
+.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.55em;
+}
+.dataTables_wrapper .dataTables_paginate {
+  float: right;
+  text-align: right;
+}
+.dataTables_wrapper .dataTables_paginate .fg-button {
+  box-sizing: border-box;
+  display: inline-block;
+  min-width: 1.5em;
+  padding: 0.5em;
+  margin-left: 2px;
+  text-align: center;
+  text-decoration: none !important;
+  cursor: pointer;
+  *cursor: hand;
+  color: #333 !important;
+  border: 1px solid transparent;
+}
+.dataTables_wrapper .dataTables_paginate .fg-button:active {
+  outline: none;
+}
+.dataTables_wrapper .dataTables_paginate .fg-button:first-child {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.dataTables_wrapper .dataTables_paginate .fg-button:last-child {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+.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)));
+  /* Chrome,Safari4+ */
+  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%);
+  /* Chrome10+,Safari5.1+ */
+  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%);
+  /* FF3.6+ */
+  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%);
+  /* IE10+ */
+  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%);
+  /* Opera 11.10+ */
+  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%);
+  /* W3C */
+}
+.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_scrollBody {
+  *margin-top: -1px;
+  -webkit-overflow-scrolling: touch;
+}
+.dataTables_wrapper .ui-widget-header {
+  font-weight: normal;
+}
+.dataTables_wrapper .ui-toolbar {
+  padding: 8px;
+}
+.dataTables_wrapper:after {
+  visibility: hidden;
+  display: block;
+  content: "";
+  clear: both;
+  height: 0;
+}
+
+@media screen and (max-width: 767px) {
+  .dataTables_wrapper .dataTables_length,
+  .dataTables_wrapper .dataTables_filter,
+  .dataTables_wrapper .dataTables_info,
+  .dataTables_wrapper .dataTables_paginate {
+    float: none;
+    text-align: center;
+  }
+  .dataTables_wrapper .dataTables_filter,
+  .dataTables_wrapper .dataTables_paginate {
+    margin-top: 0.5em;
+  }
+}
+/*
+ * TableTools styling for jQuery UI
+ */
+div.DTTT_container {
+  position: relative;
+  float: left;
+}
+
+.DTTT_button {
+  position: relative;
+  float: left;
+  margin-right: 3px;
+  padding: 3px 10px;
+  border: 1px solid #d0d0d0;
+  background-color: #fff;
+  color: #333;
+  cursor: pointer;
+}
+
+.DTTT_button::-moz-focus-inner {
+  border: none !important;
+  padding: 0;
+}
+
+.DTTT_disabled {
+  color: #999;
+}
+
+table.DTTT_selectable tbody tr {
+  cursor: pointer;
+}
+
+div.DTTT_collection {
+  width: 150px;
+  background-color: #f3f3f3;
+  overflow: hidden;
+  z-index: 2002;
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+}
+div.DTTT_collection button.DTTT_button,
+div.DTTT_collection div.DTTT_button,
+div.DTTT_collection a.DTTT_button {
+  float: none;
+  width: 100%;
+  margin-bottom: -0.1em;
+}
+
+div.DTTT_collection_background {
+  background: black;
+  z-index: 2001;
+}
+
+.DTTT_print_info {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 400px;
+  height: 150px;
+  margin-left: -200px;
+  margin-top: -75px;
+  text-align: center;
+  background-color: #3f3f3f;
+  color: white;
+  padding: 10px 30px;
+  opacity: 0.9;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+}
+.DTTT_print_info .DTTT_print_info h6 {
+  font-weight: normal;
+  font-size: 28px;
+  line-height: 28px;
+  margin: 1em;
+}
+.DTTT_print_info .DTTT_print_info p {
+  font-size: 14px;
+  line-height: 20px;
+}
diff --git a/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.js b/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.js
new file mode 100644
index 0000000..d7cfc4d
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.js
@@ -0,0 +1,156 @@
+/*! DataTables jQuery UI integration
+ * ©2011-2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/*
+ * IMPORTANT
+ * This file has now been deprecated and replaced by support for the styling
+ * integration with jQuery UI in the DataTables core software and its
+ * accompanying extensions. Please refer to the styling documentation for
+ * details:
+ * 	https://datatables.net/manual/styling/
+ */
+(function(window, document, undefined){
+
+var factory = function( $, DataTable ) {
+"use strict";
+
+
+var sort_prefix = 'css_right ui-icon ui-icon-';
+var toolbar_prefix = 'fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-';
+
+/* Set the defaults for DataTables initialisation */
+$.extend( true, DataTable.defaults, {
+	dom:
+		'<"'+toolbar_prefix+'tl ui-corner-tr"lfr>'+
+		't'+
+		'<"'+toolbar_prefix+'bl ui-corner-br"ip>',
+	renderer: 'jqueryui'
+} );
+
+
+$.extend( DataTable.ext.classes, {
+	"sWrapper":            "dataTables_wrapper dt-jqueryui",
+
+	/* Full numbers paging buttons */
+	"sPageButton":         "fg-button ui-button ui-state-default",
+	"sPageButtonActive":   "ui-state-disabled",
+	"sPageButtonDisabled": "ui-state-disabled",
+
+	/* Features */
+	"sPaging": "dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi "+
+		"ui-buttonset-multi paging_", /* Note that the type is postfixed */
+
+	/* Sorting */
+	"sSortAsc":            "ui-state-default sorting_asc",
+	"sSortDesc":           "ui-state-default sorting_desc",
+	"sSortable":           "ui-state-default sorting",
+	"sSortableAsc":        "ui-state-default sorting_asc_disabled",
+	"sSortableDesc":       "ui-state-default sorting_desc_disabled",
+	"sSortableNone":       "ui-state-default sorting_disabled",
+	"sSortIcon":           "DataTables_sort_icon",
+
+	/* Scrolling */
+	"sScrollHead": "dataTables_scrollHead "+"ui-state-default",
+	"sScrollFoot": "dataTables_scrollFoot "+"ui-state-default",
+
+	/* Misc */
+	"sHeaderTH":  "ui-state-default",
+	"sFooterTH":  "ui-state-default"
+} );
+
+
+DataTable.ext.renderer.header.jqueryui = function ( settings, cell, column, classes ) {
+	// Calculate what the unsorted class should be
+	var noSortAppliedClass = sort_prefix+'carat-2-n-s';
+	var asc = $.inArray('asc', column.asSorting) !== -1;
+	var desc = $.inArray('desc', column.asSorting) !== -1;
+
+	if ( !column.bSortable || (!asc && !desc) ) {
+		noSortAppliedClass = '';
+	}
+	else if ( asc && !desc ) {
+		noSortAppliedClass = sort_prefix+'carat-1-n';
+	}
+	else if ( !asc && desc ) {
+		noSortAppliedClass = sort_prefix+'carat-1-s';
+	}
+
+	// Setup the DOM structure
+	$('<div/>')
+		.addClass( 'DataTables_sort_wrapper' )
+		.append( cell.contents() )
+		.append( $('<span/>')
+			.addClass( classes.sSortIcon+' '+noSortAppliedClass )
+		)
+		.appendTo( cell );
+
+	// Attach a sort listener to update on sort
+	$(settings.nTable).on( 'order.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(
+				sort_prefix+'triangle-1-n' +" "+
+				sort_prefix+'triangle-1-s' +" "+
+				sort_prefix+'carat-2-n-s' +" "+
+				sort_prefix+'carat-1-n' +" "+
+				sort_prefix+'carat-1-s'
+			)
+			.addClass( columns[ colIdx ] == 'asc' ?
+				sort_prefix+'triangle-1-n' : columns[ colIdx ] == 'desc' ?
+					sort_prefix+'triangle-1-s' :
+					noSortAppliedClass
+			);
+	} );
+};
+
+
+/*
+ * TableTools jQuery UI compatibility
+ * Required TableTools 2.1+
+ */
+if ( DataTable.TableTools ) {
+	$.extend( true, DataTable.TableTools.classes, {
+		"container": "DTTT_container ui-buttonset ui-buttonset-multi",
+		"buttons": {
+			"normal": "DTTT_button ui-button ui-state-default"
+		},
+		"collection": {
+			"container": "DTTT_collection ui-buttonset ui-buttonset-multi"
+		}
+	} );
+}
+
+}; // /factory
+
+
+// Define as an AMD module if possible
+if ( typeof define === 'function' && define.amd ) {
+	define( ['jquery', 'datatables'], factory );
+}
+else if ( typeof exports === 'object' ) {
+    // Node/CommonJS
+    factory( require('jquery'), require('datatables') );
+}
+else if ( jQuery ) {
+	// Otherwise simply initialise as normal, stopping multiple evaluation
+	factory( jQuery, jQuery.fn.dataTable );
+}
+
+
+})(window, document);
+
diff --git a/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.min.js b/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.min.js
new file mode 100644
index 0000000..45a4fcd
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.min.js
@@ -0,0 +1,9 @@
+/*!
+ DataTables jQuery UI integration
+ ©2011-2014 SpryMedia Ltd - datatables.net/license
+*/
+(function(){var b=function(a,c){a.extend(!0,c.defaults,{dom:'<"fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-tl ui-corner-tr"lfr>t<"fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-bl ui-corner-br"ip>',renderer:"jqueryui"});a.extend(c.ext.classes,{sWrapper:"dataTables_wrapper dt-jqueryui",sPageButton:"fg-button ui-button ui-state-default",sPageButtonActive:"ui-state-disabled",sPageButtonDisabled:"ui-state-disabled",sPaging:"dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_",
+sSortAsc:"ui-state-default sorting_asc",sSortDesc:"ui-state-default sorting_desc",sSortable:"ui-state-default sorting",sSortableAsc:"ui-state-default sorting_asc_disabled",sSortableDesc:"ui-state-default sorting_desc_disabled",sSortableNone:"ui-state-default sorting_disabled",sSortIcon:"DataTables_sort_icon",sScrollHead:"dataTables_scrollHead ui-state-default",sScrollFoot:"dataTables_scrollFoot ui-state-default",sHeaderTH:"ui-state-default",sFooterTH:"ui-state-default"});c.ext.renderer.header.jqueryui=
+function(c,g,e,d){var f="css_right ui-icon ui-icon-carat-2-n-s",b=-1!==a.inArray("asc",e.asSorting),h=-1!==a.inArray("desc",e.asSorting);!e.bSortable||!b&&!h?f="":b&&!h?f="css_right ui-icon ui-icon-carat-1-n":!b&&h&&(f="css_right ui-icon ui-icon-carat-1-s");a("<div/>").addClass("DataTables_sort_wrapper").append(g.contents()).append(a("<span/>").addClass(d.sSortIcon+" "+f)).appendTo(g);a(c.nTable).on("order.dt",function(a,b,h,i){c===b&&(a=e.idx,g.removeClass(d.sSortAsc+" "+d.sSortDesc).addClass("asc"==
+i[a]?d.sSortAsc:"desc"==i[a]?d.sSortDesc:e.sSortingClass),g.find("span."+d.sSortIcon).removeClass("css_right ui-icon ui-icon-triangle-1-n css_right ui-icon ui-icon-triangle-1-s css_right ui-icon ui-icon-carat-2-n-s css_right ui-icon ui-icon-carat-1-n css_right ui-icon ui-icon-carat-1-s").addClass("asc"==i[a]?"css_right ui-icon ui-icon-triangle-1-n":"desc"==i[a]?"css_right ui-icon ui-icon-triangle-1-s":f))})};c.TableTools&&a.extend(!0,c.TableTools.classes,{container:"DTTT_container ui-buttonset ui-buttonset-multi",
+buttons:{normal:"DTTT_button ui-button ui-state-default"},collection:{container:"DTTT_collection ui-buttonset ui-buttonset-multi"}})};"function"===typeof define&&define.amd?define(["jquery","datatables"],b):"object"===typeof exports?b(require("jquery"),require("datatables")):jQuery&&b(jQuery,jQuery.fn.dataTable)})(window,document);
diff --git a/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.scss b/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.scss
new file mode 100644
index 0000000..86f7a7d
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/jqueryui/dataTables.jqueryui.scss
@@ -0,0 +1,629 @@
+
+
+ //
+ // Colour customisation
+ //
+
+// Border between the header (and footer) and the table body
+$table-header-border: 1px solid #111;
+
+// Border of rows / cells
+$table-body-border: 1px solid #ddd;
+
+// Row background colour (hover, striping etc are all based on this colour and
+// calculated automatically)
+$table-row-background: #ffffff;
+
+// Row colour, when selected (tr.selected)
+$table-row-selected: #B0BED9;
+
+// Text colour of the interaction control elements (info, filter, paging etc)
+$table-control-color: #333;
+
+// Highlight colour of the paging button for the current page
+$table-paging-button-active: #dcdcdc;
+
+// Hover colour of paging buttons on mouse over
+$table-paging-button-hover: #111;
+
+
+
+//
+// Functions / mixins
+//
+@function tint( $color, $percent ) {
+  @return mix(white, $color, $percent);
+}
+
+@function shade( $color, $percent ) {
+  @return mix(black, $color, $percent);
+}
+
+@mixin gradient( $from, $to ) {
+  background-color: $from;
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$from), color-stop(100%,$to)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,     $from 0%, $to 100%); /* Chrome10+,Safari5.1+ */
+  background:    -moz-linear-gradient(top,     $from 0%, $to 100%); /* FF3.6+ */
+  background:     -ms-linear-gradient(top,     $from 0%, $to 100%); /* IE10+ */
+  background:      -o-linear-gradient(top,     $from 0%, $to 100%); /* Opera 11.10+ */
+  background:         linear-gradient(to bottom, $from 0%, $to 100%); /* W3C */
+}
+
+
+/*
+ * Table styles
+ */
+table.dataTable {
+  width: 100%;
+  margin: 0 auto;
+  clear: both;
+  border-collapse: separate;
+  border-spacing: 0;
+
+  /*
+   * Header and footer styles
+   */
+  thead,
+  tfoot {
+    th,
+    td {
+      padding: 4px 10px;
+    }
+
+    th {
+      font-weight: bold;
+    }
+  }
+
+  thead th,
+  thead td {
+    &:active {
+      outline: none;
+    }
+  }
+
+  // Sorting
+  thead {
+    .sorting_asc,
+    .sorting_desc,
+    .sorting {
+      cursor: pointer;
+      *cursor: hand;
+    }
+
+    th div.DataTables_sort_wrapper {
+      position: relative;
+      padding-right: 10px;
+
+      span {
+        position: absolute;
+        top: 50%;
+        margin-top: -8px;
+        right: -5px;
+      }
+    }
+
+    th.ui-state-default {
+      border-right-width: 0;
+
+      &:last-child {
+        border-right-width: 1px;
+      }
+    }
+  }
+
+
+  /*
+   * Body styles
+   */
+  tbody {
+    tr {
+      background-color: $table-row-background;
+
+      &.selected {
+        background-color: $table-row-selected;
+      }
+    }
+
+    th,
+    td {
+      padding: 8px 10px;
+    }
+  }
+
+  th.center,
+  td.center,
+  td.dataTables_empty {
+    text-align: center;
+  }
+
+  th.right,
+  td.right {
+    text-align: right;
+  }
+
+
+  // Stripe classes - add "row-border" class to the table to activate
+  &.row-border tbody,
+  &.display tbody {
+    th, td {
+      border-top: $table-body-border;
+    }
+
+    tr:first-child th,
+    tr:first-child td {
+      border-top: none;
+    }
+  }
+
+
+  // Stripe classes - add "cell-border" class to the table to activate
+  &.cell-border tbody {
+    th, td {
+      border-top: $table-body-border;
+      border-right: $table-body-border;
+    }
+
+    tr th:first-child,
+    tr td:first-child {
+      border-left: $table-body-border;
+    }
+
+    tr:first-child th,
+    tr:first-child td {
+      border-top: none;
+    }
+  }
+
+
+  // Stripe classes - add "stripe" class to the table to activate
+  &.stripe tbody,
+  &.display tbody {
+    tr.odd {
+      background-color: shade($table-row-background, 2.35%); // shade by f9
+
+      &.selected {
+        background-color: shade($table-row-selected, 2.35%);
+      }
+    }
+  }
+
+
+  // Hover classes - add "hover" class to the table to activate
+  &.hover tbody,
+  &.display tbody {
+    tr:hover,
+    tr.odd:hover,
+    tr.even:hover {
+      background-color: shade($table-row-background, 3.6%); // shade by f5
+
+      &.selected {
+        background-color: shade($table-row-selected, 3.6%);
+      }
+    }
+  }
+
+
+  // Sort column highlighting - add "hover" class to the table to activate
+  &.order-column,
+  &.display {
+    tbody {
+      tr>.sorting_1,
+      tr>.sorting_2,
+      tr>.sorting_3 {
+        background-color: shade($table-row-background, 2%); // shade by fa
+      }
+
+      tr.selected>.sorting_1,
+      tr.selected>.sorting_2,
+      tr.selected>.sorting_3 {
+        background-color: shade($table-row-selected, 2%);
+      }
+    }
+  }
+
+  &.display tbody,
+  &.order-column.stripe tbody {
+    tr.odd {
+      >.sorting_1 { background-color: shade($table-row-background, 5.4%); } // shade by f1
+      >.sorting_2 { background-color: shade($table-row-background, 4.7%); } // shade by f3
+      >.sorting_3 { background-color: shade($table-row-background, 3.9%); } // shade by f5
+
+      &.selected {
+        >.sorting_1 { background-color: shade($table-row-selected, 5.4%); }
+        >.sorting_2 { background-color: shade($table-row-selected, 4.7%); }
+        >.sorting_3 { background-color: shade($table-row-selected, 3.9%); }
+      }
+    }
+
+    tr.even {
+      >.sorting_1 { background-color: shade($table-row-background, 2%); } // shade by fa
+      >.sorting_2 { background-color: shade($table-row-background, 1.2%); } // shade by fc
+      >.sorting_3 { background-color: shade($table-row-background, 0.4%); } // shade by fe
+      
+      &.selected {
+        >.sorting_1 { background-color: shade($table-row-selected, 2%); }
+        >.sorting_2 { background-color: shade($table-row-selected, 1.2%); }
+        >.sorting_3 { background-color: shade($table-row-selected, 0.4%); }
+      }
+    }
+  }
+
+  &.display tbody,
+  &.order-column.hover tbody {
+    tr:hover,
+    tr.odd:hover,
+    tr.even:hover {
+      >.sorting_1 { background-color: shade($table-row-background, 8.2%); } // shade by ea
+      >.sorting_2 { background-color: shade($table-row-background, 7.5%); } // shade by ec
+      >.sorting_3 { background-color: shade($table-row-background, 6.3%); } // shade by ef
+
+      &.selected {
+        >.sorting_1 { background-color: shade($table-row-selected, 8.2%); }
+        >.sorting_2 { background-color: shade($table-row-selected, 7.5%); }
+        >.sorting_3 { background-color: shade($table-row-selected, 6.3%); }
+      }
+    }
+  }
+
+  &.nowrap {
+    th, td {
+      white-space: nowrap;
+    }
+  }
+
+  &.compact {
+    thead th,
+    thead td {
+      padding: 5px 9px;
+    }
+
+    tfoot th,
+    tfoot td {
+      padding: 5px 9px 3px 9px;
+    }
+
+    tbody th,
+    tbody td {
+      padding: 4px 5px;
+    }
+  }
+
+
+  // Typography
+  th.dt-left,
+  td.dt-left {
+    text-align: left;
+  }
+
+  th.dt-center,
+  td.dt-center,
+  td.dataTables_empty {
+    text-align: center;
+  }
+
+  th.dt-right,
+  td.dt-right {
+    text-align: right;
+  }
+
+  th.dt-justify,
+  td.dt-justify {
+    text-align: justify;
+  }
+
+  th.dt-nowrap,
+  td.dt-nowrap {
+    white-space: nowrap;
+  }
+
+  thead,
+  tfoot {
+    th.dt-head-left,
+    td.dt-head-left {
+      text-align: left;
+    }
+
+    th.dt-head-center,
+    td.dt-head-center{
+      text-align: center;
+    }
+
+    th.dt-head-right,
+    td.dt-head-right {
+      text-align: right;
+    }
+
+    th.dt-head-justify,
+    td.dt-head-justify {
+      text-align: justify;
+    }
+
+    th.dt-head-nowrap,
+    td.dt-head-nowrap {
+      white-space: nowrap;
+    }
+  }
+
+  tbody {
+    th.dt-body-left,
+    td.dt-body-left {
+      text-align: left;
+    }
+
+    th.dt-body-center,
+    td.dt-body-center {
+      text-align: center;
+    }
+
+    th.dt-body-right,
+    td.dt-body-right {
+      text-align: right;
+    }
+
+    th.dt-body-justify,
+    td.dt-body-justify {
+      text-align: justify;
+    }
+
+    th.dt-body-nowrap,
+    td.dt-body-nowrap {
+      white-space: nowrap;
+    }
+  }
+}
+
+// Its not uncommon to use * {border-box} now, but it messes up the column width
+// calculations, so use content-box for the table and cells
+table.dataTable,
+table.dataTable th,
+table.dataTable td {
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+}
+
+
+
+/*
+ * Control feature layout
+ */
+.dataTables_wrapper {
+  position: relative;
+  clear: both;
+  *zoom: 1;
+
+  // Page length options
+  .dataTables_length {
+    float: left;
+  }
+
+  // Filtering input
+  .dataTables_filter {
+    float: right;
+    text-align: right;
+
+    input {
+      margin-left: 0.5em;
+    }
+  }
+
+  // Table info
+  .dataTables_info {
+    clear: both;
+    float: left;
+    padding-top: 0.55em;
+  }
+
+  // Paging
+  .dataTables_paginate {
+    float: right;
+    text-align: right;
+
+    .fg-button {
+      box-sizing: border-box;
+      display: inline-block;
+      min-width: 1.5em;
+      padding: 0.5em;
+      margin-left: 2px;
+      text-align: center;
+      text-decoration: none !important;
+      cursor: pointer;
+      *cursor: hand;
+
+      color: $table-control-color !important;
+      border: 1px solid transparent;
+
+      &:active {
+        outline: none;
+      }
+    }
+
+    .fg-button:first-child {
+      border-top-left-radius: 3px;
+      border-bottom-left-radius: 3px;
+    }
+
+    .fg-button:last-child {
+      border-top-right-radius: 3px;
+      border-bottom-right-radius: 3px;
+    }
+  }
+
+  // Processing
+  .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($table-row-background, 0)), color-stop(25%,rgba($table-row-background, 0.9)), color-stop(75%,rgba($table-row-background, 0.9)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(left,     rgba($table-row-background, 0) 0%, rgba($table-row-background, 0.9) 25%, rgba($table-row-background, 0.9) 75%, rgba($table-row-background, 0) 100%); /* Chrome10+,Safari5.1+ */
+    background:    -moz-linear-gradient(left,     rgba($table-row-background, 0) 0%, rgba($table-row-background, 0.9) 25%, rgba($table-row-background, 0.9) 75%, rgba($table-row-background, 0) 100%); /* FF3.6+ */
+    background:     -ms-linear-gradient(left,     rgba($table-row-background, 0) 0%, rgba($table-row-background, 0.9) 25%, rgba($table-row-background, 0.9) 75%, rgba($table-row-background, 0) 100%); /* IE10+ */
+    background:      -o-linear-gradient(left,     rgba($table-row-background, 0) 0%, rgba($table-row-background, 0.9) 25%, rgba($table-row-background, 0.9) 75%, rgba($table-row-background, 0) 100%); /* Opera 11.10+ */
+    background:         linear-gradient(to right, rgba($table-row-background, 0) 0%, rgba($table-row-background, 0.9) 25%, rgba($table-row-background, 0.9) 75%, rgba($table-row-background, 0) 100%); /* W3C */
+  }
+
+  .dataTables_length,
+  .dataTables_filter,
+  .dataTables_info,
+  .dataTables_processing,
+  .dataTables_paginate {
+    color: $table-control-color;
+  }
+
+  // Scrolling
+  .dataTables_scroll {
+    clear: both;
+  }
+
+  .dataTables_scrollBody {
+    *margin-top: -1px;
+    -webkit-overflow-scrolling: touch;
+  }
+
+
+  .ui-widget-header {
+    font-weight: normal;
+  }
+
+  .ui-toolbar {
+    padding: 8px;
+  }
+
+  // Self clear the wrapper
+  &:after {
+    visibility: hidden;
+    display: block;
+    content: "";
+    clear: both;
+    height: 0;
+  }
+  zoom: 1; // Poor old IE
+}
+
+
+// Collapse the two column display of the control elements when the screen is
+// small
+@media screen and (max-width: 767px) {
+  .dataTables_wrapper {
+    .dataTables_length,
+    .dataTables_filter,
+    .dataTables_info,
+    .dataTables_paginate {
+      float: none;
+      text-align: center;
+    }
+
+    .dataTables_filter,
+    .dataTables_paginate {
+      margin-top: 0.5em;
+    }
+  }
+}
+
+
+
+/*
+ * TableTools styling for jQuery UI
+ */
+div.DTTT_container {
+  position: relative;
+  float: left;
+}
+
+.DTTT_button {
+  position: relative;
+  float: left;
+  margin-right: 3px;
+  padding: 3px 10px;
+  border: 1px solid #d0d0d0;
+  background-color: #fff;
+  color: #333;
+  cursor: pointer;
+}
+
+.DTTT_button::-moz-focus-inner { 
+  border: none !important;
+  padding: 0;
+}
+
+.DTTT_disabled {
+  color: #999;
+}
+
+table.DTTT_selectable tbody tr {
+  cursor: pointer;
+}
+
+div.DTTT_collection {
+  width: 150px;
+  background-color: #f3f3f3;
+  overflow: hidden;
+  z-index: 2002;
+  
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+
+  button.DTTT_button,
+  div.DTTT_button,
+  a.DTTT_button {
+    float: none;
+    width: 100%;
+    margin-bottom: -0.1em;
+  }
+}
+
+div.DTTT_collection_background {
+  background: black;
+  z-index: 2001;
+}
+
+.DTTT_print_info {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 400px;
+  height: 150px;
+  margin-left: -200px;
+  margin-top: -75px;
+  text-align: center;
+  background-color: #3f3f3f;
+  color: white;
+  padding: 10px 30px;
+  
+  opacity: 0.9;
+  
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+
+  .DTTT_print_info {
+    h6 {
+      font-weight: normal;
+      font-size: 28px;
+      line-height: 28px;
+      margin: 1em;
+    }
+
+    p {
+      font-size: 14px;
+      line-height: 20px;
+    }
+  }
+}
+
diff --git a/webroot/components/datatables-plugins/integration/jqueryui/index.html b/webroot/components/datatables-plugins/integration/jqueryui/index.html
new file mode 100644
index 0000000..bba37f4
--- /dev/null
+++ b/webroot/components/datatables-plugins/integration/jqueryui/index.html
@@ -0,0 +1,444 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		
+		<title>DataTables jQuery UI example</title>
+
+		<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
+		<link rel="stylesheet" type="text/css" href="dataTables.jqueryui.css">
+
+		<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
+		<!--<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10-dev/js/jquery.dataTables.js"></script>-->
+		<script type="text/javascript" language="javascript" src="/dataTables/DataTablesSrc/built/js/jquery.dataTables.js"></script>
+		<script type="text/javascript" language="javascript" src="dataTables.jqueryui.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready(function() {
+				$('#example').dataTable();
+			} );
+		</script>
+	</head>
+	<body>
+		<div class="container">
+			<p>Please note that the integration files presented here have now been deprecated and is no longer maintained. The jQuery UI integration for DataTables has been moved into the core library to improve its support and compatibility while making maintenance easier. Please refer to the <a href="https://datatables.net/manual/styling/jqueryui">DataTables jQuery UI styling documentation</a> for details on how to use the new styling integration.</p>
+			
+<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
+	<thead>
+		<tr>
+			<th>Rendering engine</th>
+			<th>Browser</th>
+			<th>Platform(s)</th>
+			<th>Engine version</th>
+			<th>CSS grade</th>
+		</tr>
+	</thead>
+	<tbody>
+		<tr class="odd gradeX">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 4.0</td>
+			<td>Win 95+</td>
+			<td class="center"> 4</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="even gradeC">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 5.0</td>
+			<td>Win 95+</td>
+			<td class="center">5</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="odd gradeA">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 5.5</td>
+			<td>Win 95+</td>
+			<td class="center">5.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="even gradeA">
+			<td>Trident</td>
+			<td>Internet
+				 Explorer 6</td>
+			<td>Win 98+</td>
+			<td class="center">6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="odd gradeA">
+			<td>Trident</td>
+			<td>Internet Explorer 7</td>
+			<td>Win XP SP2+</td>
+			<td class="center">7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="even gradeA">
+			<td>Trident</td>
+			<td>AOL browser (AOL desktop)</td>
+			<td>Win XP</td>
+			<td class="center">6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 1.0</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 1.5</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 2.0</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Firefox 3.0</td>
+			<td>Win 2k+ / OSX.3+</td>
+			<td class="center">1.9</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Camino 1.0</td>
+			<td>OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Camino 1.5</td>
+			<td>OSX.3+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape 7.2</td>
+			<td>Win 95+ / Mac OS 8.6-9.2</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape Browser 8</td>
+			<td>Win 98SE+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Netscape Navigator 9</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.0</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.1</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.2</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.2</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.3</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.4</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.4</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.5</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.6</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">1.6</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.7</td>
+			<td>Win 98+ / OSX.1+</td>
+			<td class="center">1.7</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Mozilla 1.8</td>
+			<td>Win 98+ / OSX.1+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Seamonkey 1.1</td>
+			<td>Win 98+ / OSX.2+</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Gecko</td>
+			<td>Epiphany 2.20</td>
+			<td>Gnome</td>
+			<td class="center">1.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 1.2</td>
+			<td>OSX.3</td>
+			<td class="center">125.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 1.3</td>
+			<td>OSX.3</td>
+			<td class="center">312.8</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 2.0</td>
+			<td>OSX.4+</td>
+			<td class="center">419.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>Safari 3.0</td>
+			<td>OSX.4+</td>
+			<td class="center">522.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>OmniWeb 5.5</td>
+			<td>OSX.4+</td>
+			<td class="center">420</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>iPod Touch / iPhone</td>
+			<td>iPod</td>
+			<td class="center">420.1</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Webkit</td>
+			<td>S60</td>
+			<td>S60</td>
+			<td class="center">413</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 7.0</td>
+			<td>Win 95+ / OSX.1+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 7.5</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 8.0</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 8.5</td>
+			<td>Win 95+ / OSX.2+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.0</td>
+			<td>Win 95+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.2</td>
+			<td>Win 88+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera 9.5</td>
+			<td>Win 88+ / OSX.3+</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Opera for Wii</td>
+			<td>Wii</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Nokia N800</td>
+			<td>N800</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Presto</td>
+			<td>Nintendo DS browser</td>
+			<td>Nintendo DS</td>
+			<td class="center">8.5</td>
+			<td class="center">C/A<sup>1</sup></td>
+		</tr>
+		<tr class="gradeC">
+			<td>KHTML</td>
+			<td>Konqureror 3.1</td>
+			<td>KDE 3.1</td>
+			<td class="center">3.1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>KHTML</td>
+			<td>Konqureror 3.3</td>
+			<td>KDE 3.3</td>
+			<td class="center">3.3</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeA">
+			<td>KHTML</td>
+			<td>Konqureror 3.5</td>
+			<td>KDE 3.5</td>
+			<td class="center">3.5</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Tasman</td>
+			<td>Internet Explorer 4.5</td>
+			<td>Mac OS 8-9</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Tasman</td>
+			<td>Internet Explorer 5.1</td>
+			<td>Mac OS 7.6-9</td>
+			<td class="center">1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Tasman</td>
+			<td>Internet Explorer 5.2</td>
+			<td>Mac OS 8-X</td>
+			<td class="center">1</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Misc</td>
+			<td>NetFront 3.1</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeA">
+			<td>Misc</td>
+			<td>NetFront 3.4</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">A</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Dillo 0.8</td>
+			<td>Embedded devices</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Links</td>
+			<td>Text only</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeX">
+			<td>Misc</td>
+			<td>Lynx</td>
+			<td>Text only</td>
+			<td class="center">-</td>
+			<td class="center">X</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Misc</td>
+			<td>IE Mobile</td>
+			<td>Windows Mobile 6</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeC">
+			<td>Misc</td>
+			<td>PSP browser</td>
+			<td>PSP</td>
+			<td class="center">-</td>
+			<td class="center">C</td>
+		</tr>
+		<tr class="gradeU">
+			<td>Other browsers</td>
+			<td>All others</td>
+			<td>-</td>
+			<td class="center">-</td>
+			<td class="center">U</td>
+		</tr>
+	</tbody>
+</table>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/pagination/ellipses.js b/webroot/components/datatables-plugins/pagination/ellipses.js
new file mode 100644
index 0000000..25d3733
--- /dev/null
+++ b/webroot/components/datatables-plugins/pagination/ellipses.js
@@ -0,0 +1,160 @@
+/*
+ * This plug-in adds another pagination option similar to `full_numbers`, except
+ * it adds ellipses around the page numbers when applicable. You can set how
+ * many page numbers should be displayed with the iShowPages option.
+ * 
+ * This plug- in extends the oStdClasses object with the following properties:
+ * sPageEllipsis, sPageNumber and sPageNumbers.
+ * 
+ * It also extends the oSettings object with the following properties:
+ * _iShowPages, _iShowPagesHalf, _iCurrentPage, _iTotalPages, _iFirstPage and
+ * _iLastPage.
+ *
+ * Note that DataTables 1.10 has this ability built in. As such, this plug-ins
+ * has been marked as deprecated, but may still be useful for if you are using
+ * an old version of DataTables.
+ *
+ * @name Ellipses
+ * @summary Show ellipses in the pagination control where there is a gap in numbers
+ * @deprecated
+ * @author [Dave Kennedy](http://daveden.wordpress.com/)
+ * @example
+ *     $(document).ready(function() {
+ *         $('#example').dataTable({
+ *             'sPaginationType': 'ellipses'
+ *         });
+ *     });
+ */
+
+$.extend($.fn.dataTableExt.oStdClasses, {
+    'sPageEllipsis': 'paginate_ellipsis',
+    'sPageNumber': 'paginate_number',
+    'sPageNumbers': 'paginate_numbers'
+});
+
+$.fn.dataTableExt.oPagination.ellipses = {
+    'oDefaults': {
+        'iShowPages': 5
+    },
+    'fnClickHandler': function(e) {
+        var fnCallbackDraw = e.data.fnCallbackDraw,
+            oSettings = e.data.oSettings,
+            sPage = e.data.sPage;
+
+        if ($(this).is('[disabled]')) {
+            return false;
+        }
+
+        oSettings.oApi._fnPageChange(oSettings, sPage);
+        fnCallbackDraw(oSettings);
+
+        return true;
+    },
+    // fnInit is called once for each instance of pager
+    'fnInit': function(oSettings, nPager, fnCallbackDraw) {
+        var oClasses = oSettings.oClasses,
+            oLang = oSettings.oLanguage.oPaginate,
+            that = this;
+
+        var iShowPages = oSettings.oInit.iShowPages || this.oDefaults.iShowPages,
+            iShowPagesHalf = Math.floor(iShowPages / 2);
+
+        $.extend(oSettings, {
+            _iShowPages: iShowPages,
+            _iShowPagesHalf: iShowPagesHalf,
+        });
+
+        var oFirst = $('<a class="' + oClasses.sPageButton + ' ' + oClasses.sPageFirst + '">' + oLang.sFirst + '</a>'),
+            oPrevious = $('<a class="' + oClasses.sPageButton + ' ' + oClasses.sPagePrevious + '">' + oLang.sPrevious + '</a>'),
+            oNumbers = $('<span class="' + oClasses.sPageNumbers + '"></span>'),
+            oNext = $('<a class="' + oClasses.sPageButton + ' ' + oClasses.sPageNext + '">' + oLang.sNext + '</a>'),
+            oLast = $('<a class="' + oClasses.sPageButton + ' ' + oClasses.sPageLast + '">' + oLang.sLast + '</a>');
+
+        oFirst.click({ 'fnCallbackDraw': fnCallbackDraw, 'oSettings': oSettings, 'sPage': 'first' }, that.fnClickHandler);
+        oPrevious.click({ 'fnCallbackDraw': fnCallbackDraw, 'oSettings': oSettings, 'sPage': 'previous' }, that.fnClickHandler);
+        oNext.click({ 'fnCallbackDraw': fnCallbackDraw, 'oSettings': oSettings, 'sPage': 'next' }, that.fnClickHandler);
+        oLast.click({ 'fnCallbackDraw': fnCallbackDraw, 'oSettings': oSettings, 'sPage': 'last' }, that.fnClickHandler);
+
+        // Draw
+        $(nPager).append(oFirst, oPrevious, oNumbers, oNext, oLast);
+    },
+    // fnUpdate is only called once while table is rendered
+    'fnUpdate': function(oSettings, fnCallbackDraw) {
+        var oClasses = oSettings.oClasses,
+            that = this;
+
+        var tableWrapper = oSettings.nTableWrapper;
+
+        // Update stateful properties
+        this.fnUpdateState(oSettings);
+
+        if (oSettings._iCurrentPage === 1) {
+            $('.' + oClasses.sPageFirst, tableWrapper).attr('disabled', true);
+            $('.' + oClasses.sPagePrevious, tableWrapper).attr('disabled', true);
+        } else {
+            $('.' + oClasses.sPageFirst, tableWrapper).removeAttr('disabled');
+            $('.' + oClasses.sPagePrevious, tableWrapper).removeAttr('disabled');
+        }
+
+        if (oSettings._iTotalPages === 0 || oSettings._iCurrentPage === oSettings._iTotalPages) {
+            $('.' + oClasses.sPageNext, tableWrapper).attr('disabled', true);
+            $('.' + oClasses.sPageLast, tableWrapper).attr('disabled', true);
+        } else {
+            $('.' + oClasses.sPageNext, tableWrapper).removeAttr('disabled');
+            $('.' + oClasses.sPageLast, tableWrapper).removeAttr('disabled');
+        }
+
+        var i, oNumber, oNumbers = $('.' + oClasses.sPageNumbers, tableWrapper);
+
+        // Erase
+        oNumbers.html('');
+
+        for (i = oSettings._iFirstPage; i <= oSettings._iLastPage; i++) {
+            oNumber = $('<a class="' + oClasses.sPageButton + ' ' + oClasses.sPageNumber + '">' + oSettings.fnFormatNumber(i) + '</a>');
+
+            if (oSettings._iCurrentPage === i) {
+                oNumber.attr('active', true).attr('disabled', true);
+            } else {
+                oNumber.click({ 'fnCallbackDraw': fnCallbackDraw, 'oSettings': oSettings, 'sPage': i - 1 }, that.fnClickHandler);
+            }
+
+            // Draw
+            oNumbers.append(oNumber);
+        }
+
+        // Add ellipses
+        if (1 < oSettings._iFirstPage) {
+            oNumbers.prepend('<span class="' + oClasses.sPageEllipsis + '">...</span>');
+        }
+
+        if (oSettings._iLastPage < oSettings._iTotalPages) {
+            oNumbers.append('<span class="' + oClasses.sPageEllipsis + '">...</span>');
+        }
+    },
+    // fnUpdateState used to be part of fnUpdate
+    // The reason for moving is so we can access current state info before fnUpdate is called
+    'fnUpdateState': function(oSettings) {
+        var iCurrentPage = Math.ceil((oSettings._iDisplayStart + 1) / oSettings._iDisplayLength),
+            iTotalPages = Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength),
+            iFirstPage = iCurrentPage - oSettings._iShowPagesHalf,
+            iLastPage = iCurrentPage + oSettings._iShowPagesHalf;
+
+        if (iTotalPages < oSettings._iShowPages) {
+            iFirstPage = 1;
+            iLastPage = iTotalPages;
+        } else if (iFirstPage < 1) {
+            iFirstPage = 1;
+            iLastPage = oSettings._iShowPages;
+        } else if (iLastPage > iTotalPages) {
+            iFirstPage = (iTotalPages - oSettings._iShowPages) + 1;
+            iLastPage = iTotalPages;
+        }
+
+        $.extend(oSettings, {
+            _iCurrentPage: iCurrentPage,
+            _iTotalPages: iTotalPages,
+            _iFirstPage: iFirstPage,
+            _iLastPage: iLastPage
+        });
+    }
+};
diff --git a/webroot/components/datatables-plugins/pagination/extjs.js b/webroot/components/datatables-plugins/pagination/extjs.js
new file mode 100644
index 0000000..6063488
--- /dev/null
+++ b/webroot/components/datatables-plugins/pagination/extjs.js
@@ -0,0 +1,137 @@
+/**
+ * This pagination plug-in provides pagination controls for DataTables which
+ * match the style and interaction of the ExtJS library's grid component.
+ *
+ *  @name ExtJS style
+ *  @summary Pagination in the styling of ExtJS
+ *  @author [Zach Curtis](http://zachariahtimothy.wordpress.com/)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "sPaginationType": "extStyle"
+ *        } );
+ *    } );
+ */
+
+$.fn.dataTableExt.oApi.fnExtStylePagingInfo = 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 )
+	};
+};
+
+$.fn.dataTableExt.oPagination.extStyle = {
+    
+
+    "fnInit": function (oSettings, nPaging, fnCallbackDraw) {
+        
+        var oPaging = oSettings.oInstance.fnExtStylePagingInfo();
+
+        nFirst = $('<span/>', { 'class': 'paginate_button first' , text : "<<" });
+        nPrevious = $('<span/>', { 'class': 'paginate_button previous' , text : "<" });
+        nNext = $('<span/>', { 'class': 'paginate_button next' , text : ">" });
+        nLast = $('<span/>', { 'class': 'paginate_button last' , text : ">>" });
+        nPageTxt = $("<span />", { text: 'Page' });
+        nPageNumBox = $('<input />', { type: 'text', val: 1, 'class': 'pageinate_input_box' });
+        nPageOf = $('<span />', { text: '/' });
+        nTotalPages = $('<span />', { class :  "paginate_total" , text : oPaging.iTotalPages });
+
+        
+        $(nPaging)
+            .append(nFirst)
+            .append(nPrevious)
+            .append(nPageTxt)
+            .append(nPageNumBox)
+            .append(nPageOf)
+            .append(nTotalPages)
+            .append(nNext)
+            .append(nLast);
+  
+        nFirst.click(function () {
+            if( $(this).hasClass("disabled") )
+                return;
+            oSettings.oApi._fnPageChange(oSettings, "first");
+            fnCallbackDraw(oSettings);
+        }).bind('selectstart', function () { return false; });
+  
+        nPrevious.click(function () {
+            if( $(this).hasClass("disabled") )
+                return;
+            oSettings.oApi._fnPageChange(oSettings, "previous");
+            fnCallbackDraw(oSettings);
+        }).bind('selectstart', function () { return false; });
+  
+        nNext.click(function () {
+            if( $(this).hasClass("disabled") )
+                return;
+            oSettings.oApi._fnPageChange(oSettings, "next");
+            fnCallbackDraw(oSettings);
+        }).bind('selectstart', function () { return false; });
+  
+        nLast.click(function () {
+            if( $(this).hasClass("disabled") )
+                return;
+            oSettings.oApi._fnPageChange(oSettings, "last");
+            fnCallbackDraw(oSettings);
+        }).bind('selectstart', function () { return false; });
+  
+        nPageNumBox.change(function () {
+            var pageValue = parseInt($(this).val(), 10) - 1 ; // -1 because pages are 0 indexed, but the UI is 1
+            var oPaging = oSettings.oInstance.fnPagingInfo();
+            
+            if(pageValue === NaN || pageValue<0 ){
+                pageValue = 0;
+            }else if(pageValue >= oPaging.iTotalPages ){
+                pageValue = oPaging.iTotalPages -1;
+            }
+            oSettings.oApi._fnPageChange(oSettings, pageValue);
+            fnCallbackDraw(oSettings);
+        });
+  
+    },
+  
+  
+    "fnUpdate": function (oSettings, fnCallbackDraw) {
+        if (!oSettings.aanFeatures.p) {
+            return;
+        }
+        
+        var oPaging = oSettings.oInstance.fnExtStylePagingInfo();
+  
+        /* Loop over each instance of the pager */
+        var an = oSettings.aanFeatures.p;
+
+        $(an).find('span.paginate_total').html(oPaging.iTotalPages);
+        $(an).find('.pageinate_input_box').val(oPaging.iPage+1);
+                
+        $(an).each(function(index,item) {
+
+            var $item = $(item);
+           
+            if (oPaging.iPage == 0) {
+                var prev = $item.find('span.paginate_button.first').add($item.find('span.paginate_button.previous'));
+                prev.addClass("disabled");
+            }else {
+                var prev = $item.find('span.paginate_button.first').add($item.find('span.paginate_button.previous'));
+                prev.removeClass("disabled");
+            }
+  
+            if (oPaging.iPage+1 == oPaging.iTotalPages) {
+                var next = $item.find('span.paginate_button.last').add($item.find('span.paginate_button.next'));
+                next.addClass("disabled");
+            }else {
+                var next = $item.find('span.paginate_button.last').add($item.find('span.paginate_button.next'));
+                next.removeClass("disabled");
+            }
+        });
+    }
+};
diff --git a/webroot/components/datatables-plugins/pagination/four_button.js b/webroot/components/datatables-plugins/pagination/four_button.js
new file mode 100644
index 0000000..34b4f49
--- /dev/null
+++ b/webroot/components/datatables-plugins/pagination/four_button.js
@@ -0,0 +1,110 @@
+/**
+ * The built-in pagination functions provide either two buttons (forward / back)
+ * or lots of buttons (forward, back, first, last and individual pages). This
+ * plug-in meets the two in the middle providing navigation controls for
+ * forward, back, first and last.
+ *
+ * DataTables has this ability built in using the `dt-string full` option of
+ * the `dt-init pagingType` initialisation option. As such, this plug-in is
+ * marked as deprecated.
+ *
+ *  @name Four button navigation
+ *  @summary Display forward, back, first and last buttons.
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "sPaginationType": "four_button"
+ *        } );
+ *    } );
+ */
+
+$.fn.dataTableExt.oPagination.four_button = {
+	"fnInit": function ( oSettings, nPaging, fnCallbackDraw )
+	{
+		var nFirst = document.createElement( 'span' );
+		var nPrevious = document.createElement( 'span' );
+		var nNext = document.createElement( 'span' );
+		var nLast = document.createElement( 'span' );
+
+		nFirst.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sFirst ) );
+		nPrevious.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sPrevious ) );
+		nNext.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sNext ) );
+		nLast.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sLast ) );
+
+		nFirst.className = "paginate_button first";
+		nPrevious.className = "paginate_button previous";
+		nNext.className="paginate_button next";
+		nLast.className = "paginate_button last";
+
+		nPaging.appendChild( nFirst );
+		nPaging.appendChild( nPrevious );
+		nPaging.appendChild( nNext );
+		nPaging.appendChild( nLast );
+
+		$(nFirst).click( function () {
+			oSettings.oApi._fnPageChange( oSettings, "first" );
+			fnCallbackDraw( oSettings );
+		} );
+
+		$(nPrevious).click( function() {
+			oSettings.oApi._fnPageChange( oSettings, "previous" );
+			fnCallbackDraw( oSettings );
+		} );
+
+		$(nNext).click( function() {
+			oSettings.oApi._fnPageChange( oSettings, "next" );
+			fnCallbackDraw( oSettings );
+		} );
+
+		$(nLast).click( function() {
+			oSettings.oApi._fnPageChange( oSettings, "last" );
+			fnCallbackDraw( oSettings );
+		} );
+
+		/* Disallow text selection */
+		$(nFirst).bind( 'selectstart', function () { return false; } );
+		$(nPrevious).bind( 'selectstart', function () { return false; } );
+		$(nNext).bind( 'selectstart', function () { return false; } );
+		$(nLast).bind( 'selectstart', function () { return false; } );
+	},
+
+
+	"fnUpdate": function ( oSettings, fnCallbackDraw )
+	{
+		if ( !oSettings.aanFeatures.p )
+		{
+			return;
+		}
+
+		/* Loop over each instance of the pager */
+		var an = oSettings.aanFeatures.p;
+		for ( var i=0, iLen=an.length ; i<iLen ; i++ )
+		{
+			var buttons = an[i].getElementsByTagName('span');
+			if ( oSettings._iDisplayStart === 0 )
+			{
+				buttons[0].className = "paginate_disabled_previous";
+				buttons[1].className = "paginate_disabled_previous";
+			}
+			else
+			{
+				buttons[0].className = "paginate_enabled_previous";
+				buttons[1].className = "paginate_enabled_previous";
+			}
+
+			if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() )
+			{
+				buttons[2].className = "paginate_disabled_next";
+				buttons[3].className = "paginate_disabled_next";
+			}
+			else
+			{
+				buttons[2].className = "paginate_enabled_next";
+				buttons[3].className = "paginate_enabled_next";
+			}
+		}
+	}
+};
diff --git a/webroot/components/datatables-plugins/pagination/full_numbers_no_ellipses.js b/webroot/components/datatables-plugins/pagination/full_numbers_no_ellipses.js
new file mode 100644
index 0000000..17c91da
--- /dev/null
+++ b/webroot/components/datatables-plugins/pagination/full_numbers_no_ellipses.js
@@ -0,0 +1,59 @@
+/**
+ *  Plug-in offers the same functionality as `full_numbers` pagination type 
+ *  (see `pagingType` option) but without ellipses.
+ *
+ *  See [example](http://www.gyrocode.com/articles/jquery-datatables-pagination-without-ellipses) for demonstration.
+ *
+ *  @name Full Numbers - No Ellipses
+ *  @summary Same pagination as 'full_numbers' but without ellipses
+ *  @author [Michael Ryvkin](http://www.gyrocode.com)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "pagingType": "full_numbers_no_ellipses"
+ *        } );
+ *    } );
+ */
+
+$.fn.DataTable.ext.pager.full_numbers_no_ellipses = function(page, pages){
+   var numbers = [];
+   var buttons = $.fn.DataTable.ext.pager.numbers_length;
+   var half = Math.floor( buttons / 2 );
+
+   var _range = function ( len, start ){
+      var end;
+   
+      if ( typeof start === "undefined" ){ 
+         start = 0;
+         end = len;
+
+      } else {
+         end = start;
+         start = len;
+      }
+
+      var out = []; 
+      for ( var i = start ; i < end; i++ ){ out.push(i); }
+   
+      return out;
+   };
+    
+
+   if ( pages <= buttons ) {
+      numbers = _range( 0, pages );
+
+   } else if ( page <= half ) {
+      numbers = _range( 0, buttons);
+
+   } else if ( page >= pages - 1 - half ) {
+      numbers = _range( pages - buttons, pages );
+
+   } else {
+      numbers = _range( page - half, page + half + 1);
+   }
+
+   numbers.DT_el = 'span';
+
+   return [ 'first', 'previous', numbers, 'next', 'last' ];
+};
diff --git a/webroot/components/datatables-plugins/pagination/input.js b/webroot/components/datatables-plugins/pagination/input.js
new file mode 100644
index 0000000..31940cd
--- /dev/null
+++ b/webroot/components/datatables-plugins/pagination/input.js
@@ -0,0 +1,227 @@
+/**
+ * Sometimes for quick navigation, it can be useful to allow an end user to
+ * enter which page they wish to jump to manually. This paging control uses a
+ * text input box to accept new paging numbers (arrow keys are also allowed
+ * for), and four standard navigation buttons are also presented to the end
+ * user.
+ *
+ *  @name Navigation with text input
+ *  @summary Shows an input element into which the user can type a page number
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @author [Gordey Doronin](http://github.com/GDoronin)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "pagingType": "input"
+ *        } );
+ *    } );
+ */
+
+(function ($) {
+	function calcDisableClasses(oSettings) {
+		var start = oSettings._iDisplayStart;
+		var length = oSettings._iDisplayLength;
+		var visibleRecords = oSettings.fnRecordsDisplay();
+		var all = length === -1;
+
+		// Gordey Doronin: Re-used this code from main jQuery.dataTables source code. To be consistent.
+		var page = all ? 0 : Math.ceil(start / length);
+		var pages = all ? 1 : Math.ceil(visibleRecords / length);
+
+		var disableFirstPrevClass = (page > 0 ? '' : oSettings.oClasses.sPageButtonDisabled);
+		var disableNextLastClass = (page < pages - 1 ? '' : oSettings.oClasses.sPageButtonDisabled);
+
+		return {
+			'first': disableFirstPrevClass,
+			'previous': disableFirstPrevClass,
+			'next': disableNextLastClass,
+			'last': disableNextLastClass
+		};
+	}
+
+	function calcCurrentPage(oSettings) {
+		return Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength) + 1;
+	}
+
+	function calcPages(oSettings) {
+		return Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength);
+	}
+
+	var firstClassName = 'first';
+	var previousClassName = 'previous';
+	var nextClassName = 'next';
+	var lastClassName = 'last';
+
+	var paginateClassName = 'paginate';
+	var paginatePageClassName = 'paginate_page';
+	var paginateInputClassName = 'paginate_input';
+	var paginateTotalClassName = 'paginate_total';
+
+	$.fn.dataTableExt.oPagination.input = {
+		'fnInit': function (oSettings, nPaging, fnCallbackDraw) {
+			var nFirst = document.createElement('span');
+			var nPrevious = document.createElement('span');
+			var nNext = document.createElement('span');
+			var nLast = document.createElement('span');
+			var nInput = document.createElement('input');
+			var nTotal = document.createElement('span');
+			var nInfo = document.createElement('span');
+
+			var language = oSettings.oLanguage.oPaginate;
+			var classes = oSettings.oClasses;
+			var info = language.info || 'Page _INPUT_ of _TOTAL_';
+
+			nFirst.innerHTML = language.sFirst;
+			nPrevious.innerHTML = language.sPrevious;
+			nNext.innerHTML = language.sNext;
+			nLast.innerHTML = language.sLast;
+
+			nFirst.className = firstClassName + ' ' + classes.sPageButton;
+			nPrevious.className = previousClassName + ' ' + classes.sPageButton;
+			nNext.className = nextClassName + ' ' + classes.sPageButton;
+			nLast.className = lastClassName + ' ' + classes.sPageButton;
+
+			nInput.className = paginateInputClassName;
+			nTotal.className = paginateTotalClassName;
+
+			if (oSettings.sTableId !== '') {
+				nPaging.setAttribute('id', oSettings.sTableId + '_' + paginateClassName);
+				nFirst.setAttribute('id', oSettings.sTableId + '_' + firstClassName);
+				nPrevious.setAttribute('id', oSettings.sTableId + '_' + previousClassName);
+				nNext.setAttribute('id', oSettings.sTableId + '_' + nextClassName);
+				nLast.setAttribute('id', oSettings.sTableId + '_' + lastClassName);
+			}
+
+			nInput.type = 'text';
+
+			info = info.replace(/_INPUT_/g, '</span>' + nInput.outerHTML + '<span>');
+			info = info.replace(/_TOTAL_/g, '</span>' + nTotal.outerHTML + '<span>');
+			nInfo.innerHTML = '<span>' + info + '</span>';
+
+			nPaging.appendChild(nFirst);
+			nPaging.appendChild(nPrevious);
+			$(nInfo).children().each(function (i, n) {
+			    nPaging.appendChild(n);
+			});
+			nPaging.appendChild(nNext);
+			nPaging.appendChild(nLast);
+
+			$(nFirst).click(function() {
+				var iCurrentPage = calcCurrentPage(oSettings);
+				if (iCurrentPage !== 1) {
+					oSettings.oApi._fnPageChange(oSettings, 'first');
+					fnCallbackDraw(oSettings);
+				}
+			});
+
+			$(nPrevious).click(function() {
+				var iCurrentPage = calcCurrentPage(oSettings);
+				if (iCurrentPage !== 1) {
+					oSettings.oApi._fnPageChange(oSettings, 'previous');
+					fnCallbackDraw(oSettings);
+				}
+			});
+
+			$(nNext).click(function() {
+				var iCurrentPage = calcCurrentPage(oSettings);
+				if (iCurrentPage !== calcPages(oSettings)) {
+					oSettings.oApi._fnPageChange(oSettings, 'next');
+					fnCallbackDraw(oSettings);
+				}
+			});
+
+			$(nLast).click(function() {
+				var iCurrentPage = calcCurrentPage(oSettings);
+				if (iCurrentPage !== calcPages(oSettings)) {
+					oSettings.oApi._fnPageChange(oSettings, 'last');
+					fnCallbackDraw(oSettings);
+				}
+			});
+
+			$(nPaging).find('.' + paginateInputClassName).keyup(function (e) {
+				// 38 = up arrow, 39 = right arrow
+				if (e.which === 38 || e.which === 39) {
+					this.value++;
+				}
+				// 37 = left arrow, 40 = down arrow
+				else if ((e.which === 37 || e.which === 40) && this.value > 1) {
+					this.value--;
+				}
+
+				if (this.value === '' || this.value.match(/[^0-9]/)) {
+					/* Nothing entered or non-numeric character */
+					this.value = this.value.replace(/[^\d]/g, ''); // don't even allow anything but digits
+					return;
+				}
+
+				var iNewStart = oSettings._iDisplayLength * (this.value - 1);
+				if (iNewStart < 0) {
+					iNewStart = 0;
+				}
+				if (iNewStart >= oSettings.fnRecordsDisplay()) {
+					iNewStart = (Math.ceil((oSettings.fnRecordsDisplay()) / oSettings._iDisplayLength) - 1) * oSettings._iDisplayLength;
+				}
+
+				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; });
+
+			// If we can't page anyway, might as well not show it.
+			var iPages = calcPages(oSettings);
+			if (iPages <= 1) {
+				$(nPaging).hide();
+			}
+		},
+
+		'fnUpdate': function (oSettings) {
+			if (!oSettings.aanFeatures.p) {
+				return;
+			}
+
+			var iPages = calcPages(oSettings);
+			var iCurrentPage = calcCurrentPage(oSettings);
+
+			var an = oSettings.aanFeatures.p;
+			if (iPages <= 1) // hide paging when we can't page
+			{
+				$(an).hide();
+				return;
+			}
+
+			var disableClasses = calcDisableClasses(oSettings);
+
+			$(an).show();
+
+			// Enable/Disable `first` button.
+			$(an).children('.' + firstClassName)
+				.removeClass(oSettings.oClasses.sPageButtonDisabled)
+				.addClass(disableClasses[firstClassName]);
+
+			// Enable/Disable `prev` button.
+			$(an).children('.' + previousClassName)
+				.removeClass(oSettings.oClasses.sPageButtonDisabled)
+				.addClass(disableClasses[previousClassName]);
+
+			// Enable/Disable `next` button.
+			$(an).children('.' + nextClassName)
+				.removeClass(oSettings.oClasses.sPageButtonDisabled)
+				.addClass(disableClasses[nextClassName]);
+
+			// Enable/Disable `last` button.
+			$(an).children('.' + lastClassName)
+				.removeClass(oSettings.oClasses.sPageButtonDisabled)
+				.addClass(disableClasses[lastClassName]);
+
+			// Paginate of N pages text
+			$(an).find('.' + paginateTotalClassName).html(iPages);
+
+			// Current page number input value
+			$(an).find('.' + paginateInputClassName).val(iCurrentPage);
+		}
+	};
+})(jQuery);
diff --git a/webroot/components/datatables-plugins/pagination/jPaginator/dataTables.jPaginator.js b/webroot/components/datatables-plugins/pagination/jPaginator/dataTables.jPaginator.js
new file mode 100644
index 0000000..02d3685
--- /dev/null
+++ b/webroot/components/datatables-plugins/pagination/jPaginator/dataTables.jPaginator.js
@@ -0,0 +1,76 @@
+/**
+ * jQuery DataTables jPaginator plugin v1.0 - integration between DataTables and
+ * jPaginator
+ * by Ernani Azevedo <azevedo@intellinews.com.br>
+ *
+ * You'll need jQuery DataTables (http://datatables.net/) and jPaginator
+ * (http://remylab.github.com/jpaginator/) loaded before load this one.
+ *
+ * Full description is available here:
+ * http://www.intellinews.com.br/blog/2012/10/26/jquery-datatables-integration-with-jpaginator-4/
+ *
+ *  @license GPL v3.0.
+ *  @example
+ *   // Initialise DataTables with jPaginator paging
+ *   $('#example').dataTable ( {
+ *     'sPaginationType': 'jPaginator'
+ *   } );
+ */
+
+// API method to get paging information (Got idea from Twitter Bootstrap plugin):
+$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings)
+{
+  if ( oSettings)
+  {
+    return {
+      "iStart":         oSettings._iDisplayStart,
+      "iEnd":           oSettings.fnDisplayEnd (),
+      "iLength":        oSettings._iDisplayLength,
+      "iTotal":         oSettings.fnRecordsTotal (),
+      "iFilteredTotal": oSettings.fnRecordsDisplay (),
+      "iPage":          Math.ceil ( oSettings._iDisplayStart / oSettings._iDisplayLength),
+      "iTotalPages":    Math.ceil ( oSettings.fnRecordsDisplay () / oSettings._iDisplayLength)};
+  } else {
+    return {
+      "iStart": 0,          
+      "iEnd": 0,        
+      "iLength": 0,
+      "iTotal": 0,      
+      "iFilteredTotal": 0,
+      "iPage": 0,
+      "iTotalPages": 0
+    }
+  }
+};
+
+// Extends DataTable to support jPaginator pagination style:
+$.fn.dataTableExt.oPagination.jPaginator = {
+  'paginator': $('<span>').html ( '<nav id="m_left"></nav><nav id="o_left"></nav><div class="paginator_p_wrap"><div class="paginator_p_bloc"><!--<a class="paginator_p"></a>--></div></div><nav id="o_right"></nav><nav id="m_right"></nav><div class="paginator_slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div>'),
+  'fnInit': function ( oSettings, nPaging, fnCallbackDraw) {
+    $(nPaging).prepend ( this.paginator);
+    $(this.paginator).jPaginator ( {
+      selectedPage: 1,
+      nbPages: 1,
+      nbVisible: 6,
+      overBtnLeft: '#o_left',
+      overBtnRight: '#o_right',
+      maxBtnLeft: '#m_left',
+      maxBtnRight: '#m_right',
+      minSlidesForSlider: 2,
+      onPageClicked: function ( a, num) {
+        if ( num - 1 == Math.ceil ( oSettings._iDisplayStart / oSettings._iDisplayLength)) {
+          return;
+        }
+        oSettings._iDisplayStart = ( num - 1) * oSettings._iDisplayLength;
+        fnCallbackDraw ( oSettings);
+      }
+    }).addClass ( 'jPaginator');
+  },
+  'fnUpdate': function ( oSettings, fnCallbackDraw) {
+    if ( ! oSettings.aanFeatures.p) {
+      return;
+    }
+    var oPaging = oSettings.oInstance.fnPagingInfo ();
+    $(this.paginator).trigger ( 'reset', { nbVisible: 6, selectedPage: oPaging.iPage + 1, nbPages: oPaging.iTotalPages});
+  }
+};
diff --git a/webroot/components/datatables-plugins/pagination/scrolling.js b/webroot/components/datatables-plugins/pagination/scrolling.js
new file mode 100644
index 0000000..d010d90
--- /dev/null
+++ b/webroot/components/datatables-plugins/pagination/scrolling.js
@@ -0,0 +1,130 @@
+/**
+ * This modification of DataTables' standard two button pagination controls
+ * adds a little animation effect to the paging action by redrawing the table
+ * multiple times for each event, each draw progressing by one row until the
+ * required point in the table is reached.
+ *
+ *  @name Scrolling navigation
+ *  @summary Show page changes as a redraw of the table, scrolling records.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "sPaginationType": "scrolling"
+ *        } );
+ *    } );
+ */
+
+
+/* Time between each scrolling frame */
+$.fn.dataTableExt.oPagination.iTweenTime = 100;
+
+$.fn.dataTableExt.oPagination.scrolling = {
+	"fnInit": function ( oSettings, nPaging, fnCallbackDraw )
+	{
+		var oLang = oSettings.oLanguage.oPaginate;
+		var oClasses = oSettings.oClasses;
+		var fnClickHandler = function ( e ) {
+			if ( oSettings.oApi._fnPageChange( oSettings, e.data.action ) )
+			{
+				fnCallbackDraw( oSettings );
+			}
+		};
+
+		var sAppend = (!oSettings.bJUI) ?
+			'<a class="'+oSettings.oClasses.sPagePrevDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button">'+oLang.sPrevious+'</a>'+
+			'<a class="'+oSettings.oClasses.sPageNextDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button">'+oLang.sNext+'</a>'
+			:
+			'<a class="'+oSettings.oClasses.sPagePrevDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button"><span class="'+oSettings.oClasses.sPageJUIPrev+'"></span></a>'+
+			'<a class="'+oSettings.oClasses.sPageNextDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button"><span class="'+oSettings.oClasses.sPageJUINext+'"></span></a>';
+		$(nPaging).append( sAppend );
+
+		var els = $('a', nPaging);
+		var nPrevious = els[0],
+			nNext = els[1];
+
+		oSettings.oApi._fnBindAction( nPrevious, {action: "previous"}, function() {
+			/* Disallow paging event during a current paging event */
+			if ( typeof oSettings.iPagingLoopStart != 'undefined' && oSettings.iPagingLoopStart != -1 )
+			{
+				return;
+			}
+
+			oSettings.iPagingLoopStart = oSettings._iDisplayStart;
+			oSettings.iPagingEnd = oSettings._iDisplayStart - oSettings._iDisplayLength;
+
+			/* Correct for underrun */
+			if ( oSettings.iPagingEnd < 0 )
+			{
+				oSettings.iPagingEnd = 0;
+			}
+
+			var iTween = $.fn.dataTableExt.oPagination.iTweenTime;
+			var innerLoop = function () {
+				if ( oSettings.iPagingLoopStart > oSettings.iPagingEnd ) {
+					oSettings.iPagingLoopStart--;
+					oSettings._iDisplayStart = oSettings.iPagingLoopStart;
+					fnCallbackDraw( oSettings );
+					setTimeout( function() { innerLoop(); }, iTween );
+				} else {
+					oSettings.iPagingLoopStart = -1;
+				}
+			};
+			innerLoop();
+		} );
+
+		oSettings.oApi._fnBindAction( nNext, {action: "next"}, function() {
+			/* Disallow paging event during a current paging event */
+			if ( typeof oSettings.iPagingLoopStart != 'undefined' && oSettings.iPagingLoopStart != -1 )
+			{
+				return;
+			}
+
+			oSettings.iPagingLoopStart = oSettings._iDisplayStart;
+
+			/* Make sure we are not over running the display array */
+			if ( oSettings._iDisplayStart + oSettings._iDisplayLength < oSettings.fnRecordsDisplay() )
+			{
+				oSettings.iPagingEnd = oSettings._iDisplayStart + oSettings._iDisplayLength;
+			}
+
+			var iTween = $.fn.dataTableExt.oPagination.iTweenTime;
+			var innerLoop = function () {
+				if ( oSettings.iPagingLoopStart < oSettings.iPagingEnd ) {
+					oSettings.iPagingLoopStart++;
+					oSettings._iDisplayStart = oSettings.iPagingLoopStart;
+					fnCallbackDraw( oSettings );
+					setTimeout( function() { innerLoop(); }, iTween );
+				} else {
+					oSettings.iPagingLoopStart = -1;
+				}
+			};
+			innerLoop();
+		} );
+	},
+
+	"fnUpdate": function ( oSettings, fnCallbackDraw )
+	{
+		if ( !oSettings.aanFeatures.p )
+		{
+			return;
+		}
+
+		/* Loop over each instance of the pager */
+		var an = oSettings.aanFeatures.p;
+		for ( var i=0, iLen=an.length ; i<iLen ; i++ )
+		{
+			if ( an[i].childNodes.length !== 0 )
+			{
+				an[i].childNodes[0].className =
+					( oSettings._iDisplayStart === 0 ) ?
+					oSettings.oClasses.sPagePrevDisabled : oSettings.oClasses.sPagePrevEnabled;
+
+				an[i].childNodes[1].className =
+					( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) ?
+					oSettings.oClasses.sPageNextDisabled : oSettings.oClasses.sPageNextEnabled;
+			}
+		}
+	}
+};
diff --git a/webroot/components/datatables-plugins/pagination/select.js b/webroot/components/datatables-plugins/pagination/select.js
new file mode 100644
index 0000000..ae810f9
--- /dev/null
+++ b/webroot/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;
+		}
+	}
+};
diff --git a/webroot/components/datatables-plugins/pagination/simple_incremental_bootstrap.js b/webroot/components/datatables-plugins/pagination/simple_incremental_bootstrap.js
new file mode 100644
index 0000000..5f14ae4
--- /dev/null
+++ b/webroot/components/datatables-plugins/pagination/simple_incremental_bootstrap.js
@@ -0,0 +1,154 @@
+/**
+ * This pagination style shows Previous/Next buttons, and page numbers only
+ * for "known" pages that are visited at least once time using [Next>] button.
+ * Initially only Prev/Next buttons are shown (Prev is initially disabled).
+ * 
+ * [<Previous] [Next>]
+ * 
+ * When user navigates through the pages using [Next>] button, navigation shows
+ * the numbers for the previous pages. As an example, when user reaches page 2,
+ * page numbers 1 and 2 are shown:
+ * 
+ * [<Previous] 1 2 [Next>]
+ * 
+ * When user reaches page 4, page numbers 1, 2, 3, and 4 are shown:
+ * 
+ * [<Previous] 1 2 3 4 [Next>]
+ * 
+ * When user navigates back, pagination will remember the last page number
+ * he reached and the numbesr up to the last known page are shown. As an example,
+ * when user returns to the page 2, page numbers 1, 2, 3, and 4 are still shown:
+ * 
+ * [<Previous] 1 2 3 4 [Next>]
+ * 
+ * This pagination style is designed for users who will not directly jump to
+ * the random page that they have not opened before. Assumption is that users
+ * will discover new pages using [Next>] button. This pagination enables users
+ * to easily go back and forth to any page that they discovered.
+ * 
+ * Key benefit: This pagination supports usual pagination pattern and does not
+ * require server to return total count of items just to calculate last page and
+ * all numbers. This migh be huge performance benefit because server does not
+ * need to execute two queries in server-side processing mode:
+ * - One to get the records that will be shown on the current page,
+ * - Second to get the total count just to calculate full pagination.
+ * 
+ * Without second query, page load time might be 2x faster, especially in cases
+ * when server can quickly get top 100 records, but it would need to scan entire
+ * database table just to calculate the total count and position of the last
+ * page. This pagination style is reasonable trade-off between simple and fullnumbers 
+ * pagination.
+ * 
+ *  @name Simple Incremental navigation (Bootstrap)
+ *  @summary Shows forward/back buttons and all known page numbers.
+ *  @author [Jovan Popovic](http://github.com/JocaPC)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "pagingType": "simple_incremental_bootstrap"
+ *        } );
+ *    } );
+ */
+
+$.fn.dataTableExt.oPagination.simple_incremental_bootstrap = {
+
+    "fnInit": function (oSettings, nPaging, fnCallbackDraw) {
+        $(nPaging).prepend($("<ul class=\"pagination\"></ul>"));
+        var ul = $("ul", $(nPaging));
+        nFirst = document.createElement('li');
+        nPrevious = document.createElement('li');
+        nNext = document.createElement('li');
+
+        $(nPrevious).append($('<span>' + (oSettings.oLanguage.oPaginate.sPrevious) + '</span>'));
+        $(nFirst).append($('<span>1</span>'));
+        $(nNext).append($('<span>' + (oSettings.oLanguage.oPaginate.sNext) + '</span>'));
+        
+        nFirst.className = "paginate_button first active";
+        nPrevious.className = "paginate_button previous";
+        nNext.className = "paginate_button next";
+        
+        ul.append(nPrevious);
+        ul.append(nFirst);
+        ul.append(nNext);
+
+        $(nFirst).click(function () {
+            oSettings.oApi._fnPageChange(oSettings, "first");
+            fnCallbackDraw(oSettings);
+        });
+
+        $(nPrevious).click(function () {
+            if (!(oSettings._iDisplayStart === 0)) {
+                oSettings.oApi._fnPageChange(oSettings, "previous");
+                fnCallbackDraw(oSettings);
+            }
+        });
+
+        $(nNext).click(function () {
+            if (!(oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay()
+                ||
+                oSettings.aiDisplay.length < oSettings._iDisplayLength)) {
+                oSettings.oApi._fnPageChange(oSettings, "next");
+                fnCallbackDraw(oSettings);
+            }
+        });
+
+        /* Disallow text selection */
+        $(nFirst).bind('selectstart', function () { return false; });
+        $(nPrevious).bind('selectstart', function () { return false; });
+        $(nNext).bind('selectstart', function () { return false; });
+
+        // Reset dynamically generated pages on length/filter change.
+        $(oSettings.nTable).DataTable().on('length.dt', function (e, settings, len) {
+            $("li.dynamic_page_item", nPaging).remove();
+        });
+
+        $(oSettings.nTable).DataTable().on('search.dt', function (e, settings, len) {
+            $("li.dynamic_page_item", nPaging).remove();
+        });
+    },
+
+    /*
+     * Function: oPagination.simple_incremental_bootstrap.fnUpdate
+     * Purpose:  Update the list of page buttons shows
+     * 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;
+        }
+
+        /* Loop over each instance of the pager */
+        var an = oSettings.aanFeatures.p;
+        for (var i = 0, iLen = an.length ; i < iLen ; i++) {
+            var buttons = an[i].getElementsByTagName('li');
+            $(buttons).removeClass("active");
+            
+            if (oSettings._iDisplayStart === 0) {
+                buttons[0].className = "paginate_buttons disabled previous";
+                buttons[buttons.length - 1].className = "paginate_button enabled next";
+            } else {
+                buttons[0].className = "paginate_buttons enabled previous";
+            }
+            
+            var page = Math.round(oSettings._iDisplayStart / oSettings._iDisplayLength) + 1;
+            if (page == buttons.length-1 && oSettings.aiDisplay.length > 0) {
+                $new = $('<li class="dynamic_page_item active"><span>' + page + "</span></li>");
+                $(buttons[buttons.length - 1]).before($new);
+                $new.click(function () {
+                    $(oSettings.nTable).DataTable().page(page-1);
+                    
+                    fnCallbackDraw(oSettings);
+                });
+            } else
+                $(buttons[page]).addClass("active");
+            
+            if (oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay()
+                ||
+                oSettings.aiDisplay.length < oSettings._iDisplayLength) {
+                buttons[buttons.length - 1].className = "paginate_button disabled next";
+            }
+        }
+    }
+};
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/pagination/simple_numbers_no_ellipses.js b/webroot/components/datatables-plugins/pagination/simple_numbers_no_ellipses.js
new file mode 100644
index 0000000..cc079ce
--- /dev/null
+++ b/webroot/components/datatables-plugins/pagination/simple_numbers_no_ellipses.js
@@ -0,0 +1,59 @@
+/**
+ *  Plug-in offers the same functionality as `simple_numbers` pagination type 
+ *  (see `pagingType` option) but without ellipses.
+ *
+ *  See [example](http://www.gyrocode.com/articles/jquery-datatables-pagination-without-ellipses) for demonstration.
+ *
+ *  @name Simple Numbers - No Ellipses
+ *  @summary Same pagination as 'simple_numbers' but without ellipses
+ *  @author [Michael Ryvkin](http://www.gyrocode.com)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "pagingType": "simple_numbers_no_ellipses"
+ *        } );
+ *    } );
+ */
+
+$.fn.DataTable.ext.pager.simple_numbers_no_ellipses = function(page, pages){
+   var numbers = [];
+   var buttons = $.fn.DataTable.ext.pager.numbers_length;
+   var half = Math.floor( buttons / 2 );
+
+   var _range = function ( len, start ){
+      var end;
+   
+      if ( typeof start === "undefined" ){ 
+         start = 0;
+         end = len;
+
+      } else {
+         end = start;
+         start = len;
+      }
+
+      var out = []; 
+      for ( var i = start ; i < end; i++ ){ out.push(i); }
+   
+      return out;
+   };
+    
+
+   if ( pages <= buttons ) {
+      numbers = _range( 0, pages );
+
+   } else if ( page <= half ) {
+      numbers = _range( 0, buttons);
+
+   } else if ( page >= pages - 1 - half ) {
+      numbers = _range( pages - buttons, pages );
+
+   } else {
+      numbers = _range( page - half, page + half + 1);
+   }
+
+   numbers.DT_el = 'span';
+
+   return [ 'previous', numbers, 'next' ];
+};
diff --git a/webroot/components/datatables-plugins/sorting/.DS_Store b/webroot/components/datatables-plugins/sorting/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/webroot/components/datatables-plugins/sorting/.DS_Store differ
diff --git a/webroot/components/datatables-plugins/sorting/absolute.js b/webroot/components/datatables-plugins/sorting/absolute.js
new file mode 100644
index 0000000..35587b3
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/absolute.js
@@ -0,0 +1,184 @@
+/**
+ * When sorting a DataTable you might find that you want to keep a specific
+ * item at the top or bottom of the table. For example when sorting a column
+ * of numbers, if a value is `null` or `N/A` you might want to keep it at the
+ * bottom of the table, regardless of if ascending or descending sorting is
+ * applied. This plug-in provides that ability.
+ *
+ * You must call the `$.fn.dataTable.absoluteOrder` with information about the
+ * value(s) you wish to make absolute in the sorting order and store the
+ * returned value, assigning it to the `columns.type` option for the column
+ * you wish this sorting to be applied to.
+ *
+ * For number based columns a `$.fn.dataTable.absoluteOrderNumber` function is
+ * also available.
+ *
+ * @name Absolute sorting
+ * @summary Keep one or more items at the top and/or bottom of a table when sorting
+ * @author [Allan Jardine](//datatables.net)
+ * @depends DataTables 1.10+
+ *
+ * @example
+ *    var namesType = $.fn.dataTable.absoluteOrder( [
+ *      { value: '', position: 'top' }
+ *    ] );
+ *    
+ *    var numbersType = $.fn.dataTable.absoluteOrderNumber( [
+ *      { value: 'N/A', position: 'bottom' }
+ *    ] );
+ *    
+ *    $('#example').DataTable( {
+ *      columnDefs: [
+ *        { type: namesType, targets: 0 },
+ *        { type: numbersType, targets: 1 }
+ *      ]
+ *    } );
+ */
+
+(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';
+
+// Unique value allowing multiple absolute ordering use cases on a single page.
+var _unique = 0;
+
+// Function to encapsulate code that is common to both the string and number
+// ordering plug-ins.
+var _setup = function ( values ) {
+	if ( ! $.isArray( values ) ) {
+		values = [ values ];
+	}
+
+	var o = {
+		name: 'absoluteOrder'+(_unique++),
+		alwaysTop: {},
+		alwaysBottom: {}
+	};
+
+	// In order to provide performance, the symbols that are to be looked for
+	// are stored as parameter keys in an object, allowing O(1) lookup, rather
+	// than O(n) if it were in an array.
+	for ( var i=0, ien=values.length ; i<ien ; i++ ) {
+		var conf = values[i];
+
+		if ( typeof conf === 'string' ) {
+			o.alwaysTop[ conf ] = true;
+		}
+		else if ( conf.position === undefined || conf.position === 'top' ) {
+			o.alwaysTop[ conf.value ] = true;
+		}
+		else {
+			o.alwaysBottom[ conf.value ] = true;
+		}
+	}
+
+	// Ascending ordering method
+	o.asc = function ( a, b, isNumber ) {
+		if ( o.alwaysTop[ a ] && o.alwaysTop[ b ] ) {
+			return 0;
+		}
+		else if ( o.alwaysBottom[ a ] && o.alwaysBottom[ b ] ) {
+			return 0;
+		}
+		else if ( o.alwaysTop[ a ] || o.alwaysBottom[ b ] ) {
+			return -1;
+		}
+		else if ( o.alwaysBottom[ a ] || o.alwaysTop[ b ] ) {
+			return 1;
+		}
+
+		if ( isNumber ) {
+			// Cast as a number if required
+			if ( typeof a === 'string' ) {
+				a = a.replace(/[^\d\-\.]/g, '') * 1;
+			}
+			if ( typeof b === 'string' ) {
+				b = b.replace(/[^\d\-\.]/g, '') * 1;
+			}
+		}
+
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	};
+
+	// Descending ordering method
+	o.desc = function ( a, b, isNumber ) {
+		if ( o.alwaysTop[ a ] && o.alwaysTop[ b ] ) {
+			return 0;
+		}
+		else if ( o.alwaysBottom[ a ] && o.alwaysBottom[ b ] ) {
+			return 0;
+		}
+		else if ( o.alwaysTop[ a ] || o.alwaysBottom[ b ] ) {
+			return -1;
+		}
+		else if ( o.alwaysBottom[ a ] || o.alwaysTop[ b ] ) {
+			return 1;
+		}
+
+		if ( isNumber ) {
+			if ( typeof a === 'string' ) {
+				a = a.replace(/[^\d\-\.]/g, '') * 1;
+			}
+			if ( typeof b === 'string' ) {
+				b = b.replace(/[^\d\-\.]/g, '') * 1;
+			}
+		}
+
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	};
+
+	return o;
+};
+
+// String based ordering
+$.fn.dataTable.absoluteOrder = function ( values ) {
+	var conf = _setup( values );
+
+	$.fn.dataTable.ext.type.order[ conf.name+'-asc' ] = conf.asc;
+	$.fn.dataTable.ext.type.order[ conf.name+'-desc' ] = conf.desc;
+
+	// Return the name of the sorting plug-in that was created so it can be used
+	// with the `columns.type` parameter. There is no auto-detection here.
+	return conf.name;
+};
+
+// Number based ordering - strips out everything but the number information
+$.fn.dataTable.absoluteOrderNumber = function ( values ) {
+	var conf = _setup( values );
+
+	$.fn.dataTable.ext.type.order[ conf.name+'-asc' ] = function ( a, b ) {
+		return conf.asc( a, b, true );
+	};
+	$.fn.dataTable.ext.type.order[ conf.name+'-desc' ] = function ( a, b ) {
+		return conf.desc( a, b, true );
+	};
+
+	return conf.name;
+};
+
+
+}));
diff --git a/webroot/components/datatables-plugins/sorting/alt-string.js b/webroot/components/datatables-plugins/sorting/alt-string.js
new file mode 100644
index 0000000..88ba085
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/alt-string.js
@@ -0,0 +1,30 @@
+/**
+ * Sort on the 'alt' tag of images in a column. This is particularly useful if
+ * you have a column of images (ticks and crosses for example) and you want to
+ * control the sorting using the alt tag.
+ *
+ *  @name Alt string
+ *  @summary Use the `alt` attribute of an image tag as the data to sort upon.
+ *  @author _Jumpy_
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'alt-string', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"alt-string-pre": function ( a ) {
+		return a.match(/alt="(.*?)"/)[1].toLowerCase();
+	},
+
+	"alt-string-asc": function( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"alt-string-desc": function(a,b) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/anti-the.js b/webroot/components/datatables-plugins/sorting/anti-the.js
new file mode 100644
index 0000000..a6f2468
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/anti-the.js
@@ -0,0 +1,31 @@
+/**
+ * Often a list of data which has titles in it (books, albums etc) will have
+ * the word "the" at the start of some individual titles, which you don't want
+ * to include in your sorting order. This plug-in will strip the word "the"
+ * from the start of a string and sort on what is left.
+ *
+ *  @name Anti-"the"
+ *  @summary Sort with the prefixed word `dt-string The` removed, if present
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'anti-the', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"anti-the-pre": function ( a ) {
+		return a.replace(/^the /i, "");
+	},
+
+	"anti-the-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"anti-the-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/any-number.js b/webroot/components/datatables-plugins/sorting/any-number.js
new file mode 100644
index 0000000..1980ce3
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/any-number.js
@@ -0,0 +1,49 @@
+/**
+ * Sorts columns by any number, ignoring text. This plugin is useful if you have 
+ * mixed content in a column, but still want to sort by numbers. Any number means
+ *
+ *  - integers, like 42
+ *  - decimal numbers, like 42.42 / 42,42
+ *  - signed numbers, like -42.42 / +42.42 
+ *  - scientific numbers, like 42.42e+10
+ *  - illegal numbers, like 042, which is considered as 42,
+ *  - currency numbers, like €42,00 
+ *
+ * Plain text is ignored; columns with no recognizable numerical content 
+ * is pushed to the bottom of the table, both ascending and descending.
+ *
+ *  @demo http://jsfiddle.net/vkkL5tv7/
+ * 
+ *  @name Any number
+ *  @summary Sort column with mixed numerical content by number
+ *  @author [david konrad](davidkonrad at gmail com)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'any-number', targets : 0 }
+ *       ]
+ *    } );
+
+ *
+ */
+ 
+_anyNumberSort = function(a, b, high) {
+	var reg = /[+-]?((\d+(\.\d*)?)|\.\d+)([eE][+-]?[0-9]+)?/;        
+	a = a.replace(',','.').match(reg);
+	a = a !== null ? parseFloat(a[0]) : high;
+	b = b.replace(',','.').match(reg);
+	b = b !== null ? parseFloat(b[0]) : high;
+	return ((a < b) ? -1 : ((a > b) ? 1 : 0));    
+}
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"any-number-asc": function (a, b) {
+		return _anyNumberSort(a, b, Number.POSITIVE_INFINITY);
+	},
+	"any-number-desc": function (a, b) {
+		return _anyNumberSort(a, b, Number.NEGATIVE_INFINITY) * -1;
+	}
+});
+
+
diff --git a/webroot/components/datatables-plugins/sorting/brackets-negative.js b/webroot/components/datatables-plugins/sorting/brackets-negative.js
new file mode 100644
index 0000000..b6b44c0
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/brackets-negative.js
@@ -0,0 +1,46 @@
+/**
+ * This plug-in will add automatic negative currency detection for currency columns to
+ * DataTables. Note that only $, c, £ and € symbols are detected with this code,
+ * This plugin has also been updated to automatically detect negative values either those
+ * using '-' as well as numbers using '()' to specify negatives.
+ * This plugin also includes automatic type detection
+ *
+ *  @name brackets-negative
+ *  @summary Detect data of currency type with a leading currency symbol as well at detect two types of negative number formatting
+ *  @author [Tom Buckle](http://sprymedia.co.uk)
+ */
+(function(){
+	// Change this list to the valid characters you want to be detected
+	var validChars = "$£€c" + "0123456789" + ".-,()'";
+	// Init the regex just once for speed - it is "closure locked"
+	var
+	str = jQuery.fn.dataTableExt.oApi._fnEscapeRegex( validChars ),re = new RegExp('[^'+str+']');
+	$.fn.dataTableExt.aTypes.unshift(
+		function ( data )
+		{
+			if ( typeof data !== 'string' || re.test(data) ) {
+				return null;
+			}
+			return 'currency';
+		}
+	);
+	$.fn.dataTable.ext.type.order['currency-pre'] = function ( data ) {
+		if ( data === '' ) {
+			return 0;
+		}
+
+		//Check if its in the proper format
+		if(data.match(/[\()]/g)){
+			if( data.match(/[\-]/g) !== true){
+				//It matched - strip out parentheses & any characters we dont want and append - at front
+				data = '-' + data.replace(/[\$£€c\(\),]/g,'');
+			}else{
+				//Already has a '-' so just strip out non-numeric charactors exluding '-'
+				data = data.replace(/[^\d\-\.]/g,'');
+			}
+		}else{
+			data = data.replace(/[\$£€\,]/g,'');
+		}
+		return parseFloat( data );
+	};
+}());
diff --git a/webroot/components/datatables-plugins/sorting/chapter.js b/webroot/components/datatables-plugins/sorting/chapter.js
new file mode 100644
index 0000000..30f53ce
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/chapter.js
@@ -0,0 +1,50 @@
+/**
+ * Sorts a column containing chapter numbers. This can be most useful when
+ * using DataTables for a book or book reference style application. By
+ * default, five sections are supported (a.b.c.d.e) with each being upto
+ * four-digits long. Those defaults are controlled by constMaxSections and
+ * constMaxSectionDigits respectively, and can be easily changed
+ *
+ *  @name chapter
+ *  @summary Sort book chapters numerically
+ *  @author Colin Marks
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'chapter', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend(jQuery.fn.dataTableExt.oSort, {
+	'chapter-pre': function(a) {
+		function makeFiller(count) {
+			return count === 0 ? '' : Array(count + 1).join('0');
+		}
+
+		var constMaxSections = 5;
+		var constMaxSectionDigits = 4;
+
+		var filler;
+		var result = '';
+		var sections = a.split('.');
+
+		for (var i = 0; i < constMaxSections; i++) {
+			filler = i < sections.length ? constMaxSectionDigits - sections[i].length : constMaxSectionDigits;
+
+			result += filler === 0 ? '' : Array(filler + 1).join('0');
+			result += i < sections.length ? sections[i] : '';
+		}
+
+		return result;
+	},
+
+	'chapter-asc': function(a, b) {
+		return a < b ? -1 : a > b ? 1 : 0;
+	},
+
+	'chapter-desc': function(a, b) {
+		return a < b ? 1 : a > b ? -1 : 0;
+	}
+});
diff --git a/webroot/components/datatables-plugins/sorting/chinese-string.js b/webroot/components/datatables-plugins/sorting/chinese-string.js
new file mode 100644
index 0000000..ee91028
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/chinese-string.js
@@ -0,0 +1,30 @@
+/**
+ * Sorting in Javascript for Chinese Character. The Chinese Characters are
+ * sorted on the radical and number of strokes. This plug-in performs sorting
+ * for Chinese characters using the Javascript [localeCompare](https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/localeCompare)
+ * function.
+ *
+ * Please note that `localeCompare` is not implemented in the same way in all
+ * browsers, potentially leading to different results (particularly in IE).
+ * 
+ *  @name Chinese (string)
+ *  @summary Sort Chinese characters
+ *  @author [Patrik Lindström](http://www.lcube.se/sorting-chinese-characters-in-javascript/)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'chinese-string', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"chinese-string-asc" : function (s1, s2) {
+		return s1.localeCompare(s2);
+	},
+
+	"chinese-string-desc" : function (s1, s2) {
+		return s2.localeCompare(s1);
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/currency.js b/webroot/components/datatables-plugins/sorting/currency.js
new file mode 100644
index 0000000..b99a677
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/currency.js
@@ -0,0 +1,36 @@
+/**
+ * This plug-in will provide numeric sorting for currency columns (either 
+ * detected automatically with the currency type detection plug-in or set 
+ * manually) while taking account of the currency symbol ($ or £ by default).
+ *
+ * DataTables 1.10+ has currency sorting abilities built-in and will be
+ * automatically detected. As such this plug-in is marked as deprecated, but
+ * might be useful when working with old versions of DataTables.
+ *
+ *  @name Currency
+ *  @summary Sort data numerically when it has a leading currency symbol.
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'currency', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"currency-pre": function ( a ) {
+		a = (a==="-") ? 0 : a.replace( /[^\d\-\.]/g, "" );
+		return parseFloat( a );
+	},
+
+	"currency-asc": function ( a, b ) {
+		return a - b;
+	},
+
+	"currency-desc": function ( a, b ) {
+		return b - a;
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/custom-data-source/dom-checkbox.js b/webroot/components/datatables-plugins/sorting/custom-data-source/dom-checkbox.js
new file mode 100644
index 0000000..7d44d5c
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/custom-data-source/dom-checkbox.js
@@ -0,0 +1,15 @@
+/**
+ * Read information from a column of checkboxes (input elements with type
+ * checkbox) and return an array to use as a basis for sorting.
+ *
+ *  @summary Sort based on the checked state of checkboxes in a column
+ *  @name Checkbox data source
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ */
+
+$.fn.dataTable.ext.order['dom-checkbox'] = function  ( settings, col )
+{
+	return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
+		return $('input', td).prop('checked') ? '1' : '0';
+	} );
+};
diff --git a/webroot/components/datatables-plugins/sorting/custom-data-source/dom-select.js b/webroot/components/datatables-plugins/sorting/custom-data-source/dom-select.js
new file mode 100644
index 0000000..22774e3
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/custom-data-source/dom-select.js
@@ -0,0 +1,16 @@
+/**
+ * Read information from a column of select (drop down) menus and return an
+ * array to use as a basis for sorting.
+ *
+ *  @summary Sort based on the value of the `dt-tag select` options in a column
+ *  @name Select menu data source
+ *  @requires DataTables 1.10+
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ */
+
+$.fn.dataTable.ext.order['dom-select'] = function  ( settings, col )
+{
+	return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
+		return $('select', td).val();
+	} );
+};
diff --git a/webroot/components/datatables-plugins/sorting/custom-data-source/dom-text.js b/webroot/components/datatables-plugins/sorting/custom-data-source/dom-text.js
new file mode 100644
index 0000000..fc0c4b5
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/custom-data-source/dom-text.js
@@ -0,0 +1,16 @@
+/**
+ * Read information from a column of input (type text) elements and return an
+ * array to use as a basis for sorting.
+ *
+ *  @summary Sorting based on the values of `dt-tag input` elements in a column.
+ *  @name Input element data source
+ *  @requires DataTables 1.10+
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ */
+
+$.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();
+	} );
+};
diff --git a/webroot/components/datatables-plugins/sorting/czech-string.js b/webroot/components/datatables-plugins/sorting/czech-string.js
new file mode 100644
index 0000000..1e3281f
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/czech-string.js
@@ -0,0 +1,45 @@
+/**
+ * This plug-in provides locale aware sorting for Czech.
+ *
+ *  @name Czech
+ *  @summary Sort locale aware sorting for Czech.
+ *  @author  
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'czech', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+ $.extend( $.fn.dataTableExt.oSort, {
+   "czech-pre": function ( a ) {
+        var special_letters = {
+            "A": "Aa", "a": "aa", "Á": "Ab", "á": "ab",
+            "C": "Ca", "c": "ca", "Č": "Cb", "č": "cb",
+            "D": "Da", "d": "da", "Ď": "db", "ď": "db",
+            "E": "Ea", "e": "ea", "É": "eb", "é": "eb", "Ě": "Ec", "ě": "ec",
+            "I": "Ia", "i": "ia", "Í": "Ib", "í": "ib",
+            "N": "Na", "n": "na", "Ň": "Nb", "ň": "nb",
+            "O": "Oa", "o": "oa", "Ó": "Ob", "ó": "ob",
+            "R": "Ra", "r": "ra", "Ř": "Rb", "ř": "rb",
+            "S": "Sa", "s": "sa", "Š": "Sb", "š": "šb",
+            "T": "Ta", "t": "ta", "Ť": "Tb", "ť": "tb",
+            "U": "Ua", "u": "ua", "Ú": "Ub", "ú": "ub", "Ů": "Uc", "ů": "uc",
+            "Y": "Ya", "y": "ya", "Ý": "Yb", "ý": "yb",
+            "Z": "Za", "z": "za", "Ž": "Zb", "ž": "zb"
+        };
+        for (var val in special_letters)
+            a = a.split(val).join(special_letters[val]).toLowerCase();
+        return a;
+    },
+
+    "czech-asc": function ( a, b ) {
+        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+    },
+
+    "czech-desc": function ( a, b ) {
+        return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+    }
+} );
diff --git a/webroot/components/datatables-plugins/sorting/date-dd-MMM-yyyy.js b/webroot/components/datatables-plugins/sorting/date-dd-MMM-yyyy.js
new file mode 100644
index 0000000..d42a804
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/date-dd-MMM-yyyy.js
@@ -0,0 +1,63 @@
+/*
+ * Adds a new sorting option to dataTables called `date-dd-mmm-yyyy`. Also
+ * includes a type detection plug-in. Matches and sorts date strings in
+ * the format: `dd/mmm/yyyy`. For example:
+ * 
+ * * 02-FEB-1978
+ * * 17-MAY-2013
+ * * 31-JAN-2014
+ *
+ * Please note that this plug-in is **deprecated*. The
+ * [datetime](//datatables.net/blog/2014-12-18) plug-in provides enhanced
+ * functionality and flexibility.
+ *
+ *  @name Date (dd-mmm-yyyy)
+ *  @summary Sort dates in the format `dd-mmm-yyyy`
+ *  @author [Jeromy French](http://www.appliedinter.net/jeromy_works/)
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'date-dd-mmm-yyyy', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+(function () {
+
+var customDateDDMMMYYYYToOrd = function (date) {
+	"use strict"; //let's avoid tom-foolery in this function
+	// Convert to a number YYYYMMDD which we can use to order
+	var dateParts = date.split(/-/);
+	return (dateParts[2] * 10000) + ($.inArray(dateParts[1].toUpperCase(), ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"]) * 100) + (dateParts[0]*1);
+};
+
+// This will help DataTables magic detect the "dd-MMM-yyyy" format; Unshift
+// so that it's the first data type (so it takes priority over existing)
+jQuery.fn.dataTableExt.aTypes.unshift(
+	function (sData) {
+		"use strict"; //let's avoid tom-foolery in this function
+		if (/^([0-2]?\d|3[0-1])-(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)-\d{4}/i.test(sData)) {
+			return 'date-dd-mmm-yyyy';
+		}
+		return null;
+	}
+);
+
+// define the sorts
+jQuery.fn.dataTableExt.oSort['date-dd-mmm-yyyy-asc'] = function (a, b) {
+	"use strict"; //let's avoid tom-foolery in this function
+	var ordA = customDateDDMMMYYYYToOrd(a),
+		ordB = customDateDDMMMYYYYToOrd(b);
+	return (ordA < ordB) ? -1 : ((ordA > ordB) ? 1 : 0);
+};
+
+jQuery.fn.dataTableExt.oSort['date-dd-mmm-yyyy-desc'] = function (a, b) {
+	"use strict"; //let's avoid tom-foolery in this function
+	var ordA = customDateDDMMMYYYYToOrd(a),
+		ordB = customDateDDMMMYYYYToOrd(b);
+	return (ordA < ordB) ? 1 : ((ordA > ordB) ? -1 : 0);
+};
+
+})();
diff --git a/webroot/components/datatables-plugins/sorting/date-de.js b/webroot/components/datatables-plugins/sorting/date-de.js
new file mode 100644
index 0000000..1af368d
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/date-de.js
@@ -0,0 +1,125 @@
+/**
+ * This sorting plug-in for DataTables will correctly sort data in date time or date
+ * format typically used in Germany:
+ * date and time:`dd.mm.YYYY HH:mm`
+ * just date:`dd.mm.YYYY`.
+ *
+ * Please note that this plug-in is **deprecated*. The
+ * [datetime](//datatables.net/blog/2014-12-18) plug-in provides enhanced
+ * functionality and flexibility.
+ *
+ *  @name Date (dd.mm.YYYY) or date and time (dd.mm.YYYY HH:mm)
+ *  @summary Sort date / time in the format `dd.mm.YYYY HH:mm` or `dd.mm.YYYY`.
+ *  @author [Ronny Vedrilla](http://www.ambient-innovation.com)
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'de_datetime', targets: 0 },
+ *         { type: 'de_date', targets: 1 }
+ *       ]
+ *    } );
+ */
+
+ jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"de_datetime-asc": function ( a, b ) {
+		var x, y;
+		if (jQuery.trim(a) !== '') {
+			var deDatea = jQuery.trim(a).split(' ');
+			var deTimea = deDatea[1].split(':');
+			var deDatea2 = deDatea[0].split('.');
+                        if(typeof deTimea[2] != 'undefined') {
+                            x = (deDatea2[2] + deDatea2[1] + deDatea2[0] + deTimea[0] + deTimea[1] + deTimea[2]) * 1;
+                        } else {
+                            x = (deDatea2[2] + deDatea2[1] + deDatea2[0] + deTimea[0] + deTimea[1]) * 1;
+                        }
+		} else {
+			x = -Infinity; // = l'an 1000 ...
+		}
+
+		if (jQuery.trim(b) !== '') {
+			var deDateb = jQuery.trim(b).split(' ');
+			var deTimeb = deDateb[1].split(':');
+			deDateb = deDateb[0].split('.');
+                        if(typeof deTimeb[2] != 'undefined') {
+                            y = (deDateb[2] + deDateb[1] + deDateb[0] + deTimeb[0] + deTimeb[1] + deTimeb[2]) * 1;
+                        } else {
+                            y = (deDateb[2] + deDateb[1] + deDateb[0] + deTimeb[0] + deTimeb[1]) * 1;
+                        }
+		} else {
+			y = -Infinity;
+		}
+		var z = ((x < y) ? -1 : ((x > y) ? 1 : 0));
+		return z;
+	},
+
+	"de_datetime-desc": function ( a, b ) {
+		var x, y;
+		if (jQuery.trim(a) !== '') {
+			var deDatea = jQuery.trim(a).split(' ');
+			var deTimea = deDatea[1].split(':');
+			var deDatea2 = deDatea[0].split('.');
+                        if(typeof deTimea[2] != 'undefined') {
+                            x = (deDatea2[2] + deDatea2[1] + deDatea2[0] + deTimea[0] + deTimea[1] + deTimea[2]) * 1;
+                        } else {
+                            x = (deDatea2[2] + deDatea2[1] + deDatea2[0] + deTimea[0] + deTimea[1]) * 1;
+                        }
+		} else {
+			x = Infinity;
+		}
+
+		if (jQuery.trim(b) !== '') {
+			var deDateb = jQuery.trim(b).split(' ');
+			var deTimeb = deDateb[1].split(':');
+			deDateb = deDateb[0].split('.');
+                        if(typeof deTimeb[2] != 'undefined') {
+                            y = (deDateb[2] + deDateb[1] + deDateb[0] + deTimeb[0] + deTimeb[1] + deTimeb[2]) * 1;
+                        } else {
+                            y = (deDateb[2] + deDateb[1] + deDateb[0] + deTimeb[0] + deTimeb[1]) * 1;
+                        }
+		} else {
+			y = -Infinity;
+		}
+		var z = ((x < y) ? 1 : ((x > y) ? -1 : 0));
+		return z;
+	},
+
+	"de_date-asc": function ( a, b ) {
+		var x, y;
+		if (jQuery.trim(a) !== '') {
+			var deDatea = jQuery.trim(a).split('.');
+			x = (deDatea[2] + deDatea[1] + deDatea[0]) * 1;
+		} else {
+			x = Infinity; // = l'an 1000 ...
+		}
+
+		if (jQuery.trim(b) !== '') {
+			var deDateb = jQuery.trim(b).split('.');
+			y = (deDateb[2] + deDateb[1] + deDateb[0]) * 1;
+		} else {
+			y = -Infinity;
+		}
+		var z = ((x < y) ? -1 : ((x > y) ? 1 : 0));
+		return z;
+	},
+
+	"de_date-desc": function ( a, b ) {
+		var x, y;
+		if (jQuery.trim(a) !== '') {
+			var deDatea = jQuery.trim(a).split('.');
+			x = (deDatea[2] + deDatea[1] + deDatea[0]) * 1;
+		} else {
+			x = -Infinity;
+		}
+
+		if (jQuery.trim(b) !== '') {
+			var deDateb = jQuery.trim(b).split('.');
+			y = (deDateb[2] + deDateb[1] + deDateb[0]) * 1;
+		} else {
+			y = Infinity;
+		}
+		var z = ((x < y) ? 1 : ((x > y) ? -1 : 0));
+		return z;
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/date-eu.js b/webroot/components/datatables-plugins/sorting/date-eu.js
new file mode 100644
index 0000000..bd001e4
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/date-eu.js
@@ -0,0 +1,64 @@
+/**
+ * Similar to the Date (dd/mm/YY) data sorting plug-in, this plug-in offers 
+ * additional  flexibility with support for spaces between the values and
+ * either . or / notation for the separators.
+ *
+ * Please note that this plug-in is **deprecated*. The
+ * [datetime](//datatables.net/blog/2014-12-18) plug-in provides enhanced
+ * functionality and flexibility.
+ *
+ *  @name Date (dd . mm[ . YYYY]) 
+ *  @summary Sort dates in the format `dd/mm/YY[YY]` (with optional spaces)
+ *  @author [Robert Sedovšek](http://galjot.si/)
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'date-eu', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"date-eu-pre": function ( date ) {
+		date = date.replace(" ", "");
+		
+		if ( ! date ) {
+			return 0;
+		}
+
+		var year;
+		var eu_date = date.split(/[\.\-\/]/);
+
+		/*year (optional)*/
+		if ( eu_date[2] ) {
+			year = eu_date[2];
+		}
+		else {
+			year = 0;
+		}
+
+		/*month*/
+		var month = eu_date[1];
+		if ( month.length == 1 ) {
+			month = 0+month;
+		}
+
+		/*day*/
+		var day = eu_date[0];
+		if ( day.length == 1 ) {
+			day = 0+day;
+		}
+
+		return (year + month + day) * 1;
+	},
+
+	"date-eu-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"date-eu-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/date-euro.js b/webroot/components/datatables-plugins/sorting/date-euro.js
new file mode 100644
index 0000000..83aa8d2
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/date-euro.js
@@ -0,0 +1,48 @@
+/**
+ * This plug-in will provide date sorting for the "dd/mm/YYYY hh:ii:ss" 
+ * formatting, which is common in France and other European countries. It can 
+ * also be quickly adapted for other formatting as required. Furthermore, this 
+ * date sorting plug-in allows for empty values in the column.
+ *
+ * Please note that this plug-in is **deprecated*. The
+ * [datetime](//datatables.net/blog/2014-12-18) plug-in provides enhanced
+ * functionality and flexibility.
+ *
+ *  @name Date (dd/mm/YYYY hh:ii:ss) 
+ *  @summary Sort date / time in the format `dd/mm/YYYY hh:ii:ss`
+ *  @author [Ronan Guilloux](http://coolforest.net/)
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'date-euro', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+ jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+    "date-euro-pre": function ( a ) {
+        var x;
+
+        if ( $.trim(a) !== '' ) {
+            var frDatea = $.trim(a).split(' ');
+            var frTimea = (undefined != frDatea[1]) ? frDatea[1].split(':') : [00,00,00];
+            var frDatea2 = frDatea[0].split('/');
+            x = (frDatea2[2] + frDatea2[1] + frDatea2[0] + frTimea[0] + frTimea[1] + ((undefined != frTimea[2]) ? frTimea[2] : 0)) * 1;
+        }
+        else {
+            x = Infinity;
+        }
+
+        return x;
+    },
+
+    "date-euro-asc": function ( a, b ) {
+        return a - b;
+    },
+
+    "date-euro-desc": function ( a, b ) {
+        return b - a;
+    }
+} );
diff --git a/webroot/components/datatables-plugins/sorting/date-uk.js b/webroot/components/datatables-plugins/sorting/date-uk.js
new file mode 100644
index 0000000..527ea6c
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/date-uk.js
@@ -0,0 +1,42 @@
+/**
+ * DataTables internal date sorting replies on `Date.parse()` which is part of 
+ * the Javascript language, but you may wish to sort on dates which is doesn't 
+ * recognise. The following is a plug-in for sorting dates in the format 
+ * `dd/mm/yy`.
+ * 
+ * An automatic type detection plug-in is available for this sorting plug-in.
+ *
+ * Please note that this plug-in is **deprecated*. The
+ * [datetime](//datatables.net/blog/2014-12-18) plug-in provides enhanced
+ * functionality and flexibility.
+ *
+ *  @name Date (dd/mm/YY)
+ *  @summary Sort dates in the format `dd/mm/YY`
+ *  @author Andy McMaster
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'date-uk', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+ jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"date-uk-pre": function ( a ) {
+		if (a == null || a == "") {
+			return 0;
+		}
+		var ukDatea = a.split('/');
+		return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
+	},
+
+	"date-uk-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"date-uk-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/datetime-moment.js b/webroot/components/datatables-plugins/sorting/datetime-moment.js
new file mode 100644
index 0000000..ae0cce5
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/datetime-moment.js
@@ -0,0 +1,74 @@
+/**
+ * This plug-in for DataTables represents the ultimate option in extensibility
+ * for sorting date / time strings correctly. It uses
+ * [Moment.js](http://momentjs.com) to create automatic type detection and
+ * sorting plug-ins for DataTables based on a given format. This way, DataTables
+ * will automatically detect your temporal information and sort it correctly.
+ *
+ * For usage instructions, please see the DataTables blog
+ * post that [introduces it](//datatables.net/blog/2014-12-18).
+ *
+ * @name Ultimate Date / Time sorting
+ * @summary Sort date and time in any format using Moment.js
+ * @author [Allan Jardine](//datatables.net)
+ * @depends DataTables 1.10+, Moment.js 1.7+
+ *
+ * @example
+ *    $.fn.dataTable.moment( 'HH:mm MMM D, YY' );
+ *    $.fn.dataTable.moment( 'dddd, MMMM Do, YYYY' );
+ *
+ *    $('#example').DataTable();
+ */
+
+(function (factory) {
+	if (typeof define === "function" && define.amd) {
+		define(["jquery", "moment", "datatables.net"], factory);
+	} else {
+		factory(jQuery, moment);
+	}
+}(function ($, moment) {
+
+$.fn.dataTable.moment = function ( format, locale ) {
+	var types = $.fn.dataTable.ext.type;
+
+	// Add type detection
+	types.detect.unshift( function ( d ) {
+		if ( d ) {
+			// Strip HTML tags and newline characters if possible
+			if ( d.replace ) {
+				d = d.replace(/(<.*?>)|(\r?\n|\r)/g, '');
+			}
+
+			// Strip out surrounding white space
+			d = $.trim( d );
+		}
+
+		// Null and empty values are acceptable
+		if ( d === '' || d === null ) {
+			return 'moment-'+format;
+		}
+
+		return moment( d, format, locale, true ).isValid() ?
+			'moment-'+format :
+			null;
+	} );
+
+	// Add sorting method - use an integer for the sorting
+	types.order[ 'moment-'+format+'-pre' ] = function ( d ) {
+		if ( d ) {
+			// Strip HTML tags and newline characters if possible
+			if ( d.replace ) {
+				d = d.replace(/(<.*?>)|(\r?\n|\r)/g, '');
+			}
+
+			// Strip out surrounding white space
+			d = $.trim( d );
+		}
+		
+		return !moment(d, format, locale, true).isValid() ?
+			Infinity :
+			parseInt( moment( d, format, locale, true ).format( 'x' ), 10 );
+	};
+};
+
+}));
diff --git a/webroot/components/datatables-plugins/sorting/datetime-us.js b/webroot/components/datatables-plugins/sorting/datetime-us.js
new file mode 100644
index 0000000..3546ef7
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/datetime-us.js
@@ -0,0 +1,86 @@
+/*
+ * Adds a new sorting option to dataTables called `datetime-us`.
+ * 
+ * Also included is a type detection plug-in. Matches and sorts date / time
+ * strings in the format: `(m)m/(d)d/(yy)yy (h)h/m(m) (am|pm)`. For example:
+ *
+ * * 1/1/13 1:4 pm
+ * * 01/01/2013 01:04 PM
+ * * 1/1/2013 1:04 Pm
+ *
+ * Please note that this plug-in is **deprecated*. The
+ * [datetime](//datatables.net/blog/2014-12-18) plug-in provides enhanced
+ * functionality and flexibility.
+ *
+ *  @name Date / time - US
+ *  @summary Sort date / time in the format `m/d/yy h:m am|pm`
+ *  @author [Kevin Gravier](http://mrkmg.com/)
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'datetime-us', targets: 0 }
+ *       ]
+ *    } );
+*/
+jQuery.extend(jQuery.fn.dataTableExt.oSort, {
+    "datetime-us-pre": function (a) {
+        var b = a.match(/(\d{1,2})\/(\d{1,2})\/(\d{2,4}) (\d{1,2}):(\d{1,2}) (am|pm|AM|PM|Am|Pm)/),
+            month = b[1],
+            day = b[2],
+            year = b[3],
+            hour = b[4],
+            min = b[5],
+            ap = b[6].toLowerCase();
+
+        if (hour == '12') {
+            hour = '0';
+            if (ap == 'pm') {
+                hour = parseInt(hour, 10) + 12;
+            }
+
+            if (year.length == 2) {
+                if (parseInt(year, 10) < 70) {
+                    year = '20' + year;
+                }
+                else {
+                    year = '19' + year;
+                }
+            }
+            if (month.length == 1) {
+                month = '0' + month;
+            }
+            if (day.length == 1) {
+                day = '0' + day;
+            }
+            if (hour.length == 1) {
+                hour = '0' + hour;
+            }
+            if (min.length == 1) {
+                min = '0' + min;
+            }
+
+            var tt = year + month + day + hour + min;
+            return tt;
+        }
+    },
+
+    "datetime-us-asc": function (a, b) {
+            return a - b;
+    },
+
+    "datetime-us-desc": function (a, b) {
+        return b - a;
+    }
+});
+
+jQuery.fn.dataTableExt.aTypes.unshift(
+    function (sData) {
+        if (sData !== null && sData.match(/\d{1,2}\/\d{1,2}\/\d{2,4} \d{1,2}:\d{1,2} (am|pm|AM|PM|Am|Pm)/)) {
+
+            return 'datetime-us';
+        }
+        return null;
+    }
+);
diff --git a/webroot/components/datatables-plugins/sorting/diacritics-sort.js b/webroot/components/datatables-plugins/sorting/diacritics-sort.js
new file mode 100644
index 0000000..965593d
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/diacritics-sort.js
@@ -0,0 +1,167 @@
+/**
+ * This plug-in will provide diacritics neutral sorting of strings. 
+ *
+ * When having columns with strings using special letters from nordic, slavic, 
+ * finnish, celtic, roman, greek, german, turkish (etc) languages you will often 
+ * find the default sorting unsatisfactory. Language specific characters have 
+ * high ASCII values and is therefore typically sorted to the bottom alphabetically. 
+ * For example will the hungarian word árvíztűrő be sorted after Z, even though
+ * you might want it to be sorted along with A. 
+ *
+ *
+ *  @example
+ *    $('#example').DataTable( {
+ *      columnDefs: [
+ *        { targets: 0, type: 'diacritics-neutralise' }
+ *      ]
+ *    } );
+ *
+ * You can customise the plug-in to "natural" sort certain letters by using 
+ *
+ * jQuery.fn.DataTable.ext.type.search.allowDiacritics( array );
+ *
+ * For example you would like to be able filter the nordic letters æ, ø, å :
+ *
+ * jQuery.fn.DataTable.ext.type.search.allowDiacritics( ['æ', 'ø', 'å' ] );
+ * 
+ *
+ *  @name Diacritics-neutralise-sort
+ *  @summary Better sort of strings containing accented characters (diacritical marks)
+ *  @author David Konrad
+ *  @email davidkonrad at googles email
+ *
+ *
+ * Demo
+ *
+ * https://plnkr.co/edit/jOfVvBsNY3I8Gc2JdfU9?p=preview
+ *
+ */
+
+'use strict';
+
+var diacriticsMap = [
+  {'base':'A', 'letters':/[\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F]/g},
+  {'base':'AA','letters':/[\uA732]/g},
+  {'base':'AE','letters':/[\u00C6\u01FC\u01E2]/g},
+  {'base':'AO','letters':/[\uA734]/g},
+  {'base':'AU','letters':/[\uA736]/g},
+  {'base':'AV','letters':/[\uA738\uA73A]/g},
+  {'base':'AY','letters':/[\uA73C]/g},
+  {'base':'B', 'letters':/[\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181]/g},
+  {'base':'C', 'letters':/[\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E]/g},
+  {'base':'D', 'letters':/[\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779]/g},
+  {'base':'DZ','letters':/[\u01F1\u01C4]/g},
+  {'base':'Dz','letters':/[\u01F2\u01C5]/g},
+  {'base':'E', 'letters':/[\u0045\u24BA\uFF25\u00C8\u00C9\u00CA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\u00CB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E]/g},
+  {'base':'F', 'letters':/[\u0046\u24BB\uFF26\u1E1E\u0191\uA77B]/g},
+  {'base':'G', 'letters':/[\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E]/g},
+  {'base':'H', 'letters':/[\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D]/g},
+  {'base':'I', 'letters':/[\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197]/g},
+  {'base':'J', 'letters':/[\u004A\u24BF\uFF2A\u0134\u0248]/g},
+  {'base':'K', 'letters':/[\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2]/g},
+  {'base':'L', 'letters':/[\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780]/g},
+  {'base':'LJ','letters':/[\u01C7]/g},
+  {'base':'Lj','letters':/[\u01C8]/g},
+  {'base':'M', 'letters':/[\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C]/g},
+  {'base':'N', 'letters':/[\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4]/g},
+  {'base':'NJ','letters':/[\u01CA]/g},
+  {'base':'Nj','letters':/[\u01CB]/g},
+  {'base':'O', 'letters':/[\u004F\u24C4\uFF2F\u00D2\u00D3\u00D4\u1ED2\u1ED0\u1ED6\u1ED4\u00D5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\u00D6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\u00D8\u01FE\u0186\u019F\uA74A\uA74C]/g},
+  {'base':'OI','letters':/[\u01A2]/g},
+  {'base':'OO','letters':/[\uA74E]/g},
+  {'base':'OU','letters':/[\u0222]/g},
+  {'base':'P', 'letters':/[\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754]/g},
+  {'base':'Q', 'letters':/[\u0051\u24C6\uFF31\uA756\uA758\u024A]/g},
+  {'base':'R', 'letters':/[\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782]/g},
+  {'base':'S', 'letters':/[\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784]/g},
+  {'base':'T', 'letters':/[\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786]/g},
+  {'base':'TZ','letters':/[\uA728]/g},
+  {'base':'U', 'letters':/[\u0055\u24CA\uFF35\u00D9\u00DA\u00DB\u0168\u1E78\u016A\u1E7A\u016C\u00DC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244]/g},
+  {'base':'V', 'letters':/[\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245]/g},
+  {'base':'VY','letters':/[\uA760]/g},
+  {'base':'W', 'letters':/[\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72]/g},
+  {'base':'X', 'letters':/[\u0058\u24CD\uFF38\u1E8A\u1E8C]/g},
+  {'base':'Y', 'letters':/[\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE]/g},
+  {'base':'Z', 'letters':/[\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762]/g},
+  {'base':'a', 'letters':/[\u0061\u24D0\uFF41\u1E9A\u00E0\u00E1\u00E2\u1EA7\u1EA5\u1EAB\u1EA9\u00E3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\u00E4\u01DF\u1EA3\u00E5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250]/g},
+  {'base':'aa','letters':/[\uA733]/g},
+  {'base':'ae','letters':/[\u00E6\u01FD\u01E3]/g},
+  {'base':'ao','letters':/[\uA735]/g},
+  {'base':'au','letters':/[\uA737]/g},
+  {'base':'av','letters':/[\uA739\uA73B]/g},
+  {'base':'ay','letters':/[\uA73D]/g},
+  {'base':'b', 'letters':/[\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253]/g},
+  {'base':'c', 'letters':/[\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184]/g},
+  {'base':'d', 'letters':/[\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A]/g},
+  {'base':'dz','letters':/[\u01F3\u01C6]/g},
+  {'base':'e', 'letters':/[\u0065\u24D4\uFF45\u00E8\u00E9\u00EA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\u00EB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD]/g},
+  {'base':'f', 'letters':/[\u0066\u24D5\uFF46\u1E1F\u0192\uA77C]/g},
+  {'base':'g', 'letters':/[\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F]/g},
+  {'base':'h', 'letters':/[\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265]/g},
+  {'base':'hv','letters':/[\u0195]/g},
+  {'base':'i', 'letters':/[\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131]/g},
+  {'base':'j', 'letters':/[\u006A\u24D9\uFF4A\u0135\u01F0\u0249]/g},
+  {'base':'k', 'letters':/[\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3]/g},
+  {'base':'l', 'letters':/[\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747]/g},
+  {'base':'lj','letters':/[\u01C9]/g},
+  {'base':'m', 'letters':/[\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F]/g},
+  {'base':'n', 'letters':/[\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5]/g},
+  {'base':'nj','letters':/[\u01CC]/g},
+  {'base':'o', 'letters':/[\u006F\u24DE\uFF4F\u00F2\u00F3\u00F4\u1ED3\u1ED1\u1ED7\u1ED5\u00F5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\u00F6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\u00F8\u01FF\u0254\uA74B\uA74D\u0275]/g},
+  {'base':'oi','letters':/[\u01A3]/g},
+  {'base':'ou','letters':/[\u0223]/g},
+  {'base':'oo','letters':/[\uA74F]/g},
+  {'base':'p','letters':/[\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755]/g},
+  {'base':'q','letters':/[\u0071\u24E0\uFF51\u024B\uA757\uA759]/g},
+  {'base':'r','letters':/[\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783]/g},
+  {'base':'s','letters':/[\u0073\u24E2\uFF53\u00DF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B]/g},
+  {'base':'t','letters':/[\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787]/g},
+  {'base':'tz','letters':/[\uA729]/g},
+  {'base':'u','letters':/[\u0075\u24E4\uFF55\u00F9\u00FA\u00FB\u0169\u1E79\u016B\u1E7B\u016D\u00FC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289]/g},
+  {'base':'v','letters':/[\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C]/g},
+  {'base':'vy','letters':/[\uA761]/g},
+  {'base':'w','letters':/[\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73]/g},
+  {'base':'x','letters':/[\u0078\u24E7\uFF58\u1E8B\u1E8D]/g},
+  {'base':'y','letters':/[\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF]/g},
+  {'base':'z','letters':/[\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763]/g}
+];
+
+
+function removeDiacritics ( s ) {
+  for (var i=0, l=diacriticsMap.length; i<l; i++) {
+    s = s.replace(diacriticsMap[i].letters, diacriticsMap[i].base);
+  }
+  return s; 
+}
+
+function charToUnicode( char ) {
+  var charUnicode = char.charCodeAt(0).toString(16).toUpperCase();
+  while (charUnicode.length < 4) {
+    charUnicode = '0' + charUnicode;
+  }
+  charUnicode = '\\u' + charUnicode;
+  return charUnicode;
+}
+
+jQuery.fn.DataTable.ext.type.search.allowDiacritics = function( array ) {
+  for (var i=0, l=array.length; i<l; i++) {
+    var unicode = charToUnicode(array[i]);
+    for (var di=0, dl=diacriticsMap.length; di<dl; di++) {
+      var _old = diacriticsMap[di].letters.toString();
+      var _new = _old.replace(unicode, '');  
+      if (_old != _new) {
+        diacriticsMap[di].letters = new RegExp(_new);
+      }        
+    }        
+  }     
+}
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"diacritics-neutralise-pre": function ( a ) {
+  	 return removeDiacritics( a.toString().toLowerCase() )
+	}
+} );
+
+/**
+ * end of diacritics-sort.js
+ */
diff --git a/webroot/components/datatables-plugins/sorting/enum.js b/webroot/components/datatables-plugins/sorting/enum.js
new file mode 100644
index 0000000..9aa888f
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/enum.js
@@ -0,0 +1,51 @@
+/**
+ * Sort data by a defined enumerated (enum) list. The options for the values in
+ * the enum are defined by passing the values in an array to the method
+ * `$.fn.dataTable.enum`. Type detection and sorting plug-ins for DataTables will
+ * automatically be generated and added to the table.
+ *
+ * For full details and instructions please see [this DataTables blog
+ * post](//datatables.net/blog/2016-06-16).
+ *
+ * @name enum
+ * @summary Dynamically create enum sorting options for a DataTable
+ * @author [SpryMedia Ltd](http://datatables.net)
+ *
+ *  @example
+ *    $.fn.dataTable.enum( [ 'High', 'Medium', 'Low' ] );
+ *
+ *    $('#example').DataTable();
+ */
+
+
+(function ($) {
+
+
+var unique = 0;
+var types = $.fn.dataTable.ext.type;
+
+// Using form $.fn.dataTable.enum breaks at least YuiCompressor since enum is
+// a reserved word in JavaScript
+$.fn.dataTable['enum'] = function ( arr ) {
+	var name = 'enum-'+(unique++);
+	var lookup = window.Map ? new Map() : {};
+
+	for ( var i=0, ien=arr.length ; i<ien ; i++ ) {
+		lookup[ arr[i] ] = i;
+	}
+
+	// Add type detection
+	types.detect.unshift( function ( d ) {
+		return lookup[ d ] !== undefined ?
+			name :
+			null;
+	} );
+
+	// Add sorting method
+	types.order[ name+'-pre' ] = function ( d ) {
+		return lookup[ d ];
+	};
+};
+
+
+})(jQuery);
diff --git a/webroot/components/datatables-plugins/sorting/file-size.js b/webroot/components/datatables-plugins/sorting/file-size.js
new file mode 100644
index 0000000..2793244
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/file-size.js
@@ -0,0 +1,44 @@
+/**
+ * When dealing with computer file sizes, it is common to append a post fix
+ * such as B, KB, MB or GB to a string in order to easily denote the order of
+ * magnitude of the file size. This plug-in allows sorting to take these
+ * indicates of size into account.
+ *
+ * A counterpart type detection plug-in is also available.
+ *
+ *  @name File size
+ *  @summary Sort abbreviated file sizes correctly (8MB, 4KB, etc)
+ *  @author Allan Jardine - datatables.net
+ *
+ *  @example
+ *    $('#example').DataTable( {
+ *       columnDefs: [
+ *         { type: 'file-size', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.fn.dataTable.ext.type.order['file-size-pre'] = function ( data ) {
+    var matches = data.match( /^(\d+(?:\.\d+)?)\s*([a-z]+)/i );
+    var multipliers = {
+        b:  1,
+        bytes: 1,
+        kb: 1000,
+        kib: 1024,
+        mb: 1000000,
+        mib: 1048576,
+        gb: 1000000000,
+        gib: 1073741824,
+        tb: 1000000000000,
+        tib: 1099511627776,
+        pb: 1000000000000000,
+        pib: 1125899906842624
+    };
+
+    if (matches) {
+        var multiplier = multipliers[matches[2].toLowerCase()];
+        return parseFloat( matches[1] ) * multiplier;
+    } else {
+        return -1;
+    };
+};
diff --git a/webroot/components/datatables-plugins/sorting/formatted-numbers.js b/webroot/components/datatables-plugins/sorting/formatted-numbers.js
new file mode 100644
index 0000000..86f218d
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/formatted-numbers.js
@@ -0,0 +1,40 @@
+/**
+ * This plug-in will provide numeric sorting for numeric columns which have
+ * extra formatting, such as thousands separators, currency symbols or any other
+ * non-numeric data.
+ * 
+ * By default when a cell is found to have no numeric data its value is sorted
+ * numerically as if its value were 0. This could also be altered to be Inifnity
+ * or -Infinity as required.
+ *
+ * DataTables 1.10+ has formatted number 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 Formatted numbers
+ *  @summary Sort numbers which are displayed with thousand separators
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'formatted-num', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"formatted-num-pre": function ( a ) {
+		a = (a === "-" || a === "") ? 0 : a.replace( /[^\d\-\.]/g, "" );
+		return parseFloat( a );
+	},
+
+	"formatted-num-asc": function ( a, b ) {
+		return a - b;
+	},
+
+	"formatted-num-desc": function ( a, b ) {
+		return b - a;
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/intl.js b/webroot/components/datatables-plugins/sorting/intl.js
new file mode 100644
index 0000000..cb92041
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/intl.js
@@ -0,0 +1,86 @@
+/**
+ * This sorting type will replace DataTables' default string sort with one that
+ * will use a locale aware collator. This is supported by IE11, Edge, Chrome,
+ * Firefox and Safari 10+. Any browser that does not support the Intl will
+ * simply fall back to UTF8 string sorting.
+ *
+ * This method simply needs to be called prior to the DataTables' initialisation
+ * to replace the default string sort with locale aware sorting. The method
+ * optionally takes two arguments:
+ *
+ * 1. [Optional] Locale or array of locales
+ * 2. [Optional] Collator options
+ *
+ * For the supported options please see the
+ * [MDN Intl documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Collator).
+ *
+ * @name intl
+ * @summary Sort string data using the Intl Javascript API
+ * @author [Allan Jardine](//datatables.net)
+ * @depends DataTables 1.10+
+ *
+ * @example
+ *    // Host's current locale
+ *    $.fn.dataTable.ext.order.intl();
+ *
+ * @example
+ *    // Explicit locale
+ *    $.fn.dataTable.ext.order.intl('de-u-co-phonebk');
+ *
+ * @example
+ *    // Locale with configuration options
+ *    $.fn.dataTable.ext.order.intl('fr', {
+ *      sensitivity: 'base'
+ *    } );
+ */
+
+
+// UMD
+(function( factory ) {
+	"use strict";
+
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		module.exports = function (root, $) {
+			if ( ! root ) {
+				root = window;
+			}
+
+			if ( ! $ ) {
+				$ = typeof window !== 'undefined' ?
+					require('jquery') :
+					require('jquery')( root );
+			}
+
+			return factory( $, root, root.document );
+		};
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}
+(function( $, window, document ) {
+
+
+$.fn.dataTable.ext.order.intl = function ( locales, options ) {
+	if ( window.Intl ) {
+		var collator = new Intl.Collator( locales, options );
+		var types = $.fn.dataTable.ext.type;
+
+		delete types.order['string-pre'];
+		types.order['string-asc'] = collator.compare;
+		types.order['string-desc'] = function ( a, b ) {
+			return collator.compare( a, b ) * -1;
+		};
+	}
+};
+
+
+}));
diff --git a/webroot/components/datatables-plugins/sorting/ip-address.js b/webroot/components/datatables-plugins/sorting/ip-address.js
new file mode 100644
index 0000000..c06f9f6
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/ip-address.js
@@ -0,0 +1,120 @@
+/**
+ * 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 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.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;
+				}
+			}
+		}
+		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));
+	}
+});
diff --git a/webroot/components/datatables-plugins/sorting/monthYear.js b/webroot/components/datatables-plugins/sorting/monthYear.js
new file mode 100644
index 0000000..54d9d82
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/monthYear.js
@@ -0,0 +1,36 @@
+/**
+ * This sorting plug-in will sort, in calendar order, data which
+ * is in the format "MM YY".
+ *
+ * Please note that this plug-in is **deprecated*. The
+ * [datetime](//datatables.net/blog/2014-12-18) plug-in provides enhanced
+ * functionality and flexibility.
+ *
+ *  @name Date (MM YY)
+ *  @anchor Sort dates in the format `MM YY`
+ *  @author Michael Motek
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'monthYear', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"monthYear-pre": function ( s ) {
+		var a = s.split(' ');
+		// Date uses the American "MM DD YY" format
+		return new Date(a[0]+' 01 '+a[1]);
+	},
+
+	"monthYear-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"monthYear-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ?  -1 : 0));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/natural-time-delta.js b/webroot/components/datatables-plugins/sorting/natural-time-delta.js
new file mode 100644
index 0000000..f08087f
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/natural-time-delta.js
@@ -0,0 +1,67 @@
+/**
+* Created by Shodhan Save on Jan 23, 2018.
+* Updated @ Jan 25, 2018
+*/
+
+/**
+* This plug-in allows sorting of human readable time delta, viz.,
+* "1 week", "2 weeks 3 days", "4 weeks 5 days 6hours", etc.
+*
+* Curently this plugin supports time range from microseconds to decades.
+*
+* The plugin also takes care of singular and plural values lik week(s)
+*
+*  @name Natural Time Delta
+*  @summary Sort human readable time delta
+*
+*  @example
+*    $("#example").DataTable({
+*       columnDefs: [
+*         { "type": "natural-time-delta", "targets": 2 }
+*       ]
+*    });
+*/
+
+jQuery.extend(jQuery.fn.dataTableExt.oSort,{
+    "natural-time-delta-pre" : function(data){
+        var result = 0;
+        var pattern = /(\d+\s*decades?\s*)?(\d+\s*years?\s*)?(\d+\s*months?\s*)?(\d+\s*weeks?\s*)?(\d+\s*days?\s*)?(\d+\s*hours?\s*)?(\d+\s*minutes?\s*)?(\d+\s*seconds?\s*)?(\d+\s*milliseconds?\s*)?(\d+\s*microseconds?\s*)?/i
+        var format_time_element = function(el, splitter, mul){
+            if (el === undefined){
+                return 0;
+            }
+            return parseFloat(el.split(splitter)[0].trim()) * mul;
+        };
+
+        var matches = data.match(pattern);
+        matches.reverse();
+
+        var time_elements = [
+            {"splitter" : "us",  "name" : "microsecond",  "mul" : 1 / 1000 / 1000},
+            {"splitter" : "ms",  "name" : "millisecond",  "mul" : 1 / 1000},
+            {"splitter" : "s",  "name" : "second",  "mul" : 1},
+            {"splitter" : "m",  "name" : "minute",  "mul" : 1 * 60},
+            {"splitter" : "h",  "name" : "hour",    "mul" : 1 * 60 * 60},
+            {"splitter" : "d",  "name" : "day",     "mul" : 1 * 60 * 60 * 24},
+            {"splitter" : "w",  "name" : "week",    "mul" : 1 * 60 * 60 * 24 * 7},
+            {"splitter" : "w",  "name" : "month",    "mul" : 1 * 60 * 60 * 24 * 7 * 30},
+            {"splitter" : "w",  "name" : "year",    "mul" : 1 * 60 * 60 * 24 * 7 * 30 * 12},
+            {"splitter" : "w",  "name" : "decade",    "mul" : 1 * 60 * 60 * 24 * 7 * 30 * 12 * 10},
+        ];
+
+        time_elements.forEach(function(el, i){
+            var val = format_time_element(matches[i], el["splitter"], el["mul"]);
+            result += val;
+        });
+
+        return result || -1;
+    },
+
+    "natural-time-delta-asc" : function (a, b) {
+        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+    },
+
+    "natural-time-delta-desc" : function (a, b) {
+        return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+    }
+});
diff --git a/webroot/components/datatables-plugins/sorting/natural.js b/webroot/components/datatables-plugins/sorting/natural.js
new file mode 100644
index 0000000..e5873db
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/natural.js
@@ -0,0 +1,128 @@
+/**
+ * Data can often be a complicated mix of numbers and letters (file names
+ * are a common example) and sorting them in a natural manner is quite a
+ * difficult problem.
+ * 
+ * Fortunately a deal of work has already been done in this area by other
+ * authors - the following plug-in uses the [naturalSort() function by Jim
+ * Palmer](http://www.overset.com/2008/09/01/javascript-natural-sort-algorithm-with-unicode-support) to provide natural sorting in DataTables.
+ *
+ *  @name Natural sorting
+ *  @summary Sort data with a mix of numbers and letters _naturally_.
+ *  @author [Jim Palmer](http://www.overset.com/2008/09/01/javascript-natural-sort-algorithm-with-unicode-support)
+ *  @author [Michael Buehler] (https://github.com/AnimusMachina)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'natural', targets: 0 }
+ *       ]
+ *    } );
+ *
+ *    Html can be stripped from sorting by using 'natural-nohtml' such as
+ *
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *    	   { type: 'natural-nohtml', targets: 0 }
+ *       ]
+ *    } );
+ *
+ */
+
+(function() {
+
+/*
+ * Natural Sort algorithm for Javascript - Version 0.7 - Released under MIT license
+ * Author: Jim Palmer (based on chunking idea from Dave Koelle)
+ * Contributors: Mike Grier (mgrier.com), Clint Priest, Kyle Adams, guillermo
+ * See: http://js-naturalsort.googlecode.com/svn/trunk/naturalSort.js
+ */
+function naturalSort (a, b, html) {
+	var re = /(^-?[0-9]+(\.?[0-9]*)[df]?e?[0-9]?%?$|^0x[0-9a-f]+$|[0-9]+)/gi,
+		sre = /(^[ ]*|[ ]*$)/g,
+		dre = /(^([\w ]+,?[\w ]+)?[\w ]+,?[\w ]+\d+:\d+(:\d+)?[\w ]?|^\d{1,4}[\/\-]\d{1,4}[\/\-]\d{1,4}|^\w+, \w+ \d+, \d{4})/,
+		hre = /^0x[0-9a-f]+$/i,
+		ore = /^0/,
+		htmre = /(<([^>]+)>)/ig,
+		// convert all to strings and trim()
+		x = a.toString().replace(sre, '') || '',
+		y = b.toString().replace(sre, '') || '';
+		// remove html from strings if desired
+		if (!html) {
+			x = x.replace(htmre, '');
+			y = y.replace(htmre, '');
+		}
+		// chunk/tokenize
+	var	xN = x.replace(re, '\0$1\0').replace(/\0$/,'').replace(/^\0/,'').split('\0'),
+		yN = y.replace(re, '\0$1\0').replace(/\0$/,'').replace(/^\0/,'').split('\0'),
+		// numeric, hex or date detection
+		xD = parseInt(x.match(hre), 10) || (xN.length !== 1 && x.match(dre) && Date.parse(x)),
+		yD = parseInt(y.match(hre), 10) || xD && y.match(dre) && Date.parse(y) || null;
+
+	// first try and sort Hex codes or Dates
+	if (yD) {
+		if ( xD < yD ) {
+			return -1;
+		}
+		else if ( xD > yD )	{
+			return 1;
+		}
+	}
+
+	// natural sorting through split numeric strings and default strings
+	for(var cLoc=0, numS=Math.max(xN.length, yN.length); cLoc < numS; cLoc++) {
+		// find floats not starting with '0', string or 0 if not defined (Clint Priest)
+		var oFxNcL = !(xN[cLoc] || '').match(ore) && parseFloat(xN[cLoc], 10) || xN[cLoc] || 0;
+		var oFyNcL = !(yN[cLoc] || '').match(ore) && parseFloat(yN[cLoc], 10) || yN[cLoc] || 0;
+		// handle numeric vs string comparison - number < string - (Kyle Adams)
+		if (isNaN(oFxNcL) !== isNaN(oFyNcL)) {
+			return (isNaN(oFxNcL)) ? 1 : -1;
+		}
+		// rely on string comparison if different types - i.e. '02' < 2 != '02' < '2'
+		else if (typeof oFxNcL !== typeof oFyNcL) {
+			oFxNcL += '';
+			oFyNcL += '';
+		}
+		if (oFxNcL < oFyNcL) {
+			return -1;
+		}
+		if (oFxNcL > oFyNcL) {
+			return 1;
+		}
+	}
+	return 0;
+}
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"natural-asc": function ( a, b ) {
+		return naturalSort(a,b,true);
+	},
+
+	"natural-desc": function ( a, b ) {
+		return naturalSort(a,b,true) * -1;
+	},
+
+	"natural-nohtml-asc": function( a, b ) {
+		return naturalSort(a,b,false);
+	},
+
+	"natural-nohtml-desc": function( a, b ) {
+		return naturalSort(a,b,false) * -1;
+	},
+
+	"natural-ci-asc": function( a, b ) {
+		a = a.toString().toLowerCase();
+		b = b.toString().toLowerCase();
+
+		return naturalSort(a,b,true);
+	},
+
+	"natural-ci-desc": function( a, b ) {
+		a = a.toString().toLowerCase();
+		b = b.toString().toLowerCase();
+
+		return naturalSort(a,b,true) * -1;
+	}
+} );
+
+}());
diff --git a/webroot/components/datatables-plugins/sorting/nepali-numbers.js b/webroot/components/datatables-plugins/sorting/nepali-numbers.js
new file mode 100644
index 0000000..3b033b0
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/nepali-numbers.js
@@ -0,0 +1,56 @@
+/**
+ * Sorts a column containing nepali numbers. Nepali numbers can easily be 
+ * mapped 1:1 to latin numbers - १ = 1, २ = 2, १२ = 12 and so on.
+ *
+ * <https://en.wikipedia.org/wiki/Numbers_in_Nepali_language>
+ * <http://www.imnepal.com/nepali-numbers>
+ * <http://stackoverflow.com/q/26856481/1407478>
+ * <http://jsfiddle.net/ft7f16yt>
+ *
+ *  @name Nepali numbers
+ *  @summary Sorts columns containing UTF8 nepali numbers
+ *  @author [david konrad](davidkonrad at gmail com)
+ *
+ *  @example
+ *    $('#example').DataTable( {
+ *       columnDefs: [
+ *         { type: 'nepali-numbers', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"nepali-numbers-pre" : function(a) {
+		function nepaliToLatin(nepali) {
+			switch(nepali) {
+				case "०": return 0; break;
+				case "१": return 1; break;
+				case "२": return 2; break;
+				case "३": return 3; break;
+				case "४": return 4; break;
+				case "५": return 5; break;
+				case "६": return 6; break;
+				case "७": return 7; break;
+				case "८": return 8; break;
+				case "९": return 9; break;        
+				default : return 0; break;
+			}        
+		}
+		var latin = '', i = 0;
+		for (i; i<a.length; i++) {
+			latin += nepaliToLatin(a.charAt(i))
+		}
+		return parseInt(latin)
+	},
+
+	"nepali-numbers-asc": function(a, b) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0))
+	},
+
+	"nepali-numbers-desc": function(a, b) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0))
+	}
+
+} );
+
+
diff --git a/webroot/components/datatables-plugins/sorting/num-html.js b/webroot/components/datatables-plugins/sorting/num-html.js
new file mode 100644
index 0000000..7da35f6
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/num-html.js
@@ -0,0 +1,38 @@
+/**
+ * This sorting plug-in allows for HTML tags with numeric data. With the 'html'
+ * type it will strip the HTML and then sorts by strings, with this type it 
+ * strips the HTML and then sorts by numbers. Note also that this sorting 
+ * plug-in has an equivalent type detection plug-in which can make integration
+ * easier.
+ * 
+ * DataTables 1.10+ has HTML numeric 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 Numbers with HTML
+ *  @summary Sort data which is a mix of HTML and numeric data.
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'num-html', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"num-html-pre": function ( a ) {
+		var x = String(a).replace( /<[\s\S]*?>/g, "" );
+		return parseFloat( x );
+	},
+
+	"num-html-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"num-html-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/numeric-comma.js b/webroot/components/datatables-plugins/sorting/numeric-comma.js
new file mode 100644
index 0000000..f72219e
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/numeric-comma.js
@@ -0,0 +1,37 @@
+/**
+ * It is not uncommon for non-English speaking countries to use a comma for a
+ * decimal place. This sorting plug-in shows how that can be taken account of in
+ * sorting by adding the type `numeric-comma` to DataTables. A type detection 
+ * plug-in for this sorting method is provided below.
+ * 
+ * Please note that the 'Formatted numbers' type detection and sorting plug-ins
+ * offer greater flexibility that this plug-in and should be used in preference
+ * to this method.
+ *
+ *  @name Commas for decimal place
+ *  @summary Sort numbers correctly which use a comma as the decimal place.
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'numeric-comma', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"numeric-comma-pre": function ( a ) {
+		var x = (a == "-") ? 0 : a.replace( /,/, "." );
+		return parseFloat( x );
+	},
+
+	"numeric-comma-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"numeric-comma-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/percent.js b/webroot/components/datatables-plugins/sorting/percent.js
new file mode 100644
index 0000000..07a1e16
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/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));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/persian.js b/webroot/components/datatables-plugins/sorting/persian.js
new file mode 100644
index 0000000..b5bf12a
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/persian.js
@@ -0,0 +1,59 @@
+/**
+ * Sorting in Javascript can be difficult to get right with non-Roman 
+ * characters - for which special consideration must be made. This plug-in 
+ * performs correct sorting on Persian characters.
+ *
+ *  @name Persian
+ *  @summary Sort Persian strings alphabetically
+ *  @author [Afshin Mehrabani](http://www.afshinm.name/)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'pstring', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+(function(){
+
+var persianSort = [ 'آ', 'ا', 'ب', 'پ', 'ت', 'ث', 'ج', 'چ', 'ح', 'خ', 'د', 'ذ', 'ر', 'ز', 'ژ',
+					'س', 'ش', 'ص', 'ط', 'ظ', 'ع', 'غ', 'ف', 'ق', 'ک', 'گ', 'ل', 'م', 'ن', 'و', 'ه', 'ی', 'ي' ];
+
+function GetUniCode(source) {
+	source = $.trim(source);
+	var result = '';
+	var i, index;
+	for (i = 0; i < source.length; i++) {
+		//Check and fix IE indexOf bug
+		if (!Array.indexOf) {
+			index = jQuery.inArray(source.charAt(i), persianSort);
+		}else{
+			index = persianSort.indexOf(source.charAt(i));
+		}
+		if (index < 0) {
+			index = source.charCodeAt(i);
+		}
+		if (index < 10) {
+			index = '0' + index;
+		}
+		result += '00' + index;
+	}
+	return 'a' + result;
+}
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"pstring-pre": function ( a ) {
+		return GetUniCode(a.toLowerCase());
+	},
+
+	"pstring-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"pstring-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );
+
+}());
diff --git a/webroot/components/datatables-plugins/sorting/scientific.js b/webroot/components/datatables-plugins/sorting/scientific.js
new file mode 100644
index 0000000..a94d246
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/scientific.js
@@ -0,0 +1,29 @@
+/**
+ * This plug-in will treat numbers which are in scientific notation (for
+ * example `1E-10`, `1.2E6` etc) and sort them numerically.
+ *
+ *  @name Scientific notation sorting
+ *  @summary Sort data which is written in exponential notation.
+ *  @author [Nick Schurch](http://datatables.net/forums/profile/21757/nickschurch)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'scientific', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"scientific-pre": function ( a ) {
+		return parseFloat(a);
+	},
+
+	"scientific-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"scientific-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/signed-num.js b/webroot/components/datatables-plugins/sorting/signed-num.js
new file mode 100644
index 0000000..441d302
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/signed-num.js
@@ -0,0 +1,30 @@
+/**
+ * Although DataTables' internal numeric sorting works no problem on negative
+ * numbers, it does not accept positively signed numbers. This plug-in will
+ * sort just such data numerically.
+ *
+ *  @name Fully signed numbers sorting 
+ *  @summary Sort data numerically with a leading `+` symbol (as well as `-`).
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'signed-num', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"signed-num-pre": function ( a ) {
+		return (a=="-" || a==="") ? 0 : a.replace('+','')*1;
+	},
+
+	"signed-num-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"signed-num-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/stringMonthYear.js b/webroot/components/datatables-plugins/sorting/stringMonthYear.js
new file mode 100644
index 0000000..ffcd330
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/stringMonthYear.js
@@ -0,0 +1,51 @@
+/**
+ * This sorting plug-in will sort, in calendar order, data which
+ * is in the format "MMM yyyy" or "MMMM yyyy". Inspired by forum discussion:
+ * http://datatables.net/forums/discussion/1242/sorting-dates-with-only-month-and-year
+ *
+ * Please note that this plug-in is **deprecated*. The
+ * [datetime](//datatables.net/blog/2014-12-18) plug-in provides enhanced
+ * functionality and flexibility.
+ *
+ *  @name Date (MMM yyyy) or (MMMM yyyy)
+ *  @anchor Sort dates in the format `MMM yyyy` or `MMMM yyyy`
+ *  @author Phil Hurwitz
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').DataTable( {
+ *       columnDefs: [
+ *         { type: 'stringMonthYear', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend(jQuery.fn.dataTableExt.oSort, {
+    "stringMonthYear-pre": function (s) {
+        var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+
+        var dateComponents = s.split(" ");
+        dateComponents[0] = dateComponents[0].replace(",", "");
+        dateComponents[1] = jQuery.trim(dateComponents[1]);
+
+        var year = dateComponents[1];
+
+        var month = 0;
+        for (var i = 0; i < months.length; i++) {
+            if (months[i].toLowerCase() == dateComponents[0].toLowerCase().substring(0,3)) {
+                month = i;
+                break;
+            }
+        }
+
+        return new Date(year, month, 1);
+    },
+
+    "stringMonthYear-asc": function (a, b) {
+        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+    },
+
+    "stringMonthYear-desc": function (a, b) {
+        return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+    }
+});
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/sorting/time-elapsed-dhms.js b/webroot/components/datatables-plugins/sorting/time-elapsed-dhms.js
new file mode 100644
index 0000000..cd483f5
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/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;
+    };
+};
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/sorting/time.js b/webroot/components/datatables-plugins/sorting/time.js
new file mode 100644
index 0000000..b0354b2
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/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));
+    }
+});
\ No newline at end of file
diff --git a/webroot/components/datatables-plugins/sorting/title-numeric.js b/webroot/components/datatables-plugins/sorting/title-numeric.js
new file mode 100644
index 0000000..fd076ce
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/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));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/title-string.js b/webroot/components/datatables-plugins/sorting/title-string.js
new file mode 100644
index 0000000..2f2f35d
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/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));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/sorting/turkish-string.js b/webroot/components/datatables-plugins/sorting/turkish-string.js
new file mode 100644
index 0000000..9c9d2de
--- /dev/null
+++ b/webroot/components/datatables-plugins/sorting/turkish-string.js
@@ -0,0 +1,41 @@
+/**
+ * Sorting in Javascript for Turkish Characters. This plug-in will replace the special
+ * turkish letters (non english characters) and replace in English.
+ *
+ *  
+ *  @name Turkish
+ *  @summary Sort Turkish characters
+ *  @author [Yuksel Beyti](http://yukselbeyti.com)
+ *
+ *  @example
+ *    // Use plug-in for all columns
+ *    $('#example').dataTable({
+ *       columnDefs: [
+ *           { type: 'turkish'. targets: '_all' }
+ *       ]
+ *   });
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"turkish-pre": function ( a ) {
+		var special_letters = {
+            "C": "Ca", "c": "ca", "Ç": "Cb", "ç": "cb",
+            "G": "Ga", "g": "ga", "Ğ": "Gb", "ğ": "gb",
+            "I": "Ia", "ı": "ia", "İ": "Ib", "i": "ib",
+            "O": "Oa", "o": "oa", "Ö": "Ob", "ö": "ob",
+            "S": "Sa", "s": "sa", "Ş": "Sb", "ş": "sb",
+            "U": "Ua", "u": "ua", "Ü": "Ub", "ü": "ub"
+            };
+        for (var val in special_letters)
+           a = a.split(val).join(special_letters[val]).toLowerCase();
+        return a;
+	},
+
+	"turkish-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"turkish-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );
diff --git a/webroot/components/datatables-plugins/type-detection/currency.js b/webroot/components/datatables-plugins/type-detection/currency.js
new file mode 100644
index 0000000..9a09885
--- /dev/null
+++ b/webroot/components/datatables-plugins/type-detection/currency.js
@@ -0,0 +1,40 @@
+/**
+ * This plug-in will add automatic detection for currency columns to 
+ * DataTables. Note that only $, £ and € symbols are detected with this code,
+ * but it is trivial to add more or change the current ones. This is best used
+ * in conjunction with the currency sorting plug-in.
+ * 
+ * DataTables 1.10+ has currency sorting abilities built-in and will be
+ * automatically detected. As such this plug-in is marked as deprecated, but
+ * might be useful when working with old versions of DataTables.
+ *
+ *  @name Currency
+ *  @summary Detect data of numeric type with a leading currency symbol.
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk), Nuno Gomes
+ */
+
+(function(){
+
+// Change this list to the valid characters you want
+var validChars = "$£€c" + "0123456789" + ".-,'";
+
+// Init the regex just once for speed - it is "closure locked"
+var
+	str = jQuery.fn.dataTableExt.oApi._fnEscapeRegex( validChars ),
+	re = new RegExp('[^'+str+']');
+
+
+jQuery.fn.dataTableExt.aTypes.unshift(
+   function ( data )
+	{
+		if ( typeof data !== 'string' || re.test(data) ) {
+			return null;
+		}
+
+		return 'currency';
+	}
+);
+
+}());
+
diff --git a/webroot/components/datatables-plugins/type-detection/date-uk.js b/webroot/components/datatables-plugins/type-detection/date-uk.js
new file mode 100644
index 0000000..d4a8621
--- /dev/null
+++ b/webroot/components/datatables-plugins/type-detection/date-uk.js
@@ -0,0 +1,19 @@
+/**
+ * Automatically detect British (`dd/mm/yyyy`) date types. Goes with the UK 
+ * date sorting plug-in.
+ *
+ *  @name Date (`dd/mm/yyyy`)
+ *  @summary Detect data which is in the date format `dd/mm/yyyy`
+ *  @author Andy McMaster
+ */
+
+jQuery.fn.dataTableExt.aTypes.unshift(
+	function ( sData )
+	{
+		if (sData !== null && sData.match(/^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[012])\/(19|20|21)\d\d$/))
+		{
+			return 'date-uk';
+		}
+		return null;
+	}
+);
diff --git a/webroot/components/datatables-plugins/type-detection/file-size.js b/webroot/components/datatables-plugins/type-detection/file-size.js
new file mode 100644
index 0000000..2100deb
--- /dev/null
+++ b/webroot/components/datatables-plugins/type-detection/file-size.js
@@ -0,0 +1,20 @@
+/**
+ * Detect file size type columns automatically. Commonly used for computer
+ * file sizes, this can allow sorting to take the order of magnitude indicated
+ * by the label (GB etc) into account.
+ *
+ *  @name File size
+ *  @summary Detect abbreviated file size data (8MB, 4KB, 3B, etc)
+ *  @author Allan Jardine - datatables.net
+ */
+
+jQuery.fn.dataTable.ext.type.detect.unshift( function ( data ) {
+	if ( typeof data !== 'string' ) {
+		return null;
+	}
+
+	var matches = data.match( /^(\d+(?:\.\d+)?)\s*([a-z]+)/i );
+	var units = ['b', 'kb', 'mb', 'gb', 'tb', 'pb'];
+	var is_file_size = ( matches && jQuery.inArray(matches[2].toLowerCase(), units) !== -1 );
+	return is_file_size ? 'file-size' : null;
+} );
diff --git a/webroot/components/datatables-plugins/type-detection/formatted-num.js b/webroot/components/datatables-plugins/type-detection/formatted-num.js
new file mode 100644
index 0000000..27ff033
--- /dev/null
+++ b/webroot/components/datatables-plugins/type-detection/formatted-num.js
@@ -0,0 +1,28 @@
+/**
+ * This plug-in will strip out non-numeric formatting characters such that a
+ * formatted number (for example 1,000,000) can be detected automatically and
+ * sorted numerically. Note that characters a-z are not automatically removed,
+ * otherwise there is a risk of detecting columns as numeric which should not
+ * be.
+ *
+ * DataTables 1.10+ has formatted number 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 Formatted numbers
+ *  @summary formatted_numbers
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ */
+
+jQuery.fn.dataTableExt.aTypes.unshift(
+	function ( sData )
+	{
+		var deformatted = sData.replace(/[^\d\-\.\/a-zA-Z]/g,'');
+		var isNumeric = !isNaN( deformatted - parseFloat( deformatted ) );
+
+		return isNumeric || deformatted === "-" ?
+			'formatted-num' :
+			null;
+	}
+);
diff --git a/webroot/components/datatables-plugins/type-detection/ip-address.js b/webroot/components/datatables-plugins/type-detection/ip-address.js
new file mode 100644
index 0000000..f2c23ab
--- /dev/null
+++ b/webroot/components/datatables-plugins/type-detection/ip-address.js
@@ -0,0 +1,18 @@
+/**
+ * Automatically detect IP addresses in dot notation. Goes perfectly with the
+ * IP address sorting function.
+ *
+ *  @name IP address detection
+ *  @summary Detect data which is in IP address notation
+ *  @author Brad Wasson
+ */
+
+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';
+		}
+		return null;
+	}
+);
diff --git a/webroot/components/datatables-plugins/type-detection/num-html.js b/webroot/components/datatables-plugins/type-detection/num-html.js
new file mode 100644
index 0000000..077557d
--- /dev/null
+++ b/webroot/components/datatables-plugins/type-detection/num-html.js
@@ -0,0 +1,56 @@
+/**
+ * This type-detection plug-in will look at an HTML string from a data cell,
+ * strip the HTML tags and then check to see if the remaining data is numeric.
+ * If it is, then the data can be sorted numerically with the Numbers with HTML
+ * sorting plug-in.
+ *
+ * DataTables 1.10+ has numeric HTML data type 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 Numbers with HTML
+ *  @summary Detect data which is a mix of HTML and numeric data.
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ */
+
+jQuery.fn.dataTableExt.aTypes.unshift( function ( sData )
+{
+	sData = typeof sData.replace == 'function' ?
+		sData.replace( /<[\s\S]*?>/g, "" ) : sData;
+	sData = $.trim(sData);
+
+	var sValidFirstChars = "0123456789-";
+	var sValidChars = "0123456789.";
+	var Char;
+	var bDecimal = false;
+
+	/* Check for a valid first char (no period and allow negatives) */
+	Char = sData.charAt(0);
+	if (sValidFirstChars.indexOf(Char) == -1)
+	{
+		return null;
+	}
+
+	/* Check all the other characters are valid */
+	for ( var i=1 ; i<sData.length ; i++ )
+	{
+		Char = sData.charAt(i);
+		if (sValidChars.indexOf(Char) == -1)
+		{
+			return null;
+		}
+
+		/* Only allowed one decimal place... */
+		if ( Char == "." )
+		{
+			if ( bDecimal )
+			{
+				return null;
+			}
+			bDecimal = true;
+		}
+	}
+
+	return 'num-html';
+} );
diff --git a/webroot/components/datatables-plugins/type-detection/numeric-comma.js b/webroot/components/datatables-plugins/type-detection/numeric-comma.js
new file mode 100644
index 0000000..adfeae6
--- /dev/null
+++ b/webroot/components/datatables-plugins/type-detection/numeric-comma.js
@@ -0,0 +1,40 @@
+/**
+ * Automatically detect numbers which use a comma in the place of a decimal 
+ * point to allow them to be sorted numerically.
+ * 
+ * Please note that the 'Formatted numbers' type detection and sorting plug-ins
+ * offer greater flexibility that this plug-in and should be used in preference
+ * to this method.
+ *
+ *  @name Commas for decimal place
+ *  @summary Detect numeric data which uses a comma as the decimal place.
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ */
+
+jQuery.fn.dataTableExt.aTypes.unshift(
+	function ( sData )
+	{
+		var sValidChars = "0123456789,.";
+		var Char;
+		var bDecimal = false;
+		var iStart=0;
+
+		/* Negative sign is valid - shift the number check start point */
+		if ( sData.charAt(0) === '-' ) {
+			iStart = 1;
+		}
+
+		/* Check the numeric part */
+		for ( var i=iStart ; i<sData.length ; i++ )
+		{
+			Char = sData.charAt(i);
+			if (sValidChars.indexOf(Char) == -1)
+			{
+				return null;
+			}
+		}
+
+		return 'numeric-comma';
+	}
+);