patternfly-sass 3.17.0 → 3.20.0

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

@@ -1 +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});
+!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.filterCaseInsensitive=opts.filterCaseInsensitive,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){ctx._pfFilter.filterCaseInsensitive!==undefined&&ctx._pfFilter.filterCaseInsensitive===!0?data[filter.column].toLowerCase().indexOf(filter.value.toLowerCase())===-1&&(showThisRow=!1):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.pfPagination.js

@@ -0,0 +1,401 @@
+/**
+ * @summary     pfPagination for DataTables
+ * @description A collection of API methods providing functionality to paginate DataTables data. This ensures
+ * DataTables meets the Patternfly design pattern while maintaining accessibility.
+ *
+ * The pagination layout is expected to contain the classes as shown in the example below.
+ *
+ * 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>
+ *     </tr>
+ *   </thead>
+ * </table>
+ * <form class="content-view-pf-pagination table-view-pf-pagination clearfix" id="pagination1">
+ *   <div class="form-group">
+ *     <select class="selectpicker pagination-pf-pagesize">
+ *       <option value="6">6</option>
+ *       <option value="10">10</option>
+ *       <option value="15" selected="selected">15</option>
+ *       <option value="25">25</option>
+ *       <option value="50">50</option>
+ *     </select>
+ *     <span>per page</span>
+ *   </div>
+ *   <div class="form-group">
+ *     <span><span class="pagination-pf-items-current">1-15</span> of <span class="pagination-pf-items-total">75</span></span>
+ *     <ul class="pagination pagination-pf-back">
+ *       <li><a href="#" onclick="return false;" title="First Page"><span class="i fa fa-angle-double-left"></span></a></li>
+ *       <li><a href="#" onclick="return false;" title="Previous Page"><span class="i fa fa-angle-left"></span></a></li>
+ *     </ul>
+ *     <label for="pagination1-page" class="sr-only">Current Page</label>
+ *     <input class="pagination-pf-page" type="text" value="1" id="pagination1-page"/>
+ *     <span>of <span class="pagination-pf-pages">5</span></span>
+ *     <ul class="pagination pagination-pf-forward">
+ *       <li><a href="#" onclick="return false;" title="Next Page"><span class="i fa fa-angle-right"></span></a></li>
+ *       <li><a href="#" onclick="return false;" title="Last Page"><span class="i fa fa-angle-double-right"></span></a></li>
+ *     </ul>
+ *   </div>
+ * </form>
+ * <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,
+ *     dom: "t",
+ *     pfConfig: {
+ *       ...
+ *       pageSize: 15,
+ *       paginationSelector: "#pagination1",
+ *     }
+ *   });
+ *   dt.table().pfPagination.next(); // Optional API to navigate to the next page
+ *   dt.table().pfPagination.previous(); // Optional API to navigate to the previous page
+ * });
+ * </script>
+ */
+(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 BACK_ACTIONS_SELECTOR = ".pagination-pf-back"; // Back navigation actions
+  var CURRENT_ITEMS_SELECTOR = ".pagination-pf-items-current"; // Current items text (e.g., 1-15)
+  var CURRENT_PAGE_SELECTOR = ".pagination-pf-page"; // Current page input
+  var FIRST_PAGE_SELECTOR = ".pagination-pf-back .fa-angle-double-left"; // First page button
+  var FORWARD_ACTIONS_SELECTOR = ".pagination-pf-forward"; // Forward navigation actions
+  var LAST_PAGE_SELECTOR = ".pagination-pf-forward .fa-angle-double-right"; // Last page button
+  var PAGE_SIZE_SELECTOR = ".pagination-pf-pagesize"; // Page size selection
+  var TOTAL_ITEMS_SELECTOR = ".pagination-pf-items-total"; // Total items
+  var TOTAL_PAGES_SELECTOR = ".pagination-pf-pages"; // Total pages text
+  var PREVIOUS_PAGE_SELECTOR = ".pagination-pf-back .fa-angle-left"; // Previous page button
+  var NEXT_PAGE_SELECTOR = ".pagination-pf-forward .fa-angle-right"; // Next page button
+
+  DataTable.pfPagination = {};
+
+  /**
+   * Initialize
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  DataTable.pfPagination.init = function (dt) {
+    var ctx = dt.settings()[0];
+    var opts = (ctx.oInit.pfConfig) ? ctx.oInit.pfConfig : {};
+
+    ctx._pfPagination = {};
+    ctx._pfPagination.backActions = $(BACK_ACTIONS_SELECTOR, opts.paginationSelector); // Back navigation actions
+    ctx._pfPagination.currentItems = $(CURRENT_ITEMS_SELECTOR, opts.paginationSelector); // Current items
+    ctx._pfPagination.currentPage = $(CURRENT_PAGE_SELECTOR, opts.paginationSelector); // Current page
+    ctx._pfPagination.firstPage = $(FIRST_PAGE_SELECTOR, opts.paginationSelector); // First page button
+    ctx._pfPagination.forwardActions = $(FORWARD_ACTIONS_SELECTOR, opts.paginationSelector); // Forward navigation actions
+    ctx._pfPagination.lastPage = $(LAST_PAGE_SELECTOR, opts.paginationSelector); // Last page button
+    ctx._pfPagination.nextPage = $(NEXT_PAGE_SELECTOR, opts.paginationSelector); // Next page button
+    ctx._pfPagination.pageSize = $(PAGE_SIZE_SELECTOR, opts.paginationSelector); // Page size selection
+    ctx._pfPagination.previousPage = $(PREVIOUS_PAGE_SELECTOR, opts.paginationSelector); // Next page button
+    ctx._pfPagination.totalItems = $(TOTAL_ITEMS_SELECTOR, opts.paginationSelector); // Total items
+    ctx._pfPagination.totalPages = $(TOTAL_PAGES_SELECTOR, opts.paginationSelector); // Total pages
+
+    // Set initial page size
+    ctx._pfPagination.currentPageSize = (opts.pageSize !== undefined) ? opts.pageSize : 15;
+
+    // Handle page navigation
+    handleCurrentPage(dt);
+    handleFirstPage(dt);
+    handleLastPage(dt);
+    handlePageSize(dt);
+    handleNextPage(dt);
+    handlePreviousPage(dt);
+
+    // Update table on DataTables draw event
+    dt.on("draw.page", function () {
+      updateCurrentPage(dt);
+      updateCurrentItems(dt);
+      updateTotalItems(dt);
+      updateTotalPages(dt);
+      updateBackActions(dt);
+      updateForwardActions(dt);
+    });
+
+    // Initialize page info
+    dt.table().page.len(ctx._pfPagination.currentPageSize);
+    dt.table().draw('page');
+  };
+
+  // Local functions
+
+  /**
+   * Handle page navigation when enter is pressed
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handleCurrentPage (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.currentPage === undefined || ctx._pfPagination.currentPage.length === 0) {
+      return;
+    }
+    ctx._pfPagination.currentPage.on("keypress", function (e) {
+      var page, pageInfo = dt.table().page.info();
+      var keycode = (e.keyCode ? e.keyCode : e.which);
+      if (keycode === 13) {
+        e.preventDefault();
+        page = parseInt(this.value) - 1;
+        if (page >= 0 && page < pageInfo.pages) {
+          dt.table().page(page).draw('page');
+        } else {
+          updateCurrentPage(dt); // Always update to replace bad values
+        }
+        return false;
+      }
+      return true;
+    });
+  }
+
+  /**
+   * Handle page navigation when first button is selected
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handleFirstPage (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.firstPage === undefined || ctx._pfPagination.firstPage.length === 0) {
+      return;
+    }
+    $(ctx._pfPagination.firstPage).closest('li').on("click", function (e) {
+      dt.table().page('first').draw('page');
+    });
+  }
+
+  /**
+   * Handle page navigation when last button is selected
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handleLastPage (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.lastPage === undefined || ctx._pfPagination.lastPage.length === 0) {
+      return;
+    }
+    $(ctx._pfPagination.lastPage).closest('li').on("click", function (e) {
+      dt.table().page('last').draw('page');
+    });
+  }
+
+  /**
+   * Handle page navigation when next button is selected
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handleNextPage (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.nextPage === undefined || ctx._pfPagination.nextPage.length === 0) {
+      return;
+    }
+    $(ctx._pfPagination.nextPage).closest('a').on("click", function (e) {
+      dt.table().page('next').draw('page');
+    });
+  }
+
+  /**
+   * Handle page size when selected
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handlePageSize (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.pageSize === undefined || ctx._pfPagination.pageSize.length === 0) {
+      return;
+    }
+    ctx._pfPagination.pageSize.on("change", function (e) {
+      ctx._pfPagination.currentPageSize = parseInt(this.value);
+      dt.table().page.len(ctx._pfPagination.currentPageSize).draw('page');
+    });
+  }
+
+  /**
+   * Handle page navigation when previous button is selected
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function handlePreviousPage (dt) {
+    var ctx = dt.settings()[0];
+    if (ctx._pfPagination.previousPage === undefined || ctx._pfPagination.previousPage.length === 0) {
+      return;
+    }
+    $(ctx._pfPagination.previousPage).closest('a').on("click", function (e) {
+      dt.table().page('previous').draw('page');
+    });
+  }
+
+  /**
+   * Update current page
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateCurrentPage (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+    var page = (pageInfo.recordsDisplay === 0) ? 0 : pageInfo.page + 1;
+    if (ctx._pfPagination.currentPage === undefined || ctx._pfPagination.currentPage.length === 0) {
+      return;
+    }
+    // Disable if pagination is not available due to filtering
+    if (pageInfo.recordsDisplay > pageInfo.length) {
+      $(ctx._pfPagination.currentPage).prop("disabled", false);
+    } else {
+      $(ctx._pfPagination.currentPage).prop("disabled", true);
+    }
+    // Set current page value
+    $(ctx._pfPagination.currentPage).val(page);
+  }
+
+  /**
+   * Update back navigation actions
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateBackActions (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+    if (pageInfo.page === 0) {
+      $("li", ctx._pfPagination.backActions).each(function () {
+        $(this).addClass("disabled");
+      });
+    } else {
+      $("li", ctx._pfPagination.backActions).each(function () {
+        $(this).removeClass("disabled");
+      });
+    }
+  }
+
+  /**
+   * Update current items
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateCurrentItems (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+    var start = (pageInfo.recordsDisplay === 0) ? 0 : pageInfo.start + 1;
+    ctx._pfPagination.currentItems.html(start + "-" + pageInfo.end);
+  }
+
+  /**
+   * Update forward navigation actions
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateForwardActions (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+    if (pageInfo.recordsDisplay === 0 || pageInfo.page === pageInfo.pages - 1) {
+      $("li", ctx._pfPagination.forwardActions).each(function () {
+        $(this).addClass("disabled");
+      });
+    } else {
+      $("li", ctx._pfPagination.forwardActions).each(function () {
+        $(this).removeClass("disabled");
+      });
+    }
+  }
+
+  /**
+   * Update total items
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateTotalItems (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+
+    ctx._pfPagination.totalItems.html(pageInfo.recordsDisplay);
+  }
+
+  /**
+   * Update total pages
+   *
+   * @param {DataTable.Api} dt DataTable
+   * @private
+   */
+  function updateTotalPages (dt) {
+    var ctx = dt.settings()[0];
+    var pageInfo = dt.table().page.info();
+
+    ctx._pfPagination.totalPages.html(pageInfo.pages);
+  }
+
+  // DataTables API
+
+  /**
+   * Navigate to next page
+   *
+   * Example: dt.table().pfPagination.next();
+   */
+  DataTable.Api.register("pfPagination.next()", function () {
+    return this.iterator("table", function (ctx) {
+      handleNextPage(new DataTable.Api(ctx));
+    });
+  });
+
+  /**
+   * Navigate to previous page
+   *
+   * Example: dt.table().pfPagination.previous();
+   */
+  DataTable.Api.register("pfPagination.previous()", function () {
+    return this.iterator("table", function (ctx) {
+      handlePreviousPage(new DataTable.Api(ctx));
+    });
+  });
+
+  // DataTables creation
+  $(document).on("init.dt", function (e, ctx, json) {
+    if (e.namespace !== "dt") {
+      return;
+    }
+    DataTable.pfPagination.init(new DataTable.Api(ctx));
+  });
+  return DataTable.pfPagination;
+}));

