patternfly-sass 3.13.0 → 3.14.0

data/assets/javascripts/patternfly.dataTables.pfFilter.min.js

@@ -0,0 +1 @@
+!function(factory){"use strict";"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function($){return factory($,window,document)}):"object"==typeof exports?module.exports=function(root,$){return root||(root=window),$&&$.fn.dataTable||($=require("datatables.net")(root,$).$),factory($,root,root.document)}:factory(jQuery,window,document)}(function($,window,document,undefined){"use strict";function addActiveFilterControl(dt,filter){var i,ctx=dt.settings()[0];ctx._pfFilter.activeFilterControls.append('<li><span class="label label-info">'+filter.name+": "+filter.value+'<a href="#"><span class="pficon pficon-close"/></a></span></li>'),$("a",ctx._pfFilter.activeFilterControls).last().on("click",function(e){for(i=0;i<ctx._pfFilter.filters.length;i++)if(ctx._pfFilter.filters[i].column===filter.column&&ctx._pfFilter.filters[i].value===filter.value){ctx._pfFilter.filters.splice(i,1),$(this).parents("li").remove();break}0===ctx._pfFilter.filters.length&&ctx._pfFilter.activeFilters.addClass("hidden"),dt.draw(),updateFilterResults(dt)}),ctx._pfFilter.activeFilters.removeClass("hidden")}function addFilter(dt,filter){var ctx=dt.settings()[0],found=!1;$.grep(ctx._pfFilter.filters,function(f){f.column===filter.column&&f.value===filter.value&&(found=!0)}),found||(ctx._pfFilter.filters.push(filter),dt.draw(),addActiveFilterControl(dt,filter),updateFilterResults(dt)),ctx._pfFilter.filterInput.val("")}function clearFilters(dt){var ctx=dt.settings()[0];ctx._pfFilter.filters.length=0,ctx._pfFilter.activeFilterControls.html(""),ctx._pfFilter.activeFilters.addClass("hidden"),dt.draw()}function handleClearFilters(dt){var ctx=dt.settings()[0];ctx._pfFilter.clearFilters!==undefined&&0!==ctx._pfFilter.clearFilters.length&&ctx._pfFilter.clearFilters.on("click",function(e){clearFilters(dt)})}function handleFilterInput(dt){var ctx=dt.settings()[0];ctx._pfFilter.filterInput!==undefined&&0!==ctx._pfFilter.filterInput.length&&ctx._pfFilter.filterInput.on("keypress",function(e){var keycode=e.keyCode?e.keyCode:e.which;return 13!==keycode||(e.preventDefault(),this.value.trim().length>0&&addFilter(dt,{column:ctx._pfFilter.filterColumn,name:ctx._pfFilter.filterName,value:this.value}),!1)})}function handleFilterOption(dt,i){var ctx=dt.settings()[0];null!==ctx._pfFilter.filterCols[i]&&ctx._pfFilter.filterCols[i].optionSelector!==undefined&&$(ctx._pfFilter.filterCols[i].optionSelector).on("click",function(e){ctx._pfFilter.filterInput!==undefined&&0!==ctx._pfFilter.filterInput.length&&(ctx._pfFilter.filterInput.get(0).placeholder=ctx._pfFilter.filterCols[i].placeholder),ctx._pfFilter.filterLabel!==undefined&&0!==ctx._pfFilter.filterLabel.length&&ctx._pfFilter.filterLabel.html($(this).text()),ctx._pfFilter.filterButton!==undefined&&0!==ctx._pfFilter.filterButton.length&&ctx._pfFilter.filterButton.html($(this).text()+' <span class="caret"></span>'),ctx._pfFilter.filterColumn=i,ctx._pfFilter.filterName=$(this).text()})}function updateFilterResults(dt){var ctx=dt.settings()[0],filteredRows=dt.rows({page:"current",search:"applied"}).flatten().length;ctx._pfFilter.filterResults!==undefined&&0!==ctx._pfFilter.filterResults.length&&ctx._pfFilter.filterResults.html(filteredRows+" Results")}var DataTable=$.fn.dataTable,ACTIVE_FILTER_CONTROLS_SELECTOR=".list-inline",CLEAR_FILTERS_SELECTOR=".toolbar-pf-results a",FILTER_SELECTOR=".toolbar-pf-filter",FILTER_BUTTON_SELECTOR=FILTER_SELECTOR+" button",FILTER_INPUT_SELECTOR=FILTER_SELECTOR+" input",FILTER_LABEL_SELECTOR=FILTER_SELECTOR+" label",RESULTS_SELECTOR=".toolbar-pf-results",FILTER_RESULTS_SELECTOR=RESULTS_SELECTOR+" h5";return DataTable.pfFilter={},DataTable.pfFilter.init=function(dt){var i,ctx=dt.settings()[0],opts=ctx.oInit.pfConfig?ctx.oInit.pfConfig:{};if(ctx._pfFilter={},ctx._pfFilter.filterButton=$(FILTER_BUTTON_SELECTOR,opts.toolbarSelector),ctx._pfFilter.filterCols=opts.filterCols,ctx._pfFilter.filterLabel=$(FILTER_LABEL_SELECTOR,opts.toolbarSelector),ctx._pfFilter.filterInput=$(FILTER_INPUT_SELECTOR,opts.toolbarSelector),ctx._pfFilter.filters=[],ctx._pfFilter.activeFilterControls=$(ACTIVE_FILTER_CONTROLS_SELECTOR,opts.toolbarSelector),ctx._pfFilter.activeFilters=ctx._pfFilter.activeFilterControls.closest("div"),ctx._pfFilter.clearFilters=$(CLEAR_FILTERS_SELECTOR,opts.toolbarSelector),ctx._pfFilter.results=$(RESULTS_SELECTOR,opts.toolbarSelector),ctx._pfFilter.filterResults=$(FILTER_RESULTS_SELECTOR,opts.toolbarSelector),ctx._pfFilter.filterCols!==undefined){for(i=0;i<ctx._pfFilter.filterCols.length&&(null===ctx._pfFilter.filterCols[i]||(ctx._pfFilter.filterColumn=i,ctx._pfFilter.filterName=$(ctx._pfFilter.filterCols[i].optionSelector).text(),ctx._pfFilter.filterCols[i].default!==!0));i++);for(i=0;i<ctx._pfFilter.filterCols.length;i++)handleFilterOption(dt,i);handleFilterInput(dt),handleClearFilters(dt),$.fn.dataTable.ext.search.push(function(ctx,data,dataIndex){var showThisRow=!0;return ctx._pfFilter&&$.each(ctx._pfFilter.filters,function(index,filter){data[filter.column].indexOf(filter.value)===-1&&(showThisRow=!1)}),showThisRow})}},DataTable.Api.register("pfFilter.addFilter()",function(filter){return this.iterator("table",function(ctx){addFilter(new DataTable.Api(ctx),filter)})}),DataTable.Api.register("pfFilter.clearFilters()",function(){return this.iterator("table",function(ctx){clearFilters(new DataTable.Api(ctx))})}),$(document).on("init.dt",function(e,ctx,json){"dt"===e.namespace&&DataTable.pfFilter.init(new DataTable.Api(ctx))}),DataTable.pfFilter});

data/assets/javascripts/patternfly.dataTables.pfResize.js

@@ -0,0 +1,214 @@
+/**
+ * @summary     pfResize for DataTables
+ * @description A collection of API methods providing resize functionality in DataTables. This ensures DataTables
+ * meets the Patternfly design pattern for IE browsers. Inline actions are typically located in the last column of
+ * DataTables and expected to be styled with table-view-pf-actions. Inline action buttons must also be wrapped with the
+ * table-view-pf-btn class.
+ *
+ * Example:
+ *
+ * <!-- NOTE: Some configuration may be omitted for clarity -->
+ * ...
+ * <table class="table table-striped table-bordered table-hover" id="table1">
+ *   <thead>
+ *     <tr>
+ *       <th><input type="checkbox" name="selectAll"></th>
+ *       <th>Rendering Engine</th>
+ *       <th>Browser</th>
+ *       <th colspan="2">Actions</th>
+ *     </tr>
+ *   </thead>
+ * </table>
+ * ...
+ * <script>
+ * // NOTE: Some properties may be omitted for clarity
+ * $(document).ready(function() {
+ *   var dt = $("#table1").DataTable({
+ *     columns: [
+ *       { data: null, ... },
+ *       { data: "engine" },
+ *       { data: "browser" }
+ *       { data: null,
+ *         className: "table-view-pf-actions",
+ *         render: function (data, type, full, meta) {
+ *           // Inline action button renderer
+ *           return '<div class="table-view-pf-btn"><button class="btn btn-default" type="button">Actions</button></div>';
+ *         }
+ *       }, {
+ *         data: null,
+ *         className: "table-view-pf-actions",
+ *         render: function (data, type, full, meta) {
+ *           // Inline action kebab renderer
+ *           return '<div class="dropdown dropdown-kebab-pf">' +
+ *             '<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">' +
+ *             '<span class="fa fa-ellipsis-v"></span></button>' +
+ *             '<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight">' +
+ *             '<li><a href="#">Action</a></li>' +
+ *             '<li><a href="#">Another action</a></li>' +
+ *             '<li><a href="#">Something else here</a></li>' +
+ *             '<li role="separator" class="divider"></li>' +
+ *             '<li><a href="#">Separated link</a></li></ul></div>';
+ *         }
+ *       }
+ *     ],
+ *     data: [
+ *       { engine: "Gecko", browser: "Firefox" }
+ *       { engine: "Trident", browser: "Mozilla" }
+ *     ],
+ *     dom: "t",
+ *     pfConfig: {
+ *       ...
+ *     }
+ *   });
+ *   dt.table().pfResize.resize(); // Optional API to force resize
+ * });
+ * </script>
+ *
+ * Note: This functionality requires the following Javascript library files to be loaded:
+ *
+ * https://cdn.datatables.net/select/1.2.0/js/dataTables.select.min.js
+ */
+(function (factory) {
+  "use strict";
+  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;
+  var BUTTON_ACTIONS_SELECTOR = "td.table-view-pf-actions .table-view-pf-btn";
+  var KEBAB_ACTIONS_SELECTOR = "td.table-view-pf-actions .dropdown";
+
+  DataTable.pfResize = {};
+
+  /**
+   * Initialize
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  DataTable.pfResize.init = function (dt) {
+    var ctx = dt.settings()[0];
+
+    ctx._pfResize = {};
+
+    if (isIE()) {
+      // Resize buttons to fill table cells.
+      $(window).on("resize", function () {
+        resize(dt);
+      });
+
+      // Initialize
+      resize(dt);
+    }
+  };
+
+  // Local functions
+
+  /**
+   * Get inline actions
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function getActions (dt) {
+    return $(BUTTON_ACTIONS_SELECTOR + ", " + KEBAB_ACTIONS_SELECTOR, dt.table().container());
+  }
+
+  /**
+   * Detect IE
+   *
+   * @return {boolean} True if IE is detected
+   * @private
+   */
+  function isIE () {
+    return /(MSIE|Trident\/|Edge\/)/i.test(window.navigator.userAgent);
+  }
+
+  /**
+   * Reset table cell height prior to resizing inline actions
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @param {Object} actions Inline actions to reset height
+   * @private
+   */
+  function resetTableCells (dt, actions) {
+    if (actions === undefined || actions.length === 0) {
+      return;
+    }
+    $(actions).each(function (index, el) {
+      $(el).css({height: "auto"});
+    });
+  }
+
+  /**
+   * Resize inline actions
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function resize (dt) {
+    var actions = $(BUTTON_ACTIONS_SELECTOR + ", " + KEBAB_ACTIONS_SELECTOR, dt.table().container());
+    resetTableCells(dt, actions);
+    resizeInlineActions(dt, actions);
+  }
+
+  /**
+   * Resize inline actions to fill table cells
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @param {Object} actions Inline actions to resize
+   * @private
+   */
+  function resizeInlineActions (dt, actions) {
+    if (actions === undefined || actions.length === 0) {
+      return;
+    }
+    $(actions).each(function (index, el) {
+      var parent = $(el).parent("td");
+      if (parent === undefined || parent.length === 0) {
+        return;
+      }
+      $(el).css({height: parent[0].clientHeight});
+    });
+  }
+
+  // DataTables API
+
+  /**
+   * Resize inline actions
+   *
+   * Example: dt.table().pfResize.resize();
+   */
+  DataTable.Api.register("pfResize.resize()", function () {
+    return this.iterator("table", function (ctx) {
+      resize(new DataTable.Api(ctx));
+    });
+  });
+
+  // DataTables creation
+  $(document).on("init.dt", function (e, ctx, json) {
+    if (e.namespace !== "dt") {
+      return;
+    }
+    DataTable.pfResize.init(new DataTable.Api(ctx));
+  });
+  return DataTable.pfResize;
+}));