data/assets/javascripts/patternfly.dataTables.pfPagination.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 handleCurrentPage(dt){var ctx=dt.settings()[0];ctx._pfPagination.currentPage!==undefined&&0!==ctx._pfPagination.currentPage.length&&ctx._pfPagination.currentPage.on("keypress",function(e){var page,pageInfo=dt.table().page.info(),keycode=e.keyCode?e.keyCode:e.which;return 13!==keycode||(e.preventDefault(),page=parseInt(this.value)-1,page>=0&&page<pageInfo.pages?dt.table().page(page).draw("page"):updateCurrentPage(dt),!1)})}function handleFirstPage(dt){var ctx=dt.settings()[0];ctx._pfPagination.firstPage!==undefined&&0!==ctx._pfPagination.firstPage.length&&$(ctx._pfPagination.firstPage).closest("li").on("click",function(e){dt.table().page("first").draw("page")})}function handleLastPage(dt){var ctx=dt.settings()[0];ctx._pfPagination.lastPage!==undefined&&0!==ctx._pfPagination.lastPage.length&&$(ctx._pfPagination.lastPage).closest("li").on("click",function(e){dt.table().page("last").draw("page")})}function handleNextPage(dt){var ctx=dt.settings()[0];ctx._pfPagination.nextPage!==undefined&&0!==ctx._pfPagination.nextPage.length&&$(ctx._pfPagination.nextPage).closest("a").on("click",function(e){dt.table().page("next").draw("page")})}function handlePageSize(dt){var ctx=dt.settings()[0];ctx._pfPagination.pageSize!==undefined&&0!==ctx._pfPagination.pageSize.length&&ctx._pfPagination.pageSize.on("change",function(e){ctx._pfPagination.currentPageSize=parseInt(this.value),dt.table().page.len(ctx._pfPagination.currentPageSize).draw("page")})}function handlePreviousPage(dt){var ctx=dt.settings()[0];ctx._pfPagination.previousPage!==undefined&&0!==ctx._pfPagination.previousPage.length&&$(ctx._pfPagination.previousPage).closest("a").on("click",function(e){dt.table().page("previous").draw("page")})}function updateCurrentPage(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info(),page=0===pageInfo.recordsDisplay?0:pageInfo.page+1;ctx._pfPagination.currentPage!==undefined&&0!==ctx._pfPagination.currentPage.length&&(pageInfo.recordsDisplay>pageInfo.length?$(ctx._pfPagination.currentPage).prop("disabled",!1):$(ctx._pfPagination.currentPage).prop("disabled",!0),$(ctx._pfPagination.currentPage).val(page))}function updateBackActions(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info();0===pageInfo.page?$("li",ctx._pfPagination.backActions).each(function(){$(this).addClass("disabled")}):$("li",ctx._pfPagination.backActions).each(function(){$(this).removeClass("disabled")})}function updateCurrentItems(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info(),start=0===pageInfo.recordsDisplay?0:pageInfo.start+1;ctx._pfPagination.currentItems.html(start+"-"+pageInfo.end)}function updateForwardActions(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info();0===pageInfo.recordsDisplay||pageInfo.page===pageInfo.pages-1?$("li",ctx._pfPagination.forwardActions).each(function(){$(this).addClass("disabled")}):$("li",ctx._pfPagination.forwardActions).each(function(){$(this).removeClass("disabled")})}function updateTotalItems(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info();ctx._pfPagination.totalItems.html(pageInfo.recordsDisplay)}function updateTotalPages(dt){var ctx=dt.settings()[0],pageInfo=dt.table().page.info();ctx._pfPagination.totalPages.html(pageInfo.pages)}var DataTable=$.fn.dataTable,BACK_ACTIONS_SELECTOR=".pagination-pf-back",CURRENT_ITEMS_SELECTOR=".pagination-pf-items-current",CURRENT_PAGE_SELECTOR=".pagination-pf-page",FIRST_PAGE_SELECTOR=".pagination-pf-back .fa-angle-double-left",FORWARD_ACTIONS_SELECTOR=".pagination-pf-forward",LAST_PAGE_SELECTOR=".pagination-pf-forward .fa-angle-double-right",PAGE_SIZE_SELECTOR=".pagination-pf-pagesize",TOTAL_ITEMS_SELECTOR=".pagination-pf-items-total",TOTAL_PAGES_SELECTOR=".pagination-pf-pages",PREVIOUS_PAGE_SELECTOR=".pagination-pf-back .fa-angle-left",NEXT_PAGE_SELECTOR=".pagination-pf-forward .fa-angle-right";return DataTable.pfPagination={},DataTable.pfPagination.init=function(dt){var ctx=dt.settings()[0],opts=ctx.oInit.pfConfig?ctx.oInit.pfConfig:{};ctx._pfPagination={},ctx._pfPagination.backActions=$(BACK_ACTIONS_SELECTOR,opts.paginationSelector),ctx._pfPagination.currentItems=$(CURRENT_ITEMS_SELECTOR,opts.paginationSelector),ctx._pfPagination.currentPage=$(CURRENT_PAGE_SELECTOR,opts.paginationSelector),ctx._pfPagination.firstPage=$(FIRST_PAGE_SELECTOR,opts.paginationSelector),ctx._pfPagination.forwardActions=$(FORWARD_ACTIONS_SELECTOR,opts.paginationSelector),ctx._pfPagination.lastPage=$(LAST_PAGE_SELECTOR,opts.paginationSelector),ctx._pfPagination.nextPage=$(NEXT_PAGE_SELECTOR,opts.paginationSelector),ctx._pfPagination.pageSize=$(PAGE_SIZE_SELECTOR,opts.paginationSelector),ctx._pfPagination.previousPage=$(PREVIOUS_PAGE_SELECTOR,opts.paginationSelector),ctx._pfPagination.totalItems=$(TOTAL_ITEMS_SELECTOR,opts.paginationSelector),ctx._pfPagination.totalPages=$(TOTAL_PAGES_SELECTOR,opts.paginationSelector),ctx._pfPagination.currentPageSize=opts.pageSize!==undefined?opts.pageSize:15,handleCurrentPage(dt),handleFirstPage(dt),handleLastPage(dt),handlePageSize(dt),handleNextPage(dt),handlePreviousPage(dt),dt.on("draw.page",function(){updateCurrentPage(dt),updateCurrentItems(dt),updateTotalItems(dt),updateTotalPages(dt),updateBackActions(dt),updateForwardActions(dt)}),dt.table().page.len(ctx._pfPagination.currentPageSize),dt.table().draw("page")},DataTable.Api.register("pfPagination.next()",function(){return this.iterator("table",function(ctx){handleNextPage(new DataTable.Api(ctx))})}),DataTable.Api.register("pfPagination.previous()",function(){return this.iterator("table",function(ctx){handlePreviousPage(new DataTable.Api(ctx))})}),$(document).on("init.dt",function(e,ctx,json){"dt"===e.namespace&&DataTable.pfPagination.init(new DataTable.Api(ctx))}),DataTable.pfPagination});

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

@@ -67,7 +67,7 @@
  *     order: [[ 1, "asc" ]],
  *     pfConfig: {
  *       ...
- *       toolbarSelector: "#{{include.toolbarId}}",
+ *       toolbarSelector: "#toolbar1",
  *       selectAllSelector: 'th:first-child input[type="checkbox"]'
  *     }
  *     select: {
@@ -218,7 +218,7 @@
     // De/select the select all checkbox
     var selectAll = $(ctx._pfSelect.selectAllSelector, dt.table().container())[0];
     if (selectAll) {
-      selectAll.checked = (filteredRows === selectedFilteredRows);
+      selectAll.checked = (filteredRows !== 0 && filteredRows === selectedFilteredRows);
     }
     updateSelectedRowsText(dt);
   }

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

@@ -1 +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 selectAllRows(dt,select){var ctx=dt.settings()[0],filteredRows=dt.rows({page:"current",search:"applied"});if("single"===dt.select.style())throw new Error("Cannot select all rows with selection style 'single'");select?filteredRows.select():filteredRows.deselect(),$(ctx._pfSelect.selector,dt.table().container()).prop("checked",select),syncSelectAllCheckbox(dt)}function syncSelectAllCheckbox(dt){var ctx=dt.settings()[0],filteredRows=dt.rows({page:"current",search:"applied"}).flatten().length,selectedFilteredRows=dt.rows({page:"current",search:"applied",selected:!0}).flatten().length,selectAll=$(ctx._pfSelect.selectAllSelector,dt.table().container())[0];selectAll&&(selectAll.checked=filteredRows===selectedFilteredRows),updateSelectedRowsText(dt)}function syncSelectCheckboxes(dt){var ctx=dt.settings()[0];$(ctx._pfSelect.selector,dt.table().container()).prop("checked",!1),dt.rows({page:"current",search:"applied",selected:!0}).every(function(index){$(ctx._pfSelect.selector,dt.table().row(index).node()).prop("checked",!0)}),syncSelectAllCheckbox(dt)}function updateSelectedRowsText(dt){var ctx=dt.settings()[0],selectedRows=dt.rows({selected:!0}).flatten().length,totalRows=dt.rows().flatten().length;ctx._pfSelect.results!==undefined&&0!==ctx._pfSelect.results.length&&$(ctx._pfSelect.results).html("<strong>"+selectedRows+"</strong> of <strong>"+totalRows+"</strong> selected")}var DataTable=$.fn.dataTable,RESULTS_SELECTOR=".table-view-pf-select-results",SELECT_ALL_SELECTOR='th:first-child input[type="checkbox"]',SELECT_SELECTOR='td:first-child input[type="checkbox"]';return DataTable.pfSelect={},DataTable.pfSelect.init=function(dt){var ctx=dt.settings()[0],opts=ctx.oInit.pfConfig?ctx.oInit.pfConfig:{},select=ctx.oInit.select?ctx.oInit.select:{},style=dt.select.style();ctx._pfSelect={},ctx._pfSelect.selectAllSelector=opts.selectAllSelector!==undefined?opts.selectAllSelector:SELECT_ALL_SELECTOR,ctx._pfSelect.selector=select.selector!==undefined?select.selector:SELECT_SELECTOR,ctx._pfSelect.results=$(RESULTS_SELECTOR,opts.toolbarSelector),"api"===style?($(dt.table().container()).on("click",ctx._pfSelect.selectAllSelector,function(evt){evt.preventDefault()}),$(dt.table().container()).on("click",ctx._pfSelect.selector,function(evt){evt.preventDefault()}),dt.table().on("select.dt",function(){syncSelectCheckboxes(dt)})):($(dt.table().container()).on("click",ctx._pfSelect.selectAllSelector,function(evt){selectAllRows(dt,evt.target.checked)}),$(dt.table().container()).on("click",ctx._pfSelect.selector,function(evt){"multi"!==style||"multi+shift"!==style?syncSelectCheckboxes(dt):syncSelectAllCheckbox(dt)})),dt.table().on("draw.dt",function(){syncSelectCheckboxes(dt)}),updateSelectedRowsText(dt)},DataTable.Api.register("pfSelect.selectAllRows()",function(select){return this.iterator("table",function(ctx){selectAllRows(new DataTable.Api(ctx),select)})}),$(document).on("preInit.dt.dtSelect",function(e,ctx){"dt"===e.namespace&&DataTable.pfSelect.init(new DataTable.Api(ctx))}),DataTable.pfSelect});
+!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 selectAllRows(dt,select){var ctx=dt.settings()[0],filteredRows=dt.rows({page:"current",search:"applied"});if("single"===dt.select.style())throw new Error("Cannot select all rows with selection style 'single'");select?filteredRows.select():filteredRows.deselect(),$(ctx._pfSelect.selector,dt.table().container()).prop("checked",select),syncSelectAllCheckbox(dt)}function syncSelectAllCheckbox(dt){var ctx=dt.settings()[0],filteredRows=dt.rows({page:"current",search:"applied"}).flatten().length,selectedFilteredRows=dt.rows({page:"current",search:"applied",selected:!0}).flatten().length,selectAll=$(ctx._pfSelect.selectAllSelector,dt.table().container())[0];selectAll&&(selectAll.checked=0!==filteredRows&&filteredRows===selectedFilteredRows),updateSelectedRowsText(dt)}function syncSelectCheckboxes(dt){var ctx=dt.settings()[0];$(ctx._pfSelect.selector,dt.table().container()).prop("checked",!1),dt.rows({page:"current",search:"applied",selected:!0}).every(function(index){$(ctx._pfSelect.selector,dt.table().row(index).node()).prop("checked",!0)}),syncSelectAllCheckbox(dt)}function updateSelectedRowsText(dt){var ctx=dt.settings()[0],selectedRows=dt.rows({selected:!0}).flatten().length,totalRows=dt.rows().flatten().length;ctx._pfSelect.results!==undefined&&0!==ctx._pfSelect.results.length&&$(ctx._pfSelect.results).html("<strong>"+selectedRows+"</strong> of <strong>"+totalRows+"</strong> selected")}var DataTable=$.fn.dataTable,RESULTS_SELECTOR=".table-view-pf-select-results",SELECT_ALL_SELECTOR='th:first-child input[type="checkbox"]',SELECT_SELECTOR='td:first-child input[type="checkbox"]';return DataTable.pfSelect={},DataTable.pfSelect.init=function(dt){var ctx=dt.settings()[0],opts=ctx.oInit.pfConfig?ctx.oInit.pfConfig:{},select=ctx.oInit.select?ctx.oInit.select:{},style=dt.select.style();ctx._pfSelect={},ctx._pfSelect.selectAllSelector=opts.selectAllSelector!==undefined?opts.selectAllSelector:SELECT_ALL_SELECTOR,ctx._pfSelect.selector=select.selector!==undefined?select.selector:SELECT_SELECTOR,ctx._pfSelect.results=$(RESULTS_SELECTOR,opts.toolbarSelector),"api"===style?($(dt.table().container()).on("click",ctx._pfSelect.selectAllSelector,function(evt){evt.preventDefault()}),$(dt.table().container()).on("click",ctx._pfSelect.selector,function(evt){evt.preventDefault()}),dt.table().on("select.dt",function(){syncSelectCheckboxes(dt)})):($(dt.table().container()).on("click",ctx._pfSelect.selectAllSelector,function(evt){selectAllRows(dt,evt.target.checked)}),$(dt.table().container()).on("click",ctx._pfSelect.selector,function(evt){"multi"!==style||"multi+shift"!==style?syncSelectCheckboxes(dt):syncSelectAllCheckbox(dt)})),dt.table().on("draw.dt",function(){syncSelectCheckboxes(dt)}),updateSelectedRowsText(dt)},DataTable.Api.register("pfSelect.selectAllRows()",function(select){return this.iterator("table",function(ctx){selectAllRows(new DataTable.Api(ctx),select)})}),$(document).on("preInit.dt.dtSelect",function(e,ctx){"dt"===e.namespace&&DataTable.pfSelect.init(new DataTable.Api(ctx))}),DataTable.pfSelect});