data/assets/javascripts/patternfly.dataTables.pfResize.min.js

@@ -0,0 +1 @@
+!function(factory){"use strict";"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function($){return factory($,window,document)}):"object"==typeof exports?module.exports=function(root,$){return root||(root=window),$&&$.fn.dataTable||($=require("datatables.net")(root,$).$),factory($,root,root.document)}:factory(jQuery,window,document)}(function($,window,document,undefined){"use strict";function isIE(){return/(MSIE|Trident\/|Edge\/)/i.test(window.navigator.userAgent)}function resetTableCells(dt,actions){actions!==undefined&&0!==actions.length&&$(actions).each(function(index,el){$(el).css({height:"auto"})})}function resize(dt){var actions=$(BUTTON_ACTIONS_SELECTOR+", "+KEBAB_ACTIONS_SELECTOR,dt.table().container());resetTableCells(dt,actions),resizeInlineActions(dt,actions)}function resizeInlineActions(dt,actions){actions!==undefined&&0!==actions.length&&$(actions).each(function(index,el){var parent=$(el).parent("td");parent!==undefined&&0!==parent.length&&$(el).css({height:parent[0].clientHeight})})}var DataTable=$.fn.dataTable,BUTTON_ACTIONS_SELECTOR="td.table-view-pf-actions .table-view-pf-btn",KEBAB_ACTIONS_SELECTOR="td.table-view-pf-actions .dropdown";return DataTable.pfResize={},DataTable.pfResize.init=function(dt){var ctx=dt.settings()[0];ctx._pfResize={},isIE()&&($(window).on("resize",function(){resize(dt)}),resize(dt))},DataTable.Api.register("pfResize.resize()",function(){return this.iterator("table",function(ctx){resize(new DataTable.Api(ctx))})}),$(document).on("init.dt",function(e,ctx,json){"dt"===e.namespace&&DataTable.pfResize.init(new DataTable.Api(ctx))}),DataTable.pfResize});

data/assets/javascripts/patternfly.dataTables.pfSelect.js

@@ -0,0 +1,281 @@
+/**
+ * @summary     pfSelect for DataTables
+ * @description A collection of API methods providing individual row selection and select all functionality in
+ * DataTables using traditional HTML checkboxes. This ensures DataTables meets the Patternfly design pattern while
+ * maintaining accessibility.
+ *
+ * The following selection styles are supported for user interaction with DataTables:
+ *
+ * api - Selection can only be performed via the API
+ * multi - Multiple items can be selected
+ * multi+shift - a hybrid between the os style and multi
+ * os - Operating system style selection with complex behaviors such as ctrl/cmd, shift and an unmodified click
+ * single - Only a single item can be selected
+ *
+ * For details see: https://datatables.net/reference/option/select.style
+ *
+ * Note that when a selection is made, the selection results text is also updated in the toolbar. The toolbar layouts is
+ * expected to contain the classes as shown in the example below. Selection checkboxes are also expected to be located
+ * in the first column.
+ *
+ * Example:
+ *
+ * <!-- NOTE: Some configuration may be omitted for clarity -->
+ * <div class="row toolbar-pf table-view-pf-toolbar" id="toolbar1">
+ *   <div class="col-sm-12">
+ *     ...
+ *     <div class="row toolbar-pf-results">
+ *       <div class="col-sm-9">
+ *         ...
+ *       </div>
+ *       <div class="col-sm-3 table-view-pf-select-results">
+ *         <strong>0</strong> of <strong>0</strong> selected
+ *       </div>
+ *     </div>
+ *   </div>
+ * </div>
+ * <table class="table table-striped table-bordered table-hover" id="table1">
+ *   <thead>
+ *     <tr>
+ *       <th><input type="checkbox" name="selectAll"></th>
+ *       <th>Rendering Engine</th>
+ *       <th>Browser</th>
+ *     </tr>
+ *   </thead>
+ * </table>
+ * ...
+ * <script>
+ * // NOTE: Some properties may be omitted for clarity
+ * $(document).ready(function() {
+ *   var dt = $("#table1").DataTable({
+ *     columns: [
+ *       { data: null,
+ *         className: "table-view-pf-select",
+ *         render: function (data, type, full, meta) {
+ *           return '<input type="checkbox" name="select">';
+ *         },
+ *         sortable: false
+ *       },
+ *       { data: "engine" },
+ *       { data: "browser" }
+ *     ],
+ *     data: [
+ *       { engine: "Gecko", browser: "Firefox" }
+ *       { engine: "Trident", browser: "Mozilla" }
+ *     ],
+ *     dom: "t",
+ *     order: [[ 1, "asc" ]],
+ *     pfConfig: {
+ *       ...
+ *       toolbarSelector: "#{{include.toolbarId}}",
+ *       selectAllSelector: 'th:first-child input[type="checkbox"]'
+ *     }
+ *     select: {
+ *       selector: 'td:first-child input[type="checkbox"]',
+ *       style: "multi"
+ *     }
+ *   });
+ *   dt.table().pfSelect.selectAllRows(true); // Optional API to select all rows
+ * });
+ * </script>
+ *
+ * Note: This functionality requires the following Javascript library files to be loaded:
+ *
+ * https://cdn.datatables.net/select/1.2.0/js/dataTables.select.min.js
+ */
+(function (factory) {
+  "use strict";
+  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;
+  var RESULTS_SELECTOR = ".table-view-pf-select-results"; // Toolbar selection results
+  var SELECT_ALL_SELECTOR = 'th:first-child input[type="checkbox"]'; // Default checkbox for selecting all rows
+  var SELECT_SELECTOR = 'td:first-child input[type="checkbox"]'; // Default checkboxes for row selection
+
+  DataTable.pfSelect = {};
+
+  /**
+   * Initialize
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  DataTable.pfSelect.init = function (dt) {
+    var ctx = dt.settings()[0];
+    var opts = (ctx.oInit.pfConfig) ? ctx.oInit.pfConfig : {};
+    var select = (ctx.oInit.select) ? ctx.oInit.select : {};
+    var style = dt.select.style();
+
+    ctx._pfSelect = {};
+    ctx._pfSelect.selectAllSelector = (opts.selectAllSelector !== undefined)
+      ? opts.selectAllSelector : SELECT_ALL_SELECTOR; // Select all checkbox
+    ctx._pfSelect.selector = (select.selector !== undefined)
+      ? select.selector : SELECT_SELECTOR; // Select checkbox
+    ctx._pfSelect.results = $(RESULTS_SELECTOR, opts.toolbarSelector); // Toolbar selection results
+
+    if (style === "api") {
+      // Select all checkbox
+      $(dt.table().container()).on("click", ctx._pfSelect.selectAllSelector, function (evt) {
+        evt.preventDefault();
+      });
+
+      // Select checkboxes
+      $(dt.table().container()).on("click", ctx._pfSelect.selector, function (evt) {
+        evt.preventDefault();
+      });
+
+      dt.table().on("select.dt", function () {
+        syncSelectCheckboxes(dt);
+      });
+    } else {
+      // Select all checkbox
+      $(dt.table().container()).on("click", ctx._pfSelect.selectAllSelector, function (evt) {
+        selectAllRows(dt, evt.target.checked);
+      });
+
+      // Select checkboxes
+      $(dt.table().container()).on("click", ctx._pfSelect.selector, function (evt) {
+        if (style !== "multi" || style !== "multi+shift") {
+          syncSelectCheckboxes(dt); // No need to sync checkbox selections when "multi" is used
+        } else {
+          syncSelectAllCheckbox(dt); // Still need to sync select all checkbox
+        }
+      });
+    }
+
+    // Sync checkbox selections when paging and filtering is applied
+    dt.table().on("draw.dt", function () {
+      syncSelectCheckboxes(dt);
+    });
+
+    // Initialize selected rows text
+    updateSelectedRowsText(dt);
+  };
+
+  // Local functions
+
+  /**
+   * Select all rows on current page
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @param {boolean} select True to select all rows on current page, defaults to false
+   * @private
+   */
+  function selectAllRows (dt, select) {
+    var ctx = dt.settings()[0];
+
+    // Retrieve all rows taking into account currently applied filter
+    var filteredRows = dt.rows({"page": "current", "search": "applied"});
+
+    // Check if style is single
+    if (dt.select.style() === "single") {
+      throw new Error("Cannot select all rows with selection style 'single'");
+    }
+
+    // Select rows
+    if (select) {
+      filteredRows.select();
+    } else {
+      filteredRows.deselect();
+    }
+    $(ctx._pfSelect.selector, dt.table().container()).prop("checked", select); // De/select checkboxes in view
+    syncSelectAllCheckbox(dt);
+  }
+
+  /**
+   * Sync select all checkbox with row selections on current page
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function syncSelectAllCheckbox (dt) {
+    var ctx = dt.settings()[0];
+
+    // Retrieve all rows taking into account currently applied filter
+    var filteredRows = dt.rows({"page": "current", "search": "applied"}).flatten().length;
+    var selectedFilteredRows = dt.rows({"page": "current", "search": "applied", "selected": true}).flatten().length;
+
+    // De/select the select all checkbox
+    var selectAll = $(ctx._pfSelect.selectAllSelector, dt.table().container())[0];
+    if (selectAll) {
+      selectAll.checked = (filteredRows === selectedFilteredRows);
+    }
+    updateSelectedRowsText(dt);
+  }
+
+  /**
+   * Sync select checkboxes with row selections on current page
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function syncSelectCheckboxes (dt) {
+    var ctx = dt.settings()[0];
+
+    $(ctx._pfSelect.selector, dt.table().container()).prop("checked", false); // Deselect all checkboxes
+    dt.rows({"page": "current", "search": "applied", "selected": true}).every(function (index) {
+      $(ctx._pfSelect.selector, dt.table().row(index).node()).prop("checked", true); // Select checkbox for selected row
+    });
+    syncSelectAllCheckbox(dt);
+  }
+
+  /**
+   * Update selection results text
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateSelectedRowsText (dt) {
+    var ctx = dt.settings()[0];
+    var selectedRows = dt.rows({"selected": true}).flatten().length;
+    var totalRows = dt.rows().flatten().length;
+    if (ctx._pfSelect.results !== undefined && ctx._pfSelect.results.length !== 0) {
+      $(ctx._pfSelect.results).html("<strong>" + selectedRows + "</strong> of <strong>" +
+        totalRows + "</strong> selected");
+    }
+  }
+
+  // DataTables API
+
+  /**
+   * Select all rows on current page
+   *
+   * Example: dt.table().pfSelect.selectAllRows(true);
+   *
+   * @param {boolean} select True to select all rows on current page, defaults to false
+   */
+  DataTable.Api.register("pfSelect.selectAllRows()", function (select) {
+    return this.iterator("table", function (ctx) {
+      selectAllRows(new DataTable.Api(ctx), select);
+    });
+  });
+
+  // DataTables creation
+  $(document).on("preInit.dt.dtSelect", function (e, ctx) {
+    if (e.namespace !== "dt") {
+      return;
+    }
+    DataTable.pfSelect.init(new DataTable.Api(ctx));
+  });
+  return DataTable.pfSelect;
+}));