data/assets/javascripts/patternfly.js

@@ -2,7 +2,7 @@
   'use strict';
 
   var patternfly = {
-    version: "3.13.0"
+    version: "3.20.0",
   };
 
   // Util: PatternFly Palette colors
@@ -200,6 +200,26 @@
           legend: this.getDefaultGroupedBarLegend()
         };
       },
+      getDefaultStackedBarGrid = function () {
+        return {
+          y: {
+            show: true
+          }
+        };
+      },
+      getDefaultStackedBarLegend = function () {
+        return {
+          show: true,
+          position: 'bottom'
+        };
+      },
+      getDefaultStackedBarConfig = function () {
+        return {
+          color: this.getDefaultColors(),
+          grid: this.getDefaultStackedBarGrid(),
+          legend: this.getDefaultStackedBarLegend()
+        };
+      },
       getDefaultDonut = function (title) {
         return {
           title: title,
@@ -450,6 +470,9 @@
       getDefaultGroupedBarGrid: getDefaultGroupedBarGrid,
       getDefaultGroupedBarLegend: getDefaultGroupedBarLegend,
       getDefaultGroupedBarConfig: getDefaultGroupedBarConfig,
+      getDefaultStackedBarGrid: getDefaultStackedBarGrid,
+      getDefaultStackedBarLegend: getDefaultStackedBarLegend,
+      getDefaultStackedBarConfig: getDefaultStackedBarConfig,
       getDefaultDonut: getDefaultDonut,
       getDefaultDonutSize: getDefaultDonutSize,
       getDefaultDonutColors: getDefaultDonutColors,
@@ -669,9 +692,9 @@
             }
 
             iNewStart = oSettings._iDisplayLength * (this.value - 1);
-            if (iNewStart >= oSettings.fnRecordsDisplay()) {
+            if (iNewStart >= oSettings.fnRecordsDisplay() || iNewStart < 0) {
               /* Display overrun */
-              oSettings._iDisplayStart = (Math.ceil((oSettings.fnRecordsDisplay() - 1) /
+              oSettings._iDisplayStart = (Math.ceil(oSettings.fnRecordsDisplay() /
                 oSettings._iDisplayLength) - 1) * oSettings._iDisplayLength;
               fnDraw(oSettings);
               return;
@@ -1100,6 +1123,7 @@
     var navElement = $('.nav-pf-vertical'),
       bodyContentElement = $('.container-pf-nav-pf-vertical'),
       toggleNavBarButton = $('.navbar-toggle'),
+      handleResize = true,
       explicitCollapse = false,
       subDesktop = false,
       hoverDelay = 500,
@@ -1136,30 +1160,12 @@
         });
       },
 
-      setPrimaryActiveItem = function (item) {
-        // Make the clicked on item active
-        $(document).find('.nav-pf-vertical > .list-group > .list-group-item.active').each(function (index, element) {
-          $(element).removeClass('active');
-        });
-        item.addClass('active');
-      },
+      setActiveItem = function (item) {
+        // remove all .active
+        $('.nav-pf-vertical .list-group-item.active').removeClass('active');
 
-      setSecondaryActiveItem = function (item, $primaryParent) {
-        $(document).find('.nav-pf-secondary-nav > .list-group > .list-group-item.active').each(function (index, element) {
-          $(element).removeClass('active');
-        });
-        item.addClass('active');
-
-        setPrimaryActiveItem($primaryParent);
-      },
-
-      setTertiaryActiveItem = function (item, $secondaryParent, $primaryParent) {
-        $(document).find('.nav-pf-tertiary-nav > .list-group > .list-group-item.active').each(function (index, element) {
-          $(element).removeClass('active');
-        });
-        item.addClass('active');
-
-        setSecondaryActiveItem($secondaryParent, $primaryParent);
+        // add .active to item and its parents
+        item.addClass('active').parents('.list-group-item').addClass('active');
       },
 
       updateSecondaryMenuDisplayAfterSelection = function () {
@@ -1238,32 +1244,42 @@
         }
       },
 
-      checkNavState = function () {
-        var width = $(window).width(), makeSecondaryVisible;
+      enterMobileState = function () {
+        if (!navElement.hasClass('hidden')) {
+          //Set the nav to being hidden
+          navElement.addClass('hidden');
+          navElement.removeClass('collapsed');
 
-        // Check to see if we need to enter/exit the mobile state
-        if (width < $.pfBreakpoints.tablet) {
-          if (!navElement.hasClass('hidden')) {
-            //Set the nav to being hidden
-            navElement.addClass('hidden');
-            navElement.removeClass('collapsed');
+          //Set the body class to the correct state
+          bodyContentElement.removeClass('collapsed-nav');
+          bodyContentElement.addClass('hidden-nav');
 
-            //Set the body class to the correct state
-            bodyContentElement.removeClass('collapsed-nav');
-            bodyContentElement.addClass('hidden-nav');
+          // Reset the collapsed states
+          updateSecondaryCollapsedState(false);
+          updateTertiaryCollapsedState(false);
 
-            // Reset the collapsed states
-            updateSecondaryCollapsedState(false);
-            updateTertiaryCollapsedState(false);
+          explicitCollapse = false;
+        }
+      },
 
-            explicitCollapse = false;
-          }
-        } else if (navElement.hasClass('hidden')) {
-          // Always remove the hidden & peek class
-          navElement.removeClass('hidden show-mobile-nav');
+      exitMobileState = function () {
+        // Always remove the hidden & peek class
+        navElement.removeClass('hidden show-mobile-nav');
 
-          // Set the body class back to the default
-          bodyContentElement.removeClass('hidden-nav');
+        // Set the body class back to the default
+        bodyContentElement.removeClass('hidden-nav');
+      },
+
+      checkNavState = function () {
+        var width = $(window).width(), makeSecondaryVisible;
+        if (!handleResize) {
+          return;
+        }
+        // Check to see if we need to enter/exit the mobile state
+        if (width < $.pfBreakpoints.tablet && !explicitCollapse) {
+          enterMobileState();
+        } else if (navElement.hasClass('hidden')) {
+          exitMobileState();
         }
 
         // Check to see if we need to enter/exit the sub desktop state
@@ -1359,43 +1375,45 @@
       },
 
       bindMenuItemsBehavior = function (handleSelection) {
-        $(document).find('.nav-pf-vertical > .list-group > .list-group-item').each(function (index, primaryItem) {
-          var $primaryItem = $(primaryItem);
+        $(document).find('.nav-pf-vertical .list-group-item').each(function (index, item) {
+          var onClickFn,
+            $item = $(item),
+            $nav = $item.closest('[class*="nav-pf-"]');
+
+          if ($nav.hasClass('nav-pf-vertical')) {
+            // Set main nav active item on click or show secondary nav if it has a secondary nav bar and we are in the mobile state
+            onClickFn = function (event) {
+              var $this = $(this), $secondaryItem, $tertiaryItem, $activeItem;
+
+              if (!$this.hasClass('secondary-nav-item-pf')) {
+                hideSecondaryMenu();
+                if (inMobileState()) {
+                  updateMobileMenu();
+                  navElement.removeClass('show-mobile-nav');
+                }
+                if (handleSelection) {
+                  setActiveItem($this);
+                  // Don't process the click on the item
+                  event.stopImmediatePropagation();
+                }
+              } else if (inMobileState()) {
+                updateMobileMenu($this);
+              } else if (handleSelection) {
+                $activeItem = $secondaryItem = $item.find('.nav-pf-secondary-nav > .list-group > .list-group-item').eq(0);
 
-          // Set main nav active item on click or show secondary nav if it has a secondary nav bar and we are in the mobile state
-          $primaryItem.on('click.pf.secondarynav.data-api', function (event) {
-            var $this = $(this), $secondaryItem, tertiaryItem;
+                if ($secondaryItem.hasClass('tertiary-nav-item-pf')) {
+                  $activeItem = $secondaryItem.find('.nav-pf-tertiary-nav > .list-group > .list-group-item').eq(0);
+                }
 
-            if (!$this.hasClass('secondary-nav-item-pf')) {
-              hideSecondaryMenu();
-              if (inMobileState()) {
-                updateMobileMenu();
-                navElement.removeClass('show-mobile-nav');
-              }
-              if (handleSelection) {
-                setPrimaryActiveItem($this);
-                // Don't process the click on the item
+                setActiveItem($activeItem);
                 event.stopImmediatePropagation();
               }
-            } else if (inMobileState()) {
-              updateMobileMenu($this);
-            } else if (handleSelection) {
-              $secondaryItem = $($primaryItem.find('.nav-pf-secondary-nav > .list-group > .list-group-item')[0]);
-              if ($secondaryItem.hasClass('tertiary-nav-item-pf')) {
-                tertiaryItem = $secondaryItem.find('.nav-pf-tertiary-nav > .list-group > .list-group-item')[0];
-                setTertiaryActiveItem($(tertiaryItem), $secondaryItem, $primaryItem);
-              } else {
-                setSecondaryActiveItem($secondaryItem, $this);
-              }
-              event.stopImmediatePropagation();
-            }
-          });
+            };
 
-          $primaryItem.find('.nav-pf-secondary-nav > .list-group > .list-group-item').each(function (index, secondaryItem) {
-            var $secondaryItem = $(secondaryItem);
+          } else if ($nav.hasClass('nav-pf-secondary-nav')) {
             // Set secondary nav active item on click or show tertiary nav if it has a tertiary nav bar and we are in the mobile state
-            $secondaryItem.on('click.pf.secondarynav.data-api', function (event) {
-              var $this = $(this), tertiaryItem;
+            onClickFn = function (event) {
+              var $this = $(this), $tertiaryItem, $primaryItem;
               if (!$this.hasClass('tertiary-nav-item-pf')) {
                 if (inMobileState()) {
                   updateMobileMenu();
@@ -1403,37 +1421,39 @@
                 }
                 updateSecondaryMenuDisplayAfterSelection();
                 if (handleSelection) {
-                  setSecondaryActiveItem($secondaryItem, $primaryItem);
+                  setActiveItem($item);
                   // Don't process the click on the item
                   event.stopImmediatePropagation();
                 }
               } else if (inMobileState()) {
+                $primaryItem = $item.parents('.list-group-item');
                 updateMobileMenu($this, $primaryItem);
                 event.stopImmediatePropagation();
               } else if (handleSelection) {
-                tertiaryItem = $secondaryItem.find('.nav-pf-tertiary-nav > .list-group > .list-group-item')[0];
-                setTertiaryActiveItem($(tertiaryItem), $secondaryItem, $primaryItem);
+                $tertiaryItem = $item.find('.nav-pf-tertiary-nav > .list-group > .list-group-item').eq(0);
+                setActiveItem($tertiaryItem);
                 event.stopImmediatePropagation();
               }
-            });
+            };
 
-            $secondaryItem.find('.nav-pf-tertiary-nav > .list-group > .list-group-item').each(function (index, tertiaryItem) {
-              var $tertiaryItem = $(tertiaryItem);
-              // Set tertiary nav active item on click
-              $tertiaryItem.on('click.pf.secondarynav.data-api', function (event) {
-                if (inMobileState()) {
-                  updateMobileMenu();
-                  navElement.removeClass('show-mobile-nav');
-                }
-                updateSecondaryMenuDisplayAfterSelection();
-                if (handleSelection) {
-                  setTertiaryActiveItem($tertiaryItem, $secondaryItem, $primaryItem);
-                  // Don't process the click on the item
-                  event.stopImmediatePropagation();
-                }
-              });
-            });
-          });
+          } else if ($nav.hasClass('nav-pf-tertiary-nav')) {
+            // Set tertiary nav active item on click
+            onClickFn = function (event) {
+              if (inMobileState()) {
+                updateMobileMenu();
+                navElement.removeClass('show-mobile-nav');
+              }
+              updateSecondaryMenuDisplayAfterSelection();
+              if (handleSelection) {
+                setActiveItem($item);
+                // Don't process the click on the item
+                event.stopImmediatePropagation();
+              }
+            };
+          }
+
+          // register event handler
+          $item.on('click.pf.secondarynav.data-api', onClickFn);
         });
 
         $(document).find('.secondary-nav-item-pf').each(function (index, secondaryItem) {
@@ -1615,15 +1635,31 @@
         navElement.removeClass('hide-nav-pf');
         bodyContentElement.removeClass('hide-nav-pf');
         forceResize(250);
+      },
+      self = {
+        hideMenu: function () {
+          handleResize = false;
+          enterMobileState();
+        },
+        showMenu: function () {
+          handleResize = true;
+          exitMobileState();
+        },
+        isVisible: function () {
+          return handleResize;
+        }
       };
 
-    //Listen for the window resize event and collapse/hide as needed
-    $(window).on('resize', function () {
-      checkNavState();
-      enableTransitions();
-    });
+    if (!$.fn.setupVerticalNavigation.self) {
+      $.fn.setupVerticalNavigation.self = self;
+      //Listen for the window resize event and collapse/hide as needed
+      $(window).on('resize', function () {
+        checkNavState();
+        enableTransitions();
+      });
 
-    init(handleItemSelections);
+      init(handleItemSelections);
+    }
+    return $.fn.setupVerticalNavigation.self;
   };
 }(jQuery));
-