patternfly-sass 3.7.0 → 3.8.0

data/assets/javascripts/patternfly.min.js

@@ -1 +1,2 @@
-!function($){"use strict";$.fn.sidebar=function(){var documentHeight=0,navbarpfHeight=0,colHeight=0;$(".navbar-pf .navbar-toggle").is(":hidden")&&(documentHeight=$(document).height(),navbarpfHeight=$(".navbar-pf").outerHeight(),colHeight=documentHeight-navbarpfHeight),$(".sidebar-pf").parent(".row").children('[class*="col-"]').css({"min-height":colHeight})},$(document).ready(function(){$(".sidebar-pf").length>0&&0===$(".datatable").length&&$.fn.sidebar()}),$(window).resize(function(){$(".sidebar-pf").length>0&&$.fn.sidebar()})}(jQuery),function($){"use strict";$.fn.popovers=function(){return this.popover(),this.filter("[data-close=true]").each(function(index,element){var $this=$(element),title=$this.attr("data-original-title")+'<button type="button" class="close" aria-hidden="true"><span class="pficon pficon-close"></span></button>';$this.attr("data-original-title",title)}),this.on("click",function(e){var $this=$(this),$title=$this.next(".popover").find(".popover-title");$title.find(".close").parent(".popover-title").addClass("closable"),$title.find(".close").on("click",function(){$this.popover("hide")}),e.preventDefault()}),this}}(jQuery),function($){"use strict";$.fn.dataTableExt&&($.extend(!0,$.fn.dataTable.defaults,{bDestroy:!0,bAutoWidth:!1,iDisplayLength:20,sDom:"<'dataTables_header' f i r ><'table-responsive'  t ><'dataTables_footer' p >",oLanguage:{sInfo:"Showing <b>_START_</b> to <b>_END_</b> of <b>_TOTAL_</b> Items",sInfoFiltered:"(of <b>_MAX_</b>)",sInfoEmpty:"Showing <b>0</b> Results",sZeroRecords:"<p>Suggestions</p><ul><li>Check the javascript regular expression syntax of the search term.</li><li>Check that the correct menu option is chosen (token ID vs. user ID).</li><li>Use wildcards (* to match 0 or more characters, + to match 1 or more characters, ? to match 0 or 1 character).</li><li>Clear the search field, then click Search to return to the 20 most recent records.</li></ul>",sSearch:""},sPaginationType:"bootstrap_input",oSearch:{sSearch:"",bRegex:!0,bSmart:!1}}),$.extend($.fn.dataTableExt.oStdClasses,{sWrapper:"dataTables_wrapper"}),$.fn.dataTableExt.oApi.fnPagingInfo=function(oSettings){return{iStart:oSettings._iDisplayStart,iEnd:oSettings.fnDisplayEnd(),iLength:oSettings._iDisplayLength,iTotal:oSettings.fnRecordsTotal(),iFilteredTotal:oSettings.fnRecordsDisplay(),iPage:-1===oSettings._iDisplayLength?0:Math.ceil(oSettings._iDisplayStart/oSettings._iDisplayLength),iTotalPages:-1===oSettings._iDisplayLength?0:Math.ceil(oSettings.fnRecordsDisplay()/oSettings._iDisplayLength)}},$.extend($.fn.dataTableExt.oPagination,{bootstrap_input:{fnInit:function(oSettings,nPaging,fnDraw){var els,nInput,fnClickHandler=function(e){e.preventDefault(),oSettings.oApi._fnPageChange(oSettings,e.data.action)&&fnDraw(oSettings)};$(nPaging).append('<ul class="pagination">  <li class="first disabled"><span class="i fa fa-angle-double-left"></span></li>  <li class="prev disabled"><span class="i fa fa-angle-left"></span></li></ul><div class="pagination-input">  <input type="text" class="paginate_input">  <span class="paginate_of">of <b>3</b></span></div><ul class="pagination">  <li class="next disabled"><span class="i fa fa-angle-right"></span></li>  <li class="last disabled"><span class="i fa fa-angle-double-right"></span></li></ul>'),els=$("li",nPaging),$(els[0]).bind("click.DT",{action:"first"},fnClickHandler),$(els[1]).bind("click.DT",{action:"previous"},fnClickHandler),$(els[2]).bind("click.DT",{action:"next"},fnClickHandler),$(els[3]).bind("click.DT",{action:"last"},fnClickHandler),nInput=$("input",nPaging),$(nInput).keyup(function(e){if(38===e.which||39===e.which?this.value+=1:(37===e.which||40===e.which)&&this.value>1&&(this.value-=1),""!==this.value&&this.value.match(/[0-9]/)){var iNewStart=oSettings._iDisplayLength*(this.value-1);if(iNewStart>oSettings.fnRecordsDisplay())return oSettings._iDisplayStart=(Math.ceil((oSettings.fnRecordsDisplay()-1)/oSettings._iDisplayLength)-1)*oSettings._iDisplayLength,void fnDraw(oSettings);oSettings._iDisplayStart=iNewStart,fnDraw(oSettings)}})},fnUpdate:function(oSettings,fnDraw){var i,oPaging=oSettings.oInstance.fnPagingInfo(),an=oSettings.aanFeatures.p,ien=an.length,iPages=Math.ceil(oSettings.fnRecordsDisplay()/oSettings._iDisplayLength),iCurrentPage=Math.ceil(oSettings._iDisplayStart/oSettings._iDisplayLength)+1;for(i=0;ien>i;i+=1)$(".paginate_input",an[i]).val(iCurrentPage).siblings(".paginate_of").find("b").html(iPages),0===oPaging.iPage?($("li.first",an[i]).addClass("disabled"),$("li.prev",an[i]).addClass("disabled")):($("li.first",an[i]).removeClass("disabled"),$("li.prev",an[i]).removeClass("disabled")),oPaging.iPage===oPaging.iTotalPages-1||0===oPaging.iTotalPages?($("li.next",an[i]).addClass("disabled"),$("li.last",an[i]).addClass("disabled")):($("li.next",an[i]).removeClass("disabled"),$("li.last",an[i]).removeClass("disabled"))}}}))}(jQuery),function($){"use strict";$.fn.navigation=function(){var navElement=$(".layout-pf-alt-fixed .nav-pf-vertical-alt"),bodyContentElement=$(".container-pf-alt-nav-pf-vertical-alt"),toggleNavBarButton=$(".navbar-toggle"),explicitCollapse=!1,breakpoints={tablet:768,desktop:1024},checkNavState=function(){var width=$(window).width();navElement.removeClass("hidden show-mobile-nav collapsed"),bodyContentElement.removeClass("collapsed-nav hidden-nav"),(width<breakpoints.desktop||explicitCollapse)&&(navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav")),width<breakpoints.tablet&&(navElement.addClass("hidden"),navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"),bodyContentElement.addClass("hidden-nav"))},collapseMenu=function(){navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav"),explicitCollapse=!0},enableTransitions=function(){$("html").addClass("transitions")},expandMenu=function(){navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"),explicitCollapse=!1},bindMenuBehavior=function(){toggleNavBarButton.on("click",function(e){enableTransitions();var inMobileState=bodyContentElement.hasClass("hidden-nav");inMobileState&&navElement.hasClass("show-mobile-nav")?navElement.removeClass("show-mobile-nav"):inMobileState?navElement.addClass("show-mobile-nav"):navElement.hasClass("collapsed")?expandMenu():collapseMenu()})},setTooltips=function(){$('.nav-pf-vertical-alt [data-toggle="tooltip"]').tooltip({container:"body",delay:{show:"500",hide:"200"}}),$(".nav-pf-vertical-alt").on("show.bs.tooltip",function(e){return $(this).hasClass("collapsed")?void 0:!1})},init=function(){checkNavState(),bindMenuBehavior(),setTooltips()};$(window).on("resize",function(){checkNavState(),enableTransitions()}),init()},$(document).ready(function(){$(".nav-pf-vertical-alt").length>0&&$.fn.navigation()})}(jQuery),function($){"use strict";$.fn.countRemainingChars=function(options){var settings=$.extend({charsMaxLimit:100,charsWarnRemaining:5,blockInputAtMaxLimit:!1},options),$taFld=this,$countFld=$("#"+settings.countFld).text(settings.charsMaxLimit),charsRemainingFn=function(charsLength){var charsRemaining=settings.charsMaxLimit-charsLength;$countFld.text(charsRemaining),$countFld.toggleClass("chars-warn-remaining-pf",charsRemaining<=settings.charsWarnRemaining),0>charsRemaining?$taFld.trigger("overCharsMaxLimitEvent",$taFld.attr("id")):$taFld.trigger("underCharsMaxLimitEvent",$taFld.attr("id"))};return this.on("paste",function(event){setTimeout(function(){var maxTxt,charsLength=$taFld.val().length;settings.blockInputAtMaxLimit&&charsLength>settings.charsMaxLimit&&(maxTxt=$taFld.val(),maxTxt=maxTxt.substring(0,settings.charsMaxLimit),$taFld.val(maxTxt),charsLength=$taFld.val().length),charsRemainingFn(charsLength)},100)}),this.keyup(function(event){charsRemainingFn($taFld.val().length)}),this.keydown(function(event){var charsLength=$taFld.val().length;settings.blockInputAtMaxLimit&&charsLength>=settings.charsMaxLimit&&8!==event.keyCode&&event.preventDefault()}),this}}(jQuery),function($){"use strict";$.pfPaletteColors={black:"#030303",black100:"#fafafa",black200:"#ededed",black300:"#d1d1d1",black400:"#bbbbbb",black500:"#8b8d8f",black600:"#72767b",black700:"#4d5258",black800:"#393f44",black900:"#292e34",blue:"#0088ce",blue100:"#bee1f4",blue200:"#7dc3e8",blue300:"#39a5dc",blue400:"#0088ce",blue500:"#00659c",blue600:"#004368",blue700:"#002235",gold:"#f0ab00",gold100:"#fbeabc",gold200:"#f9d67a",gold300:"#f5c12e",gold400:"#f0ab00",gold500:"#b58100",gold600:"#795600",gold700:"#3d2c00",orange:"#ec7a08",orange100:"#fbdebf",orange200:"#f7bd7f",orange300:"#f39d3c",orange400:"#ec7a08",orange500:"#b35c00",orange600:"#773d00",orange700:"#3b1f00",lightBlue:"#00b9e4",lightBlue100:"#beedf9",lightBlue200:"#7cdbf3",lightBlue300:"#35caed",lightBlue400:"#00b9e4",lightBlue500:"#008bad",lightBlue600:"#005c73",lightBlue700:"#002d39",green:"#3f9c35",green100:"#cfe7cd",green200:"#9ecf99",green300:"#6ec664",green400:"#3f9c35",green500:"#2d7623",green600:"#1e4f18",green700:"#0f280d",lightGreen:"#92d400",lightGreen100:"#e4f5bc",lightGreen200:"#c8eb79",lightGreen300:"#ace12e",lightGreen400:"#92d400",lightGreen500:"#6ca100",lightGreen600:"#486b00",lightGreen700:"#253600",cyan:"#007a87",cyan100:"#bedee1",cyan200:"#7dbdc3",cyan300:"#3a9ca6",cyan400:"#007a87",cyan500:"#005c66",cyan600:"#003d44",cyan700:"#001f22",purple:"#703fec",purple100:"#c7bfff",purple200:"#a18fff",purple300:"#8461f7",purple400:"#703fec",purple500:"#582fc0",purple600:"#40199a",purple700:"#1f0066",red:"#cc0000",red100:"#cc0000",red200:"#a30000",red300:"#8b0000",red400:"#470000",red500:"#2c0000"}}(jQuery),function($){"use strict";$.fn.pfSetDonutChartTitle=function(selector,primary,secondary){var donutChartRightTitle=window.d3.select(selector).select("text.c3-chart-arcs-title");donutChartRightTitle.text(""),donutChartRightTitle.insert("tspan").text(primary).classed("donut-title-big-pf",!0).attr("dy",0).attr("x",0),donutChartRightTitle.insert("tspan").text(secondary).classed("donut-title-small-pf",!0).attr("dy",20).attr("x",0)},$.fn.pfDonutTooltipContents=function(d,defaultTitleFormat,defaultValueFormat,color){return'<table class="c3-tooltip">  <tr>    <td><span style="background-color:'+color(d[0].id)+'"></span><strong>'+d[0].value+"</strong> "+d[0].name+"</td>    <td>"+Math.round(1e3*d[0].ratio)/10+"%</td>  </tr></table>"},$.fn.pfGetUtilizationDonutTooltipContentsFn=function(units){return function(d){return'<span class="donut-tooltip-pf" style="white-space: nowrap;">'+Math.round(1e3*d[0].ratio)/10+"% "+units+" "+d[0].name+"</span>"}},$.fn.pfGetBarChartTooltipContentsFn=function(categories){return function(d){var name=categories?categories[d[0].index]:d[0].index;return'<table class="c3-tooltip">  <tr>    <td><strong>'+name+":</td>    <td>"+d[0].value+"</td>  </tr></table>"}},$.fn.pfSingleLineChartTooltipContentsFn=function(categories){return function(d){var name=categories?categories[d[0].index]:d[0].index;return'<table class="c3-tooltip">  <tr>    <td><strong>'+name+":</td>    <td>"+d[0].value+"</td>  </tr></table>"}},$.fn.pfPieTooltipContents=function(d,defaultTitleFormat,defaultValueFormat,color){return $().pfDonutTooltipContents(d,defaultTitleFormat,defaultValueFormat,color)},$.fn.c3ChartDefaults=function(){var getDefaultColors=function(){return{pattern:[$.pfPaletteColors.blue,$.pfPaletteColors.blue300,$.pfPaletteColors.green,$.pfPaletteColors.orange,$.pfPaletteColors.red]}},getDefaultBarGrid=function(){return{y:{show:!0}}},getDefaultBarTooltip=function(categories){return{contents:$().pfGetBarChartTooltipContentsFn(categories)}},getDefaultBarLegend=function(){return{show:!1}},getDefaultBarConfig=function(categories){return{color:this.getDefaultColors(),grid:this.getDefaultBarGrid(),tooltip:this.getDefaultBarTooltip(categories),legend:this.getDefaultBarLegend()}},getDefaultGroupedBarGrid=function(){return{y:{show:!0}}},getDefaultGroupedBarLegend=function(){return{show:!0,position:"bottom"}},getDefaultGroupedBarConfig=function(){return{color:this.getDefaultColors(),grid:this.getDefaultGroupedBarGrid(),legend:this.getDefaultGroupedBarLegend()}},getDefaultDonut=function(title){return{title:title,label:{show:!1},width:11}},getDefaultDonutSize=function(){return{height:171}},getDefaultDonutColors=function(){return{pattern:[$.pfPaletteColors.blue,$.pfPaletteColors.black300]}},getDefaultDonutTooltip=function(){return{show:!1}},getDefaultDonutLegend=function(){return{show:!1}},getDefaultDonutConfig=function(title){return{donut:this.getDefaultDonut(title),size:this.getDefaultDonutSize(),legend:this.getDefaultDonutLegend(),color:this.getDefaultDonutColors(),tooltip:this.getDefaultDonutTooltip()}},getDefaultPie=function(){return{expand:!0,label:{show:!1}}},getDefaultPieSize=function(){return{height:171}},getDefaultPieColors=function(){return{pattern:[$.pfPaletteColors.blue,$.pfPaletteColors.black300]}},getDefaultPieTooltip=function(){return{contents:$().pfPieTooltipContents}},getDefaultPieLegend=function(){return{show:!1}},getDefaultPieConfig=function(){return{pie:this.getDefaultPie(),size:this.getDefaultPieSize(),legend:this.getDefaultPieLegend(),color:this.getDefaultPieColors(),tooltip:this.getDefaultPieTooltip()}},getDefaultSparklineArea=function(){return{zerobased:!0}},getDefaultSparklineSize=function(){return{height:60}},getDefaultSparklineAxis=function(){return{x:{show:!1},y:{show:!1}}},getDefaultSparklineLegend=function(){return{show:!1}},getDefaultSparklinePoint=function(){return{r:1,focus:{expand:{r:4}}}},getDefaultSparklineTooltip=function(){return{contents:function(d){return'<span class="c3-tooltip-sparkline">'+d[0].value+" "+d[0].name+"</span>"}}},getDefaultSparklineConfig=function(){return{area:getDefaultSparklineArea(),size:getDefaultSparklineSize(),axis:getDefaultSparklineAxis(),color:getDefaultColors(),legend:getDefaultSparklineLegend(),point:getDefaultSparklinePoint(),tooltip:getDefaultSparklineTooltip()}},getDefaultLineAxis=function(){return{x:{show:!0},y:{show:!0}}},getDefaultLineGrid=function(){return{x:{show:!1},y:{show:!0}}},getDefaultLineLegend=function(){return{show:!0}},getDefaultLinePoint=function(){return{r:3,focus:{expand:{r:5}}}},getDefaultLineConfig=function(){return{axis:getDefaultLineAxis(),grid:getDefaultLineGrid(),color:getDefaultColors(),legend:getDefaultLineLegend(),point:getDefaultLinePoint()}},getDefaultSingleLineTooltip=function(){return{contents:$().pfGetBarChartTooltipContentsFn()}},getDefaultSingleLineLegend=function(){return{show:!1}},getDefaultSingleLineConfig=function(){return{axis:getDefaultLineAxis(),grid:getDefaultLineGrid(),color:getDefaultColors(),legend:getDefaultSingleLineLegend(),point:getDefaultLinePoint(),tooltip:getDefaultSingleLineTooltip()}},getDefaultAreaAxis=function(){return getDefaultLineAxis()},getDefaultAreaGrid=function(){return getDefaultLineGrid()},getDefaultAreaLegend=function(){return getDefaultLineLegend()},getDefaultAreaPoint=function(){return getDefaultLinePoint()},getDefaultAreaConfig=function(){return{axis:getDefaultAreaAxis(),grid:getDefaultAreaGrid(),color:getDefaultColors(),legend:getDefaultAreaLegend(),point:getDefaultAreaPoint()}},getDefaultSingleAreaTooltip=function(){return{contents:$().pfGetBarChartTooltipContentsFn()}},getDefaultSingleAreaLegend=function(){return getDefaultSingleLineLegend()},getDefaultSingleAreaConfig=function(){return{axis:getDefaultAreaAxis(),grid:getDefaultAreaGrid(),color:getDefaultColors(),legend:getDefaultSingleAreaLegend(),point:getDefaultAreaPoint(),tooltip:getDefaultSingleAreaTooltip()}};return{getDefaultColors:getDefaultColors,getDefaultBarGrid:getDefaultBarGrid,getDefaultBarTooltip:getDefaultBarTooltip,getDefaultBarLegend:getDefaultBarLegend,getDefaultBarConfig:getDefaultBarConfig,getDefaultGroupedBarGrid:getDefaultGroupedBarGrid,getDefaultGroupedBarLegend:getDefaultGroupedBarLegend,getDefaultGroupedBarConfig:getDefaultGroupedBarConfig,getDefaultDonut:getDefaultDonut,getDefaultDonutSize:getDefaultDonutSize,getDefaultDonutColors:getDefaultDonutColors,getDefaultDonutTooltip:getDefaultDonutTooltip,getDefaultDonutLegend:getDefaultDonutLegend,getDefaultDonutConfig:getDefaultDonutConfig,getDefaultPie:getDefaultPie,getDefaultPieSize:getDefaultPieSize,getDefaultPieColors:getDefaultPieColors,getDefaultPieTooltip:getDefaultPieTooltip,getDefaultPieLegend:getDefaultPieLegend,getDefaultPieConfig:getDefaultPieConfig,getDefaultSparklineArea:getDefaultSparklineArea,getDefaultSparklineSize:getDefaultSparklineSize,getDefaultSparklineAxis:getDefaultSparklineAxis,getDefaultSparklineLegend:getDefaultSparklineLegend,getDefaultSparklinePoint:getDefaultSparklinePoint,getDefaultSparklineTooltip:getDefaultSparklineTooltip,getDefaultSparklineConfig:getDefaultSparklineConfig,getDefaultLineAxis:getDefaultLineAxis,getDefaultLineGrid:getDefaultLineGrid,getDefaultLineLegend:getDefaultLineLegend,getDefaultLinePoint:getDefaultLinePoint,getDefaultLineConfig:getDefaultLineConfig,getDefaultSingleLineTooltip:getDefaultSingleLineTooltip,getDefaultSingleLineConfig:getDefaultSingleLineConfig,getDefaultAreaAxis:getDefaultAreaAxis,getDefaultAreaGrid:getDefaultAreaGrid,getDefaultAreaLegend:getDefaultAreaLegend,getDefaultAreaPoint:getDefaultAreaPoint,getDefaultAreaConfig:getDefaultAreaConfig,getDefaultSingleAreaTooltip:getDefaultSingleAreaTooltip,getDefaultSingleAreaConfig:getDefaultSingleAreaConfig}}}(jQuery),function($){"use strict";$.fn.initCollapseHeights=function(scrollSelector){var setCollapseHeights,parentElement=this,targetScrollSelector=scrollSelector;setCollapseHeights=function(){var height,openPanel,contentHeight,bodyHeight,overflowY="hidden";height=parentElement.height(),openPanel=parentElement.find(".collapse.in"),openPanel&&openPanel.length>0&&openPanel.removeClass("in"),contentHeight=0,parentElement.children().each($.proxy(function(i,element){var $element=$(element);contentHeight+=$element.outerHeight(!0)},parentElement)).end(),bodyHeight=height-contentHeight,25>bodyHeight&&(bodyHeight=25,overflowY="auto"),openPanel&&openPanel.length>0&&openPanel.addClass("in"),setTimeout(function(){parentElement.find('[data-toggle="collapse"]').each($.proxy(function(i,element){var $element,selector,$target,scrollElement,innerHeight;$element=$(element),selector=$element.attr("data-target"),selector||(selector=$element.attr("href")),$target=$(selector),scrollElement=$target,targetScrollSelector&&(scrollElement=$target.find(targetScrollSelector),1===scrollElement.length?(innerHeight=0,$target.children().each($.proxy(function(j,sibling){var $sibling=$(sibling);sibling!==scrollElement[0]&&(innerHeight+=$sibling.outerHeight(!0))},$target)).end(),bodyHeight-=innerHeight):scrollElement=$target),scrollElement.css({"max-height":bodyHeight-innerHeight+"px","overflow-y":"auto"})},parentElement)).end(),parentElement.css({"overflow-y":overflowY})},100)},setCollapseHeights(),$(window).resize(setCollapseHeights)}}(jQuery),function($){"use strict";function getParent(rows,node){var parent=node.attr("data-parent");return"string"==typeof parent?parent=isNaN(parent)?rows.closest(parent):$(rows[parseInt(parent,10)]):void 0}function renderItem(item,parent){parent&&(parent.find(".treegrid-node > span.expand-icon").toggleClass("fa-angle-right",parent.hasClass("collapsed")).toggleClass("fa-angle-down",!parent.hasClass("collapsed")),item.toggleClass("hidden",parent.hasClass("collapsed")),parent.hasClass("collapsed")&&item.addClass("collapsed"))}function reStripe(tree){tree.find("tbody > tr").removeClass("odd"),tree.find("tbody > tr:not(.hidden):odd").addClass("odd")}$.fn.treegrid=function(options){var i,rows,_this;rows=this.find("tbody > tr"),_this=this,$.each(rows,function(){var node,parent;if(node=$(this),parent=getParent(rows,node),node.children(".treegrid-node").prepend('<span class="icon expand-icon fa"/>'),node.children(".treegrid-node").on("click",function(e){options&&"function"==typeof options.callback&&options.callback(e);var icon=node.find("span.expand-icon");icon.hasClass("fa-angle-right")&&node.removeClass("collapsed"),icon.hasClass("fa-angle-down")&&node.addClass("collapsed"),$.each(rows.slice(rows.index(node)+1),function(){renderItem($(this),getParent(rows,$(this)))}),reStripe(_this)}),parent){for(i=parent.find(".treegrid-node > span.indent").length+1;i>0;i-=1)node.children(".treegrid-node").prepend('<span class="indent"/>');renderItem(node,parent)}}),reStripe(_this)}}(jQuery),function($){"use strict";$.fn.setupVerticalNavigation=function(handleItemSelections){var navElement=$(".nav-pf-vertical"),bodyContentElement=$(".container-pf-nav-pf-vertical"),toggleNavBarButton=$(".navbar-toggle"),explicitCollapse=!1,subDesktop=!1,breakpoints={tablet:768,desktop:1200},inMobileState=function(){return bodyContentElement.hasClass("hidden-nav")},forceResize=function(){setTimeout(function(){window.dispatchEvent&&window.dispatchEvent(new Event("resize")),$(document).fireEvent&&$(document).fireEvent("onresize")},100)},showSecondaryMenu=function(){(inMobileState()||!subDesktop)&&(navElement.addClass("secondary-visible-pf"),bodyContentElement.addClass("secondary-visible-pf")),subDesktop||forceResize()},hideSecondaryMenu=function(){navElement.removeClass("secondary-visible-pf"),bodyContentElement.removeClass("secondary-visible-pf"),navElement.find(".mobile-nav-item-pf").each(function(index,item){$(item).removeClass("mobile-nav-item-pf")})},showSecondaryMenuForItem=function(item){item.find(".nav-pf-persistent-secondary").length>0?showSecondaryMenu():(hideSecondaryMenu(),navElement.removeClass("show-mobile-nav"))},setActiveItem=function(item){$(document).find(".nav-pf-vertical > .list-group > .list-group-item").each(function(index,element){$(element).hasClass("active")&&$(element).removeClass("active")}),item.hasClass("active")||item.addClass("active")},setSecondaryActiveItem=function($parent,item){var parentItem=$(document).find('[data-target="#'+$parent.attr("id")+'"]');$parent.find(".list-group > .list-group-item").each(function(index,element){$(element).removeClass("active")}),item.addClass("active"),setActiveItem($(parentItem))},updateSecondaryMenuDisplayAfterSelection=function(){inMobileState()?(navElement.removeClass("show-mobile-nav"),hideSecondaryMenu(),navElement.find(".mobile-nav-item-pf").each(function(index,item){$(item).removeClass("mobile-nav-item-pf")})):showSecondaryMenu()},updateSecondaryCollapsedState=function(setCollapsed,collapsedItem){setCollapsed?(collapsedItem.addClass("collapsed"),navElement.addClass("collapsed-secondary-nav-pf"),bodyContentElement.addClass("collapsed-secondary-nav-pf")):(collapsedItem?collapsedItem.removeClass("collapsed"):navElement.find('[data-toggle="collapse-secondary-nav"]').each(function(index,element){var $e=$(element);$e.removeClass("collapsed")}),navElement.removeClass("collapsed-secondary-nav-pf"),bodyContentElement.removeClass("collapsed-secondary-nav-pf"))},checkNavState=function(){var makeSecondaryVisible,width=$(window).width();width<breakpoints.tablet?navElement.hasClass("hidden")||(navElement.addClass("hidden"),navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"),bodyContentElement.addClass("hidden-nav"),updateSecondaryCollapsedState(!1),explicitCollapse=!1):navElement.hasClass("hidden")&&(navElement.removeClass("hidden show-mobile-nav"),bodyContentElement.removeClass("hidden-nav")),width<breakpoints.desktop?(subDesktop||(navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav")),width>=breakpoints.tablet&&hideSecondaryMenu(),subDesktop=!0):(makeSecondaryVisible=subDesktop&&navElement.find(".persistent-secondary.active").length>0,subDesktop=!1,makeSecondaryVisible&&showSecondaryMenu()),explicitCollapse?(navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav")):(navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"))},collapseMenu=function(){navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav"),subDesktop&&hideSecondaryMenu(),explicitCollapse=!0},enableTransitions=function(){$("html").addClass("transitions")},expandMenu=function(){navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"),explicitCollapse=!1,subDesktop||forceResize()},bindMenuBehavior=function(){toggleNavBarButton.on("click",function(e){enableTransitions(),inMobileState()?navElement.hasClass("show-mobile-nav")?navElement.removeClass("show-mobile-nav"):(hideSecondaryMenu(),navElement.addClass("show-mobile-nav")):navElement.hasClass("collapsed")?expandMenu():collapseMenu()})},forceHideSecondaryMenu=function(){navElement.addClass("force-hide-secondary-nav-pf"),setTimeout(function(){navElement.removeClass("force-hide-secondary-nav-pf")},500)},bindMenuItemsBehavior=function(handleSelection){$(document).on("click.pf.secondarynav.data-api",".nav-pf-vertical > .list-group > .list-group-item",function(element){var $this=$(this);showSecondaryMenuForItem($this),inMobileState()&&$this.find(".nav-pf-persistent-secondary").length>0?$this.addClass("mobile-nav-item-pf"):handleSelection&&setActiveItem($this)}),$(document).find(".nav-pf-persistent-secondary").each(function(index,element){var $e=$(element);handleSelection&&$e.on("click.pf.secondarynav.data-api",function(event){event.stopImmediatePropagation()}),$e.on("click.pf.secondarynav.data-api",".list-group > .list-group-item",function(event){updateSecondaryMenuDisplayAfterSelection(),handleSelection&&(setSecondaryActiveItem($e,$(this)),event.stopImmediatePropagation())}),$e.on("click.pf.secondarynav.data-api",'[data-toggle="collapse-secondary-nav"]',function(e){var $this=$(this);inMobileState()?(hideSecondaryMenu(),forceHideSecondaryMenu()):$this.hasClass("collapsed")?(updateSecondaryCollapsedState(!1,$this),$(window).width()<breakpoints.desktop&&forceHideSecondaryMenu()):$this.parents(".persistent-secondary.active").length>0?updateSecondaryCollapsedState(!0,$this):forceHideSecondaryMenu(),navElement.removeClass("hover-secondary-nav-pf"),handleSelection&&e.stopImmediatePropagation()})}),$(document).on("mouseover.pf.secondarynav.data-api",".persistent-secondary",function(e){inMobileState()||navElement.addClass("hover-secondary-nav-pf")}),$(document).on("mouseout.pf.secondarynav.data-api",".persistent-secondary",function(e){navElement.removeClass("hover-secondary-nav-pf")})},setTooltips=function(){$('.nav-pf-vertical [data-toggle="tooltip"]').tooltip({container:"body",delay:{show:"500",hide:"200"}}),$(".nav-pf-vertical").on("show.bs.tooltip",function(e){return $(this).hasClass("collapsed")?void 0:!1})},init=function(handleItemSelections){checkNavState(),bindMenuBehavior(),bindMenuItemsBehavior(handleItemSelections),setTooltips()};$(window).on("resize",function(){checkNavState(),enableTransitions()}),init(handleItemSelections)}}(jQuery);
+!function($){"use strict";$.fn.sidebar=function(){var documentHeight=0,navbarpfHeight=0,colHeight=0;$(".navbar-pf .navbar-toggle").is(":hidden")&&(documentHeight=$(document).height(),navbarpfHeight=$(".navbar-pf").outerHeight(),colHeight=documentHeight-navbarpfHeight),$(".sidebar-pf").parent(".row").children('[class*="col-"]').css({"min-height":colHeight})},$(document).ready(function(){$(".sidebar-pf").length>0&&0===$(".datatable").length&&$.fn.sidebar()}),$(window).resize(function(){$(".sidebar-pf").length>0&&$.fn.sidebar()})}(jQuery),function($){"use strict";$.fn.popovers=function(){return this.popover(),this.filter("[data-close=true]").each(function(index,element){var $this=$(element),title=$this.attr("data-original-title")+'<button type="button" class="close" aria-hidden="true"><span class="pficon pficon-close"></span></button>';$this.attr("data-original-title",title)}),this.on("click",function(e){var $this=$(this),$title=$this.next(".popover").find(".popover-title");$title.find(".close").parent(".popover-title").addClass("closable"),$title.find(".close").on("click",function(){$this.popover("hide")}),e.preventDefault()}),this}}(jQuery),function($){"use strict";$.fn.dataTableExt&&($.extend(!0,$.fn.dataTable.defaults,{bDestroy:!0,bAutoWidth:!1,iDisplayLength:20,sDom:"<'dataTables_header' f i r ><'table-responsive'  t ><'dataTables_footer' p >",oLanguage:{sInfo:"Showing <b>_START_</b> to <b>_END_</b> of <b>_TOTAL_</b> Items",sInfoFiltered:"(of <b>_MAX_</b>)",sInfoEmpty:"Showing <b>0</b> Results",sZeroRecords:"<p>Suggestions</p><ul><li>Check the javascript regular expression syntax of the search term.</li><li>Check that the correct menu option is chosen (token ID vs. user ID).</li><li>Use wildcards (* to match 0 or more characters, + to match 1 or more characters, ? to match 0 or 1 character).</li><li>Clear the search field, then click Search to return to the 20 most recent records.</li></ul>",sSearch:""},sPaginationType:"bootstrap_input",oSearch:{sSearch:"",bRegex:!0,bSmart:!1}}),$.extend($.fn.dataTableExt.oStdClasses,{sWrapper:"dataTables_wrapper"}),$.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)}},$.extend($.fn.dataTableExt.oPagination,{bootstrap_input:{fnInit:function(oSettings,nPaging,fnDraw){var els,nInput,fnClickHandler=function(e){e.preventDefault(),oSettings.oApi._fnPageChange(oSettings,e.data.action)&&fnDraw(oSettings)};$(nPaging).append('<ul class="pagination">  <li class="first disabled"><span class="i fa fa-angle-double-left"></span></li>  <li class="prev disabled"><span class="i fa fa-angle-left"></span></li></ul><div class="pagination-input">  <input type="text" class="paginate_input">  <span class="paginate_of">of <b>3</b></span></div><ul class="pagination">  <li class="next disabled"><span class="i fa fa-angle-right"></span></li>  <li class="last disabled"><span class="i fa fa-angle-double-right"></span></li></ul>'),els=$("li",nPaging),$(els[0]).bind("click.DT",{action:"first"},fnClickHandler),$(els[1]).bind("click.DT",{action:"previous"},fnClickHandler),$(els[2]).bind("click.DT",{action:"next"},fnClickHandler),$(els[3]).bind("click.DT",{action:"last"},fnClickHandler),nInput=$("input",nPaging),$(nInput).keyup(function(e){if(38===e.which||39===e.which?this.value+=1:(37===e.which||40===e.which)&&this.value>1&&(this.value-=1),""!==this.value&&this.value.match(/[0-9]/)){var iNewStart=oSettings._iDisplayLength*(this.value-1);if(iNewStart>oSettings.fnRecordsDisplay())return oSettings._iDisplayStart=(Math.ceil((oSettings.fnRecordsDisplay()-1)/oSettings._iDisplayLength)-1)*oSettings._iDisplayLength,void fnDraw(oSettings);oSettings._iDisplayStart=iNewStart,fnDraw(oSettings)}})},fnUpdate:function(oSettings,fnDraw){var i,oPaging=oSettings.oInstance.fnPagingInfo(),an=oSettings.aanFeatures.p,ien=an.length,iPages=Math.ceil(oSettings.fnRecordsDisplay()/oSettings._iDisplayLength),iCurrentPage=Math.ceil(oSettings._iDisplayStart/oSettings._iDisplayLength)+1;for(i=0;i<ien;i+=1)$(".paginate_input",an[i]).val(iCurrentPage).siblings(".paginate_of").find("b").html(iPages),0===oPaging.iPage?($("li.first",an[i]).addClass("disabled"),$("li.prev",an[i]).addClass("disabled")):($("li.first",an[i]).removeClass("disabled"),$("li.prev",an[i]).removeClass("disabled")),oPaging.iPage===oPaging.iTotalPages-1||0===oPaging.iTotalPages?($("li.next",an[i]).addClass("disabled"),$("li.last",an[i]).addClass("disabled")):($("li.next",an[i]).removeClass("disabled"),$("li.last",an[i]).removeClass("disabled"))}}}))}(jQuery),function($){"use strict";$.pfBreakpoints={tablet:768,desktop:1200}}(jQuery),function($){"use strict";$.fn.navigation=function(){var navElement=$(".layout-pf-alt-fixed .nav-pf-vertical-alt"),bodyContentElement=$(".container-pf-alt-nav-pf-vertical-alt"),toggleNavBarButton=$(".navbar-toggle"),explicitCollapse=!1,checkNavState=function(){var width=$(window).width();navElement.removeClass("hidden show-mobile-nav collapsed"),bodyContentElement.removeClass("collapsed-nav hidden-nav"),(width<$.pfBreakpoints.desktop||explicitCollapse)&&(navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav")),width<$.pfBreakpoints.tablet&&(navElement.addClass("hidden"),navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"),bodyContentElement.addClass("hidden-nav"))},collapseMenu=function(){navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav"),explicitCollapse=!0},enableTransitions=function(){$("html").addClass("transitions")},expandMenu=function(){navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"),explicitCollapse=!1},bindMenuBehavior=function(){toggleNavBarButton.on("click",function(e){enableTransitions();var inMobileState=bodyContentElement.hasClass("hidden-nav");inMobileState&&navElement.hasClass("show-mobile-nav")?navElement.removeClass("show-mobile-nav"):inMobileState?navElement.addClass("show-mobile-nav"):navElement.hasClass("collapsed")?expandMenu():collapseMenu()})},setTooltips=function(){$('.nav-pf-vertical-alt [data-toggle="tooltip"]').tooltip({container:"body",delay:{show:"500",hide:"200"}}),$(".nav-pf-vertical-alt").on("show.bs.tooltip",function(e){if(!$(this).hasClass("collapsed"))return!1})},init=function(){checkNavState(),bindMenuBehavior(),setTooltips()};$(window).on("resize",function(){checkNavState(),enableTransitions()}),init()},$(document).ready(function(){$(".nav-pf-vertical-alt").length>0&&$.fn.navigation()})}(jQuery),function($){"use strict";$.fn.countRemainingChars=function(options){var settings=$.extend({charsMaxLimit:100,charsWarnRemaining:5,blockInputAtMaxLimit:!1},options),$taFld=this,$countFld=$("#"+settings.countFld).text(settings.charsMaxLimit),charsRemainingFn=function(charsLength){var charsRemaining=settings.charsMaxLimit-charsLength;$countFld.text(charsRemaining),$countFld.toggleClass("chars-warn-remaining-pf",charsRemaining<=settings.charsWarnRemaining),charsRemaining<0?$taFld.trigger("overCharsMaxLimitEvent",$taFld.attr("id")):$taFld.trigger("underCharsMaxLimitEvent",$taFld.attr("id"))};return this.on("paste",function(event){setTimeout(function(){var maxTxt,charsLength=$taFld.val().length;settings.blockInputAtMaxLimit&&charsLength>settings.charsMaxLimit&&(maxTxt=$taFld.val(),maxTxt=maxTxt.substring(0,settings.charsMaxLimit),$taFld.val(maxTxt),charsLength=$taFld.val().length),charsRemainingFn(charsLength)},100)}),this.keyup(function(event){charsRemainingFn($taFld.val().length)}),this.keydown(function(event){var charsLength=$taFld.val().length;settings.blockInputAtMaxLimit&&charsLength>=settings.charsMaxLimit&&8!==event.keyCode&&event.preventDefault()}),this}}(jQuery),function($){"use strict";$.pfPaletteColors={black:"#030303",black100:"#fafafa",black200:"#ededed",black300:"#d1d1d1",black400:"#bbbbbb",black500:"#8b8d8f",black600:"#72767b",black700:"#4d5258",black800:"#393f44",black900:"#292e34",blue:"#0088ce",blue100:"#bee1f4",blue200:"#7dc3e8",blue300:"#39a5dc",blue400:"#0088ce",blue500:"#00659c",blue600:"#004368",blue700:"#002235",gold:"#f0ab00",gold100:"#fbeabc",gold200:"#f9d67a",gold300:"#f5c12e",gold400:"#f0ab00",gold500:"#b58100",gold600:"#795600",gold700:"#3d2c00",orange:"#ec7a08",orange100:"#fbdebf",orange200:"#f7bd7f",orange300:"#f39d3c",orange400:"#ec7a08",orange500:"#b35c00",orange600:"#773d00",orange700:"#3b1f00",lightBlue:"#00b9e4",lightBlue100:"#beedf9",lightBlue200:"#7cdbf3",lightBlue300:"#35caed",lightBlue400:"#00b9e4",lightBlue500:"#008bad",lightBlue600:"#005c73",lightBlue700:"#002d39",green:"#3f9c35",green100:"#cfe7cd",green200:"#9ecf99",green300:"#6ec664",green400:"#3f9c35",green500:"#2d7623",green600:"#1e4f18",green700:"#0f280d",lightGreen:"#92d400",lightGreen100:"#e4f5bc",lightGreen200:"#c8eb79",lightGreen300:"#ace12e",lightGreen400:"#92d400",lightGreen500:"#6ca100",lightGreen600:"#486b00",lightGreen700:"#253600",cyan:"#007a87",cyan100:"#bedee1",cyan200:"#7dbdc3",cyan300:"#3a9ca6",cyan400:"#007a87",cyan500:"#005c66",cyan600:"#003d44",cyan700:"#001f22",purple:"#703fec",purple100:"#c7bfff",purple200:"#a18fff",purple300:"#8461f7",purple400:"#703fec",purple500:"#582fc0",purple600:"#40199a",purple700:"#1f0066",red:"#cc0000",red100:"#cc0000",red200:"#a30000",red300:"#8b0000",red400:"#470000",red500:"#2c0000"}}(jQuery),function($){"use strict";$.fn.pfSetDonutChartTitle=function(selector,primary,secondary){var donutChartRightTitle=window.d3.select(selector).select("text.c3-chart-arcs-title");donutChartRightTitle.text(""),donutChartRightTitle.insert("tspan").text(primary).classed("donut-title-big-pf",!0).attr("dy",0).attr("x",0),donutChartRightTitle.insert("tspan").text(secondary).classed("donut-title-small-pf",!0).attr("dy",20).attr("x",0)},$.fn.pfDonutTooltipContents=function(d,defaultTitleFormat,defaultValueFormat,color){return'<table class="c3-tooltip">  <tr>    <td><span style="background-color:'+color(d[0].id)+'"></span><strong>'+d[0].value+"</strong> "+d[0].name+"</td>    <td>"+Math.round(1e3*d[0].ratio)/10+"%</td>  </tr></table>"},$.fn.pfGetUtilizationDonutTooltipContentsFn=function(units){return function(d){return'<span class="donut-tooltip-pf" style="white-space: nowrap;">'+Math.round(1e3*d[0].ratio)/10+"% "+units+" "+d[0].name+"</span>"}},$.fn.pfGetBarChartTooltipContentsFn=function(categories){return function(d){var name=categories?categories[d[0].index]:d[0].index;return'<table class="c3-tooltip">  <tr>    <td><strong>'+name+":</td>    <td>"+d[0].value+"</td>  </tr></table>"}},$.fn.pfSingleLineChartTooltipContentsFn=function(categories){return function(d){var name=categories?categories[d[0].index]:d[0].index;return'<table class="c3-tooltip">  <tr>    <td><strong>'+name+":</td>    <td>"+d[0].value+"</td>  </tr></table>"}},$.fn.pfPieTooltipContents=function(d,defaultTitleFormat,defaultValueFormat,color){return $().pfDonutTooltipContents(d,defaultTitleFormat,defaultValueFormat,color)},$.fn.c3ChartDefaults=function(){var getDefaultColors=function(){return{pattern:[$.pfPaletteColors.blue,$.pfPaletteColors.blue300,$.pfPaletteColors.green,$.pfPaletteColors.orange,$.pfPaletteColors.red]}},getDefaultBarGrid=function(){return{y:{show:!0}}},getDefaultBarTooltip=function(categories){return{contents:$().pfGetBarChartTooltipContentsFn(categories)}},getDefaultBarLegend=function(){return{show:!1}},getDefaultBarConfig=function(categories){return{color:this.getDefaultColors(),grid:this.getDefaultBarGrid(),tooltip:this.getDefaultBarTooltip(categories),legend:this.getDefaultBarLegend()}},getDefaultGroupedBarGrid=function(){return{y:{show:!0}}},getDefaultGroupedBarLegend=function(){return{show:!0,position:"bottom"}},getDefaultGroupedBarConfig=function(){return{color:this.getDefaultColors(),grid:this.getDefaultGroupedBarGrid(),legend:this.getDefaultGroupedBarLegend()}},getDefaultDonut=function(title){return{title:title,label:{show:!1},width:11}},getDefaultDonutSize=function(){return{height:171}},getDefaultDonutColors=function(){return{pattern:[$.pfPaletteColors.blue,$.pfPaletteColors.black300]}},getDefaultDonutTooltip=function(){return{show:!1}},getDefaultDonutLegend=function(){return{show:!1}},getDefaultDonutConfig=function(title){return{donut:this.getDefaultDonut(title),size:this.getDefaultDonutSize(),legend:this.getDefaultDonutLegend(),color:this.getDefaultDonutColors(),tooltip:this.getDefaultDonutTooltip()}},getDefaultPie=function(){return{expand:!0,label:{show:!1}}},getDefaultPieSize=function(){return{height:171}},getDefaultPieColors=function(){return{pattern:[$.pfPaletteColors.blue,$.pfPaletteColors.black300]}},getDefaultPieTooltip=function(){return{contents:$().pfPieTooltipContents}},getDefaultPieLegend=function(){return{show:!1}},getDefaultPieConfig=function(){return{pie:this.getDefaultPie(),size:this.getDefaultPieSize(),legend:this.getDefaultPieLegend(),color:this.getDefaultPieColors(),tooltip:this.getDefaultPieTooltip()}},getDefaultSparklineArea=function(){return{zerobased:!0}},getDefaultSparklineSize=function(){return{height:60}},getDefaultSparklineAxis=function(){return{x:{show:!1},y:{show:!1}}},getDefaultSparklineLegend=function(){return{show:!1}},getDefaultSparklinePoint=function(){return{r:1,focus:{expand:{r:4}}}},getDefaultSparklineTooltip=function(){return{contents:function(d){return'<span class="c3-tooltip-sparkline">'+d[0].value+" "+d[0].name+"</span>"}}},getDefaultSparklineConfig=function(){return{area:getDefaultSparklineArea(),size:getDefaultSparklineSize(),axis:getDefaultSparklineAxis(),color:getDefaultColors(),legend:getDefaultSparklineLegend(),point:getDefaultSparklinePoint(),tooltip:getDefaultSparklineTooltip()}},getDefaultLineAxis=function(){return{x:{show:!0},y:{show:!0}}},getDefaultLineGrid=function(){return{x:{show:!1},y:{show:!0}}},getDefaultLineLegend=function(){return{show:!0}},getDefaultLinePoint=function(){return{r:3,focus:{expand:{r:5}}}},getDefaultLineConfig=function(){return{axis:getDefaultLineAxis(),grid:getDefaultLineGrid(),color:getDefaultColors(),legend:getDefaultLineLegend(),point:getDefaultLinePoint()}},getDefaultSingleLineTooltip=function(){return{contents:$().pfGetBarChartTooltipContentsFn()}},getDefaultSingleLineLegend=function(){return{show:!1}},getDefaultSingleLineConfig=function(){return{axis:getDefaultLineAxis(),grid:getDefaultLineGrid(),color:getDefaultColors(),legend:getDefaultSingleLineLegend(),point:getDefaultLinePoint(),tooltip:getDefaultSingleLineTooltip()}},getDefaultAreaAxis=function(){return getDefaultLineAxis()},getDefaultAreaGrid=function(){return getDefaultLineGrid()},getDefaultAreaLegend=function(){return getDefaultLineLegend()},getDefaultAreaPoint=function(){return getDefaultLinePoint()},getDefaultAreaConfig=function(){return{axis:getDefaultAreaAxis(),grid:getDefaultAreaGrid(),color:getDefaultColors(),legend:getDefaultAreaLegend(),point:getDefaultAreaPoint()}},getDefaultSingleAreaTooltip=function(){return{contents:$().pfGetBarChartTooltipContentsFn()}},getDefaultSingleAreaLegend=function(){return getDefaultSingleLineLegend()},getDefaultSingleAreaConfig=function(){return{axis:getDefaultAreaAxis(),grid:getDefaultAreaGrid(),color:getDefaultColors(),legend:getDefaultSingleAreaLegend(),point:getDefaultAreaPoint(),tooltip:getDefaultSingleAreaTooltip()}};return{getDefaultColors:getDefaultColors,getDefaultBarGrid:getDefaultBarGrid,getDefaultBarTooltip:getDefaultBarTooltip,getDefaultBarLegend:getDefaultBarLegend,getDefaultBarConfig:getDefaultBarConfig,getDefaultGroupedBarGrid:getDefaultGroupedBarGrid,getDefaultGroupedBarLegend:getDefaultGroupedBarLegend,getDefaultGroupedBarConfig:getDefaultGroupedBarConfig,getDefaultDonut:getDefaultDonut,getDefaultDonutSize:getDefaultDonutSize,getDefaultDonutColors:getDefaultDonutColors,getDefaultDonutTooltip:getDefaultDonutTooltip,getDefaultDonutLegend:getDefaultDonutLegend,getDefaultDonutConfig:getDefaultDonutConfig,getDefaultPie:getDefaultPie,getDefaultPieSize:getDefaultPieSize,getDefaultPieColors:getDefaultPieColors,getDefaultPieTooltip:getDefaultPieTooltip,getDefaultPieLegend:getDefaultPieLegend,getDefaultPieConfig:getDefaultPieConfig,getDefaultSparklineArea:getDefaultSparklineArea,getDefaultSparklineSize:getDefaultSparklineSize,getDefaultSparklineAxis:getDefaultSparklineAxis,getDefaultSparklineLegend:getDefaultSparklineLegend,getDefaultSparklinePoint:getDefaultSparklinePoint,getDefaultSparklineTooltip:getDefaultSparklineTooltip,getDefaultSparklineConfig:getDefaultSparklineConfig,getDefaultLineAxis:getDefaultLineAxis,getDefaultLineGrid:getDefaultLineGrid,getDefaultLineLegend:getDefaultLineLegend,getDefaultLinePoint:getDefaultLinePoint,getDefaultLineConfig:getDefaultLineConfig,getDefaultSingleLineTooltip:getDefaultSingleLineTooltip,getDefaultSingleLineConfig:getDefaultSingleLineConfig,getDefaultAreaAxis:getDefaultAreaAxis,getDefaultAreaGrid:getDefaultAreaGrid,getDefaultAreaLegend:getDefaultAreaLegend,getDefaultAreaPoint:getDefaultAreaPoint,getDefaultAreaConfig:getDefaultAreaConfig,getDefaultSingleAreaTooltip:getDefaultSingleAreaTooltip,getDefaultSingleAreaConfig:getDefaultSingleAreaConfig}}}(jQuery),function($){"use strict";$.fn.initCollapseHeights=function(scrollSelector){var setCollapseHeights,parentElement=this,targetScrollSelector=scrollSelector;setCollapseHeights=function(){var height,openPanel,contentHeight,bodyHeight,overflowY="hidden";height=parentElement.height(),openPanel=parentElement.find(".collapse.in"),openPanel&&openPanel.length>0&&openPanel.removeClass("in"),contentHeight=0,parentElement.children().each($.proxy(function(i,element){var $element=$(element);contentHeight+=$element.outerHeight(!0)},parentElement)).end(),bodyHeight=height-contentHeight,bodyHeight<25&&(bodyHeight=25,overflowY="auto"),openPanel&&openPanel.length>0&&openPanel.addClass("in"),setTimeout(function(){parentElement.find('[data-toggle="collapse"]').each($.proxy(function(i,element){var $element,selector,$target,scrollElement,innerHeight;$element=$(element),selector=$element.attr("data-target"),selector||(selector=$element.attr("href")),$target=$(selector),scrollElement=$target,targetScrollSelector&&(scrollElement=$target.find(targetScrollSelector),1===scrollElement.length?(innerHeight=0,$target.children().each($.proxy(function(j,sibling){var $sibling=$(sibling);sibling!==scrollElement[0]&&(innerHeight+=$sibling.outerHeight(!0))},$target)).end(),bodyHeight-=innerHeight):scrollElement=$target),scrollElement.css({"max-height":bodyHeight-innerHeight+"px","overflow-y":"auto"})},parentElement)).end(),parentElement.css({"overflow-y":overflowY})},100)},setCollapseHeights(),$(window).resize(setCollapseHeights)}}(jQuery),function($){"use strict";function getParent(rows,node){var parent=node.attr("data-parent");if("string"==typeof parent)return parent=isNaN(parent)?rows.closest(parent):$(rows[parseInt(parent,10)])}function renderItem(item,parent){parent&&(parent.find(".treegrid-node > span.expand-icon").toggleClass("fa-angle-right",parent.hasClass("collapsed")).toggleClass("fa-angle-down",!parent.hasClass("collapsed")),item.toggleClass("hidden",parent.hasClass("collapsed")),parent.hasClass("collapsed")&&item.addClass("collapsed"))}function reStripe(tree){tree.find("tbody > tr").removeClass("odd"),tree.find("tbody > tr:not(.hidden):odd").addClass("odd")}$.fn.treegrid=function(options){var i,rows,_this;rows=this.find("tbody > tr"),_this=this,$.each(rows,function(){var node,parent;if(node=$(this),parent=getParent(rows,node),node.children(".treegrid-node").prepend('<span class="icon expand-icon fa"/>'),node.children(".treegrid-node").on("click",function(e){options&&"function"==typeof options.callback&&options.callback(e);var icon=node.find("span.expand-icon");icon.hasClass("fa-angle-right")&&node.removeClass("collapsed"),icon.hasClass("fa-angle-down")&&node.addClass("collapsed"),$.each(rows.slice(rows.index(node)+1),function(){renderItem($(this),getParent(rows,$(this)))}),reStripe(_this)}),parent){for(i=parent.find(".treegrid-node > span.indent").length+1;i>0;i-=1)node.children(".treegrid-node").prepend('<span class="indent"/>');renderItem(node,parent)}}),reStripe(_this)}}(jQuery),function($){"use strict";$.fn.setupVerticalNavigation=function(handleItemSelections){var navElement=$(".nav-pf-vertical"),bodyContentElement=$(".container-pf-nav-pf-vertical"),toggleNavBarButton=$(".navbar-toggle"),explicitCollapse=!1,subDesktop=!1,hoverDelay=500,hideDelay=hoverDelay+200,inMobileState=function(){return bodyContentElement.hasClass("hidden-nav")},forceResize=function(delay){setTimeout(function(){window.dispatchEvent&&window.dispatchEvent(new Event("resize")),$(document).fireEvent&&$(document).fireEvent("onresize")},delay)},showSecondaryMenu=function(){!inMobileState()&&subDesktop||(navElement.addClass("secondary-visible-pf"),bodyContentElement.addClass("secondary-visible-pf")),subDesktop||forceResize(100)},hideSecondaryMenu=function(){navElement.removeClass("secondary-visible-pf"),bodyContentElement.removeClass("secondary-visible-pf"),navElement.find(".mobile-nav-item-pf").each(function(index,item){$(item).removeClass("mobile-nav-item-pf")})},setPrimaryActiveItem=function(item){$(document).find(".nav-pf-vertical > .list-group > .list-group-item.active").each(function(index,element){$(element).removeClass("active")}),item.addClass("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)},updateSecondaryMenuDisplayAfterSelection=function(){inMobileState()?(navElement.removeClass("show-mobile-nav"),hideSecondaryMenu(),navElement.find(".mobile-nav-item-pf").each(function(index,item){$(item).removeClass("mobile-nav-item-pf")})):showSecondaryMenu()},updateSecondaryCollapsedState=function(setCollapsed,collapsedItem){setCollapsed?(collapsedItem.addClass("collapsed"),navElement.addClass("collapsed-secondary-nav-pf"),bodyContentElement.addClass("collapsed-secondary-nav-pf")):(collapsedItem?collapsedItem.removeClass("collapsed"):navElement.find('[data-toggle="collapse-secondary-nav"]').each(function(index,element){var $e=$(element);$e.removeClass("collapsed")}),navElement.removeClass("collapsed-secondary-nav-pf"),bodyContentElement.removeClass("collapsed-secondary-nav-pf"))},updateTertiaryCollapsedState=function(setCollapsed,collapsedItem){setCollapsed?(collapsedItem.addClass("collapsed"),navElement.addClass("collapsed-tertiary-nav-pf"),bodyContentElement.addClass("collapsed-tertiary-nav-pf"),updateSecondaryCollapsedState(!1)):(collapsedItem?collapsedItem.removeClass("collapsed"):navElement.find('[data-toggle="collapse-tertiary-nav"]').each(function(index,element){var $e=$(element);$e.removeClass("collapsed")}),navElement.removeClass("collapsed-tertiary-nav-pf"),bodyContentElement.removeClass("collapsed-tertiary-nav-pf"))},updateMobileMenu=function(selected,secondaryItem){$(document).find(".list-group-item.mobile-nav-item-pf").each(function(index,item){$(item).removeClass("mobile-nav-item-pf")}),$(document).find(".list-group-item.mobile-secondary-item-pf").each(function(index,item){$(item).removeClass("mobile-secondary-item-pf")}),selected?(selected.addClass("mobile-nav-item-pf"),secondaryItem?(secondaryItem.addClass("mobile-secondary-item-pf"),navElement.removeClass("show-mobile-secondary"),navElement.addClass("show-mobile-tertiary")):(navElement.addClass("show-mobile-secondary"),navElement.removeClass("show-mobile-tertiary"))):(navElement.removeClass("show-mobile-secondary"),navElement.removeClass("show-mobile-tertiary"))},checkNavState=function(){var makeSecondaryVisible,width=$(window).width();width<$.pfBreakpoints.tablet?navElement.hasClass("hidden")||(navElement.addClass("hidden"),navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"),bodyContentElement.addClass("hidden-nav"),updateSecondaryCollapsedState(!1),updateTertiaryCollapsedState(!1),explicitCollapse=!1):navElement.hasClass("hidden")&&(navElement.removeClass("hidden show-mobile-nav"),bodyContentElement.removeClass("hidden-nav")),width<$.pfBreakpoints.desktop?(subDesktop||(navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav")),width>=$.pfBreakpoints.tablet&&hideSecondaryMenu(),subDesktop=!0):(makeSecondaryVisible=subDesktop&&navElement.find(".secondary-nav-item-pf.active").length>0,subDesktop=!1,makeSecondaryVisible&&showSecondaryMenu()),explicitCollapse?(navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav")):(navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"))},collapseMenu=function(){navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav"),subDesktop&&hideSecondaryMenu(),explicitCollapse=!0},enableTransitions=function(){$("html").addClass("transitions")},expandMenu=function(){navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"),explicitCollapse=!1,subDesktop||forceResize(100)},bindMenuBehavior=function(){toggleNavBarButton.on("click",function(e){enableTransitions(),inMobileState()?navElement.hasClass("show-mobile-nav")?navElement.removeClass("show-mobile-nav"):(updateMobileMenu(),navElement.addClass("show-mobile-nav")):navElement.hasClass("collapsed")?(window.localStorage.setItem("patternfly-navigation-primary","expanded"),expandMenu()):(window.localStorage.setItem("patternfly-navigation-primary","collapsed"),collapseMenu())})},forceHideSecondaryMenu=function(){navElement.addClass("force-hide-secondary-nav-pf"),setTimeout(function(){navElement.removeClass("force-hide-secondary-nav-pf")},500)},bindMenuItemsBehavior=function(handleSelection){$(document).find(".nav-pf-vertical > .list-group > .list-group-item").each(function(index,primaryItem){var $primaryItem=$(primaryItem);$primaryItem.on("click.pf.secondarynav.data-api",function(event){var $secondaryItem,tertiaryItem,$this=$(this);$this.hasClass("secondary-nav-item-pf")?inMobileState()?updateMobileMenu($this):handleSelection&&($secondaryItem=$($primaryItem.find(".nav-pf-secondary-nav > .list-group > .list-group-item")[0]),$secondaryItem.hasClass("tertiary-nav-item-pf")?(tertiaryItem=$secondaryItem.find(".nav-pf-tertiary-nav > .list-group > .list-group-item")[0],setTertiaryActiveItem($(tertiaryItem),$secondaryItem,$primaryItem)):setSecondaryActiveItem($secondaryItem,$this),event.stopImmediatePropagation()):(hideSecondaryMenu(),inMobileState()&&(updateMobileMenu(),navElement.removeClass("show-mobile-nav")),handleSelection&&(setPrimaryActiveItem($this),event.stopImmediatePropagation()))}),$primaryItem.find(".nav-pf-secondary-nav > .list-group > .list-group-item").each(function(index,secondaryItem){var $secondaryItem=$(secondaryItem);$secondaryItem.on("click.pf.secondarynav.data-api",function(event){var tertiaryItem,$this=$(this);$this.hasClass("tertiary-nav-item-pf")?inMobileState()?(updateMobileMenu($this,$primaryItem),event.stopImmediatePropagation()):handleSelection&&(tertiaryItem=$secondaryItem.find(".nav-pf-tertiary-nav > .list-group > .list-group-item")[0],setTertiaryActiveItem($(tertiaryItem),$secondaryItem,$primaryItem),event.stopImmediatePropagation()):(inMobileState()&&(updateMobileMenu(),navElement.removeClass("show-mobile-nav")),updateSecondaryMenuDisplayAfterSelection(),handleSelection&&(setSecondaryActiveItem($secondaryItem,$primaryItem),event.stopImmediatePropagation()))}),$secondaryItem.find(".nav-pf-tertiary-nav > .list-group > .list-group-item").each(function(index,tertiaryItem){var $tertiaryItem=$(tertiaryItem);$tertiaryItem.on("click.pf.secondarynav.data-api",function(event){inMobileState()&&(updateMobileMenu(),navElement.removeClass("show-mobile-nav")),updateSecondaryMenuDisplayAfterSelection(),handleSelection&&(setTertiaryActiveItem($tertiaryItem,$secondaryItem,$primaryItem),event.stopImmediatePropagation())})})})}),$(document).find(".secondary-nav-item-pf").each(function(index,secondaryItem){var $secondaryItem=$(secondaryItem);$secondaryItem.on("click.pf.secondarynav.data-api",'[data-toggle="collapse-secondary-nav"]',function(e){var $this=$(this);inMobileState()?(updateMobileMenu(),e.stopImmediatePropagation()):$this.hasClass("collapsed")?(window.localStorage.setItem("patternfly-navigation-secondary","expanded"),window.localStorage.setItem("patternfly-navigation-tertiary","expanded"),updateSecondaryCollapsedState(!1,$this),forceHideSecondaryMenu()):(window.localStorage.setItem("patternfly-navigation-secondary","collapsed"),updateSecondaryCollapsedState(!0,$this)),navElement.removeClass("hover-secondary-nav-pf"),handleSelection&&e.stopImmediatePropagation()}),$secondaryItem.find(".tertiary-nav-item-pf").each(function(index,primaryItem){var $primaryItem=$(primaryItem);$primaryItem.on("click.pf.tertiarynav.data-api",'[data-toggle="collapse-tertiary-nav"]',function(e){var $this=$(this);inMobileState()?(updateMobileMenu($secondaryItem),e.stopImmediatePropagation()):$this.hasClass("collapsed")?(window.localStorage.setItem("patternfly-navigation-secondary","expanded"),window.localStorage.setItem("patternfly-navigation-tertiary","expanded"),updateTertiaryCollapsedState(!1,$this),forceHideSecondaryMenu()):(window.localStorage.setItem("patternfly-navigation-tertiary","collapsed"),updateTertiaryCollapsedState(!0,$this)),navElement.removeClass("hover-secondary-nav-pf"),navElement.removeClass("hover-tertiary-nav-pf"),handleSelection&&e.stopImmediatePropagation()})})}),$(document).on("mouseenter.pf.tertiarynav.data-api",".secondary-nav-item-pf",function(e){if(!inMobileState()){var $this=$(this);void 0!==$this[0].navUnHoverTimeout?(clearTimeout($this[0].navUnHoverTimeout),$this[0].navUnHoverTimeout=void 0):void 0===$this[0].navHoverTimeout&&($this[0].navHoverTimeout=setTimeout(function(){navElement.addClass("hover-secondary-nav-pf"),$this.addClass("is-hover"),$this[0].navHoverTimeout=void 0},hoverDelay))}}),$(document).on("mouseleave.pf.tertiarynav.data-api",".secondary-nav-item-pf",function(e){var $this=$(this);void 0!==$this[0].navHoverTimeout?(clearTimeout($this[0].navHoverTimeout),$this[0].navHoverTimeout=void 0):void 0===$this[0].navUnHoverTimeout&&($this[0].navUnHoverTimeout=setTimeout(function(){navElement.find(".secondary-nav-item-pf.is-hover").length<=1&&navElement.removeClass("hover-secondary-nav-pf"),$this.removeClass("is-hover"),$this[0].navUnHoverTimeout=void 0},hideDelay))}),$(document).on("mouseover.pf.tertiarynav.data-api",".tertiary-nav-item-pf",function(e){if(!inMobileState()){var $this=$(this);void 0!==$this[0].navUnHoverTimeout?(clearTimeout($this[0].navUnHoverTimeout),$this[0].navUnHoverTimeout=void 0):void 0===$this[0].navHoverTimeout&&($this[0].navHoverTimeout=setTimeout(function(){navElement.addClass("hover-tertiary-nav-pf"),$this.addClass("is-hover"),$this[0].navHoverTimeout=void 0},hoverDelay))}}),$(document).on("mouseout.pf.tertiarynav.data-api",".tertiary-nav-item-pf",function(e){var $this=$(this);void 0!==$this[0].navHoverTimeout?(clearTimeout($this[0].navHoverTimeout),$this[0].navHoverTimeout=void 0):void 0===$this[0].navUnHoverTimeout&&($this[0].navUnHoverTimeout=setTimeout(function(){navElement.find(".tertiary-nav-item-pf.is-hover").length<=1&&navElement.removeClass("hover-tertiary-nav-pf"),$this.removeClass("is-hover"),$this[0].navUnHoverTimeout=void 0},hideDelay))})},loadFromLocalStorage=function(){inMobileState()||("collapsed"===window.localStorage.getItem("patternfly-navigation-primary")&&collapseMenu(),$(".nav-pf-vertical.nav-pf-vertical-collapsible-menus").length>0&&("collapsed"===window.localStorage.getItem("patternfly-navigation-secondary")&&updateSecondaryCollapsedState(!0,$(".secondary-nav-item-pf.active [data-toggle=collapse-secondary-nav]")),
+"collapsed"===window.localStorage.getItem("patternfly-navigation-tertiary")&&updateTertiaryCollapsedState(!0,$(".tertiary-nav-item-pf.active [data-toggle=collapse-tertiary-nav]"))))},setTooltips=function(){var tooltipOptions={container:"body",placement:"bottom",delay:{show:"500",hide:"200"},template:'<div class="nav-pf-vertical-tooltip tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'};$('.nav-pf-vertical [data-toggle="tooltip"]').tooltip(tooltipOptions),$(".nav-pf-vertical").on("show.bs.tooltip",function(e){if(!$(this).hasClass("collapsed"))return!1})},init=function(handleItemSelections){checkNavState(),bindMenuBehavior(),bindMenuItemsBehavior(handleItemSelections),setTooltips(),loadFromLocalStorage(),navElement.removeClass("hide-nav-pf"),bodyContentElement.removeClass("hide-nav-pf"),forceResize(250)};$(window).on("resize",function(){checkNavState(),enableTransitions()}),init(handleItemSelections)}}(jQuery);

data/assets/stylesheets/patternfly/_layouts.scss

@@ -9,70 +9,51 @@
   &.layout-pf-fixed {
     &.transitions .container-pf-nav-pf-vertical {
       transition: $flyout-transition-pf;
+      -webkit-transition: margin-left $nav-pf-container-transition-period;
+      -moz-transition: margin-left $nav-pf-container-transition-period;
+      -o-transition: margin-left $nav-pf-container-transition-period;
     }
     body {
       padding-top: $navbar-pf-height; // make space for the navbar
     }
     .container-pf-nav-pf-vertical {
       margin-left: $nav-pf-vertical-width;
-      &.hidden-icons-pf {
-        margin-left: $nav-pf-vertical-hidden-icons-width;
-      }
       &.collapsed-nav {
-        margin-left: 0; // adjust space for the collapsed left nav
+        margin-left: $nav-pf-vertical-collapsed-width;
+        &.hidden-icons-pf {
+          margin-left: 0;
+        }
       }
       &.hidden-nav {
         margin-left: 0; // remove space as left nav is hidden
       }
-      &.container-pf-nav-pf-vertical-with-secondary {
-        &.collapsed-nav {
-          margin-left: $nav-pf-vertical-collapsed-width;
-          &.hidden-icons-pf {
-            margin-left: 0;
-          }
+      &.container-pf-nav-pf-vertical-with-sub-menus {
+        &.hide-nav-pf {
+          margin-left: 0 !important;
         }
-        &.collapsed-secondary-nav-pf, &.secondary-visible-pf.collapsed-secondary-nav-pf {
-          margin-left: $nav-pf-vertical-secondary-width;
-        }
-        &.secondary-visible-pf {
+        &.collapsed-secondary-nav-pf, &.collapsed-tertiary-nav-pf {
           margin-left: $nav-pf-vertical-width;
-          &.hidden-icons-pf {
-            margin-left: $nav-pf-vertical-hidden-icons-width;
-          }
+        }
+      }
+      &.nav-pf-persistent-secondary.secondary-visible-pf {
+        @media (min-width: 1200px) {
+          margin-left: ($nav-pf-vertical-width + $nav-pf-vertical-width);
           &.hidden-nav {
             margin-left: 0; // remove space as left nav is hidden
           }
-          &.collapsed-nav {
-            margin-left: $nav-pf-vertical-collapsed-width;
-            &.hidden-icons-pf {
-              margin-left: 0;
-            }
+          &.collapsed-secondary-nav-pf {
+            margin-left: $nav-pf-vertical-width;
           }
-          @media (min-width: 1200px) {
-            margin-left: ($nav-pf-vertical-width + $nav-pf-vertical-secondary-width);
-            &.hidden-icons-pf {
-              margin-left: ($nav-pf-vertical-hidden-icons-width + $nav-pf-vertical-secondary-width);
-            }
-            &.hidden-nav {
-              margin-left: 0; // remove space as left nav is hidden
-            }
+          &.collapsed-nav {
+            margin-left: ($nav-pf-vertical-collapsed-width + $nav-pf-vertical-width);
             &.collapsed-secondary-nav-pf {
-              margin-left: $nav-pf-vertical-secondary-width;
+              margin-left: $nav-pf-vertical-width;
             }
-            &.collapsed-nav {
-              margin-left: ($nav-pf-vertical-collapsed-width + $nav-pf-vertical-secondary-width);
-              &.collapsed-secondary-nav-pf {
-                margin-left: $nav-pf-vertical-secondary-width;
-              }
-              &.hidden-icons-pf {
-                margin-left: 0;
-              }
+            &.hidden-icons-pf {
+              margin-left: 0;
             }
           }
         }
-        &.hidden-nav {
-          margin-left: 0; // remove space as left nav is hidden
-        }
       }
     }
   }

data/assets/stylesheets/patternfly/_list-view.scss

@@ -189,6 +189,10 @@
       height: 30px;
       line-height: 30px;
       width: 30px;
+      &:before {
+        display: block;
+        line-height: 26px;
+      }
     }
     &.list-view-pf-icon-success {
       background-color: $alert-success-bg;
@@ -230,3 +234,6 @@
     width: auto;
   }
 }
+.list-view-pf-view {
+  margin-top: 30px;
+}

data/assets/stylesheets/patternfly/_navbar.scss

@@ -491,10 +491,10 @@
         }
       }
     }
+    .navbar-utility .open .dropdown-menu {
+        border-top-width: 0;
+    }
     .open {
-      .dropdown-menu {
-        border-top-width: 0 !important;
-      }
       &.bootstrap-select .dropdown-menu,
       .dropdown-submenu > .dropdown-menu {
         border-top-width: 1px !important;

data/assets/stylesheets/patternfly/_notifications-drawer.scss

@@ -11,12 +11,13 @@
   position: absolute;
   right: 0;
   width: 320px;
+  z-index: 2;
   .panel {
     border-bottom: none;
     border-left: none;
     border-right: none;
   }
-.panel-group .panel-heading+.panel-collapse .panel-body {
+  .panel-group .panel-heading+.panel-collapse .panel-body {
     border-top: none;
     border-bottom: 1px solid $card-pf-border-color;
     padding: 0;
@@ -43,8 +44,11 @@
 }
 
 .drawer-pf-action {
-  .btn {
+  .btn-link {
+    color: $link-color;
     padding: 10px 0;
+
+    &:hover { color: $link-hover-color; }
   }
 }
 
@@ -89,7 +93,7 @@
 .drawer-pf-title {
   background-color: $color-pf-black-100;
   border-bottom: 1px solid $card-pf-border-color;
-  position: fixed;
+  position: absolute;
   width: 318px;
   h3 {
     font-size: $font-size-base;
@@ -116,3 +120,12 @@
     }
   }
 }
+
+/* Exclusive styles to work with Horizontal Navigation */
+.navbar-pf {
+  .drawer-pf {
+    height: calc(100vh - 46px);
+    top: 26px;
+  }
+  .drawer-pf-trigger-icon { cursor: pointer; }
+}

data/assets/stylesheets/patternfly/_toolbar.scss

@@ -46,6 +46,7 @@
 }
 .toolbar-pf-actions {
   display: table;
+  margin-bottom: 10px;
   width: 100%;
   @media (min-width: $grid-float-breakpoint) {
     .toolbar-pf-filter {
@@ -53,28 +54,133 @@
       width: 25%;
     }
   }
+}
+.toolbar-pf-view-selector {
+  font-size: ($font-size-base + 4);
+  @media (min-width: $grid-float-breakpoint) {
+    border-right: 0;
+    float: right;
+    padding-right: 0;
+  }
+  .active a {
+    color: $link-color;
+    cursor: default;
+  }
+  a {
+    color: $gray-darker;
+    &:hover{
+      color: $link-color;
+    }
+  }
+  .list-inline {
+    margin-bottom: 0;
+  }
+}
+.toolbar-pf-action-right{
+  float: right;
+  @media (max-width: $grid-float-breakpoint) {
+    float: none;
+  }
   .toolbar-pf-view-selector {
-    font-size: ($font-size-base + 4);
     @media (min-width: $grid-float-breakpoint) {
-      border-right: 0;
-      float: right;
-      padding-right: 0;
+      float: left;
     }
-    .active a {
-      color: $link-color;
-      cursor: default;
+  }
+}
+.toolbar-pf-find {
+  font-size: ($font-size-base + 2);
+  position: relative;
+  .btn{
+    outline: none;
+  }
+}
+.find-pf-dropdown-container{
+  background: $color-pf-white;
+  border: solid 1px $color-pf-black-400;
+  display: none;
+  left: -200px;
+  padding: 5px;
+  position: absolute;
+  top: 35px;
+  width: 300px;
+  z-index: 10000;
+  @media (max-width: $grid-float-breakpoint) {
+    left: 30px;
+    top: -5px;
+    width: calc(100% - 30px);
+  }
+  &:before,
+  &:after{
+    content: "";
+    display:block;
+    height:0;
+    position: absolute;
+    width:0;
+  }
+  &:before{
+    border-bottom:11px solid $color-pf-black-400;
+    border-left:11px solid transparent;
+    border-right:11px solid transparent;
+    left: 215px;
+    top: -12px;
+    @media (max-width: $grid-float-breakpoint) {
+      border-bottom:11px solid transparent;
+      border-right:11px solid $color-pf-black-400;
+      border-top:11px solid transparent;
+      left: -22px;
+      top: 8px;
     }
-    a {
-      color: $gray-darker;
-      &:hover{
-        color: $link-color;
-      }
+  }
+  &:after{
+    border-bottom:10px solid $color-pf-white;
+    border-left:10px solid transparent;
+    border-right:10px solid transparent;
+    left: 216px;
+    top: -10px;
+    @media (max-width: $grid-float-breakpoint) {
+      border-bottom:10px solid transparent;
+      border-right:10px solid $color-pf-white;
+      border-top:10px solid transparent;
+      left: -20px;
+      top: 9px;
     }
-    .list-inline {
-      margin-bottom: 0;
+  }
+  input{
+    padding: 5px 95px 5px 5px;
+    width: 100%;
+    height: 30px;
+    line-height: 30px;
+  }
+  .find-pf-buttons{
+    position: absolute;
+    right: 10px;
+    top: 0;
+    .btn{
+      margin-left: 2px;
+    }
+    span{
+      cursor: pointer;
+      display: inline-block;
+      height: 30px;
+      line-height: 30px;
+      margin-right: 5px;
+      vertical-align: middle;
+    }
+    .find-pf-nums{
+      color: $color-pf-black-500;
+      font-size: ($font-size-base + 2);
+    }
+    .btn-link .fa-angle-up,
+    .btn-link .fa-angle-down{
+      font-weight: bold;
+      font-size: ($font-size-base + 6);
+    }
+    .btn-find-close{
+      font-size: ($font-size-base + 2);
     }
   }
 }
+
 .toolbar-pf-results {
   border-top: 1px solid $sidebar-pf-border-color;
   margin-top: ($grid-gutter-width/4);

data/assets/stylesheets/patternfly/_variables.scss

@@ -61,7 +61,7 @@ $modal-title-padding-vertical:                                      10px !defaul
 $navbar-pf-active-color:                                            $color-pf-black-150 !default;
 $navbar-pf-alt-active-color:                                        $color-pf-white !default;
 $navbar-pf-alt-bg-color:                                            $color-pf-black !default;
-$navbar-pf-alt-bg-img:                                              url("../img/bg-navbar-pf-alt.svg") !default;
+$navbar-pf-alt-bg-img:                                              "bg-navbar-pf-alt.svg" !default;
 $navbar-pf-bg-color:                                                $color-pf-black !default;
 $navbar-pf-border-color:                                            $color-pf-blue-300 !default;
 $navbar-pf-color:                                                   $color-pf-black-300 !default;
@@ -91,6 +91,8 @@ $navbar-pf-vertical-navbar-brand-padding:                           11px 0 12px
 $navbar-pf-vertical-navbar-toggle-margin:                           13px 15px !default;
 $navbar-pf-vertical-navbar-toggle-icon-bar-hover-bg:                $color-pf-white !default;
 $navbar-pf-vertical-nav-item-iconic-padding:                        21px 12px !default;
+$nav-pf-container-transition-period:                                0.25s !default;
+$nav-pf-menu-transition-period:                                     0.1s !default;
 $nav-pf-vertical-active-color:                                      $color-pf-white !default;
 $nav-pf-vertical-active-before-color:                               $color-pf-blue-300 !default;
 $nav-pf-vertical-active-bg-color:                                   $color-pf-black-800 !default;
@@ -98,6 +100,7 @@ $nav-pf-vertical-active-border-color:                               $color-pf-bl
 $nav-pf-vertical-active-font-weight:                                600 !default;
 $nav-pf-vertical-active-icon-color:                                 $color-pf-blue-300 !default;
 $nav-pf-vertical-badge-color:                                       $color-pf-white !default;
+$nav-pf-vertical-badge-bg-color:                                    $color-pf-black-900 !default;
 $nav-pf-vertical-bg-color:                                          $color-pf-black-900 !default;
 $nav-pf-vertical-border-color:                                      $color-pf-black-900 !default;
 $nav-pf-vertical-collapsed-width:                                   75px !default;
@@ -117,13 +120,25 @@ $nav-pf-vertical-secondary-border-color:                            $color-pf-bl
 $nav-pf-vertical-secondary-color:                                   $color-pf-white !default;
 $nav-pf-vertical-secondary-header-margin:                           18px 20px 10px 20px !default;
 $nav-pf-vertical-secondary-indicator-color:                         $color-pf-black-600 !default;
-$nav-pf-vertical-secondary-indicator-padding:                       17px 0 !default;
+$nav-pf-vertical-secondary-indicator-padding:                       14px 0 !default;
 $nav-pf-vertical-secondary-item-color:                              $color-pf-black-300 !default;
 $nav-pf-vertical-secondary-item-padding:                            0 0 5px 0 !default;
 $nav-pf-vertical-secondary-link-height:                             63px !default;
-$nav-pf-vertical-secondary-link-padding:                            0 15px 0 20px !default;
+$nav-pf-vertical-secondary-link-padding:                            4px 0 2px 0 !default;
 $nav-pf-vertical-secondary-list-header-margin:                      30px 20px 10px 20px !default;
-$nav-pf-vertical-secondary-width:                                   250px !default;
+$nav-pf-vertical-tertiary-active-color:                            $color-pf-white !default;
+$nav-pf-vertical-tertiary-active-bg-color:                          $color-pf-black-800 !default;
+$nav-pf-vertical-tertiary-indicator-padding:                        0 !default;
+$nav-pf-vertical-tertiary-bg-color:                                 $color-pf-black-700 !default;
+$nav-pf-vertical-tertiary-color:                                    #fff !default;
+$nav-pf-vertical-tertiary-header-margin:                            18px 20px 10px 20px !default;
+$nav-pf-vertical-tertiary-list-header-margin:                       30px 20px 10px 20px !default;
+$nav-pf-vertical-tertiary-item-padding:                             0 0 5px 0 !default;
+$nav-pf-vertical-tertiary-item-color:                               $color-pf-black-300 !default;
+$nav-pf-vertical-tertiary-link-margin:                              0 20px 0 20px !default;
+$nav-pf-vertical-tertiary-link-padding:                             4px 0 2px 0 !default;
+$nav-pf-vertical-tertiary-badge-color:                              $color-pf-white !default;
+$nav-pf-vertical-tertiary-badge-bg-color:                           $color-pf-black-900 !default;
 $nav-pf-vertical-width:                                             200px !default;
 $pagination-padding-small-vertical:                                 0 !default;
 $panel-default-border-color:                                        $color-pf-black-400 !default;
@@ -205,7 +220,6 @@ $navbar-pf-navbar-primary-bg-color-stop:                            $navbar-pf-b
 $navbar-pf-navbar-utility-border-color:                             lighten($navbar-pf-bg-color, 15.5%) !default;
 $navbar-pf-navbar-utility-color:                                    $navbar-pf-color !default;
 $navbar-pf-navbar-utility-hover-bg-color:                           lighten($navbar-pf-bg-color, 12.5%) !default;
-$nav-pf-vertical-hidden-icons-width:                                ($nav-pf-vertical-width - $nav-pf-vertical-icon-width) !default;
 $nav-pf-vertical-secondary-bg-color:                                $nav-pf-vertical-active-bg-color !default;
 $nav-tabs-color:                                                    $gray-pf !default;
 // Reference variables declared in block above
@@ -382,6 +396,7 @@ $panel-warning-heading-bg:                                          $brand-warni
 $state-warning-text:                                                $brand-warning !default;
 $state-danger-text:                                                 $brand-danger !default;
 // Reference variable declared in block above
+$nav-pf-vertical-icon-size:                                         ($font-size-base + 8) !default;
 $panel-danger-text:                                                 $panel-primary-text !default;
 $panel-info-text:                                                   $panel-primary-text !default;
 $panel-success-text:                                                $panel-primary-text !default;

data/assets/stylesheets/patternfly/_vertical-nav.scss

@@ -1,29 +1,43 @@
 //
 //  Vertical navigation
 // --------------------------------------------------
-.layout-pf-fixedafdaf.transitions .nav-pf-vertical {
-  transition: $flyout-transition-pf;
-  &.collapsed .list-group-item .list-group-item-value {
-    transition: opacity 0s .1s, opacity .1s linear;
-  }
-  .list-group-item {
-    .badge {
-      transition: $flyout-transition-pf;
-    }
+//
+// Basic Required Layout for Vertical Navigation
+//
+// .navbar navbar-pf-vertical
+//   .navbar-header
+//   .collapse navbar-collapse   <-- necessary for collapsing vertical nav and mobile
+// .nav-pf-vertical [.nav-pf-vertical-with-sub-menus [.nav-pf-vertical-callapsible-menus] [.nav-pf-persistent-secondary]] [.hidden-icons-pf]
+//   .list-group
+//     .list-group-item [.active] [.secondary-nav-item-pf]
+//       a
+//         [primary icon] <-- Not shown if .hidden-icons-pf above
+//         .list-group-item-value
+//       .nav-pf-secondary-nav  <-- if .secondary-nav-item-pf above
+//         .nav-item-pf-header
+//           .secondary-collapse-toggle-pf data-toggle="collapse-secondary-nav"
+//         .list-group
+//           .list-group-item [.active] [tertiary-nav-item-pf]
+//             a
+//              .list-group-item-value
+//            .nav-pf-tertiary-nav  <-- if .tertiary-nav-item-pf above
+//              .nav-item-pf-header
+//                .tertiary-collapse-toggle-pf data-toggle="collapse-tertiary-nav"
+//              .list-group
+//                .list-group-item [.active] [tertiary-nav-item-pf]
+//                  a
+//                    .list-group-item-value
+//
+// .container-pf-nav-pf-vertical [.container-pf-nav-pf-vertical-with-sub-menus [.nav-pf-persistent-secondary]] [.hidden-icons-pf]
+//
 
-    .list-group-item-value {
-      transition: opacity .5s ease-out;
-      transition-delay: .15s;
-    }
-  }
-}
 .nav-pf-vertical {
   background: $nav-pf-vertical-bg-color;
   border-right: 1px solid $nav-pf-vertical-border-color;
   bottom: 0;
+  left: 0;
   overflow-x: hidden;
   overflow-y: auto;
-  left: 0;
   position: fixed;
   top: $navbar-pf-height;
   width: $nav-pf-vertical-width;
@@ -34,358 +48,585 @@
   .ie9.layout-pf-fixed & {
     box-sizing: content-box; // IE9 incorrectly sizes the width if using padding-box
   }
-  &.collapsed:not(.nav-pf-vertical-with-secondary-nav) {
-    display: none;
+   &.hidden.show-mobile-nav {  // Mobile mode open
+    box-shadow: 0 0 3px rgba($color-pf-black, 0.15);
+    display: block !important;
+  }
+  .hide-nav-pf {  // Used to hide navigation initially to avoid startup flicker
+    visibility: hidden !important;
+  }
+  .list-group {
+    border-top: 0;
+    margin-bottom: 0;
+  }
+  .list-group-item {
+    background-color: transparent;
+    border-color: $nav-pf-vertical-item-border-color;
+    padding: 0;
+    > a {
+      background-color: transparent;
+      color: $nav-pf-vertical-color;
+      cursor: pointer;
+      display: block;
+      font-size: ($font-size-base + 2);
+      font-weight: $nav-pf-vertical-font-weight;
+      height: $nav-pf-vertical-link-height;
+      line-height: 26px;
+      outline: 0;
+      padding: $nav-pf-vertical-link-padding;
+      position: relative;
+      white-space: nowrap;
+      width: $nav-pf-vertical-width;
+      .fa,
+      .glyphicon,
+      .pficon {
+        color: $nav-pf-vertical-icon-color;
+        float: left;
+        font-size: ($font-size-base + 8);
+        line-height: 26px;
+        margin-right: 10px;
+        text-align: center;
+        width: $nav-pf-vertical-icon-width;
+      }
+      &:hover {
+        text-decoration: none;
+      }
+    }
+    &.active,
+    &:hover {
+      > a {
+        background-color: $nav-pf-vertical-active-bg-color;
+        color: $nav-pf-vertical-active-color;
+        font-weight: $nav-pf-vertical-active-font-weight;
+        .fa,
+        .glyphicon,
+        .pficon {
+          color: $nav-pf-vertical-active-icon-color;
+        }
+      }
+    }
+    &.active {
+      > a:before {
+        background: $nav-pf-vertical-active-before-color;
+        content: " ";
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 3px;
+      }
+      &:hover { // to over-ride default list group setting
+        background-color: transparent;
+        border-color: $nav-pf-vertical-item-border-color;
+      }
+    }
+    > .list-group-item-value {
+      display: block;
+      line-height: 30px;
+      max-width: 120px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 100%;
+    }
+
+  }
+  .list-group-item-separator {
+    border-top-color: $nav-pf-vertical-item-border-color;
+    border-top-width: 2px;
   }
   &.collapsed {
     width: $nav-pf-vertical-collapsed-width;
-    &.collapsed-secondary-nav-pf {
-      width: $nav-pf-vertical-secondary-width;
-    }
-    > .list-group {
+    > .list-group { // Only the primary menu is effected by .collapsed
       > .list-group-item {
         > a {
-          margin-right: 0;
           width: $nav-pf-vertical-collapsed-width;
-
           > .list-group-item-value {
             display: none;
             width: 0;
           }
         }
-        &.persistent-secondary {
-          &.active > a, > a {
-            width: $nav-pf-vertical-collapsed-width;
-            &:after {
-              right: 10px;
-            }
-          }
-          &:hover {
-            > a {
-              width: ($nav-pf-vertical-collapsed-width + 1);
-              z-index: ($zindex-navbar-fixed + 2);
-              &:after {
-                right: 11px;
-              }
-            }
-          }
-        }
-      }
-    }
-    @media (min-width: $screen-lg-min) {
-      > .list-group {
-        > .list-group-item {
-            &.persistent-secondary {
-              &.active > a, > a {
-                width: ($nav-pf-vertical-collapsed-width + 1);
-              }
-            }
-        }
       }
     }
   }
   &.hidden-icons-pf {
-    width: $nav-pf-vertical-hidden-icons-width;
-    &.collapsed-secondary-nav-pf {
-      width: $nav-pf-vertical-secondary-width;
-    }
-    > .list-group  > .list-group-item {
+    > .list-group > .list-group-item { // only the primary menu hides icons
       > a {
-        width: $nav-pf-vertical-hidden-icons-width;
         .fa,
         .glyphicon,
         .pficon {
           display: none;
         }
       }
-      &.persistent-secondary {
-        &.active, &:hover {
-          > a {
-            width: ($nav-pf-vertical-hidden-icons-width + 1);
-            z-index: ($zindex-navbar-fixed + 2);
-            &:after {
-              right: 21px;
-            }
-          }
-        }
+    }
+    &.collapsed {
+      display: none;
+    }
+  }
+}
+.nav-pf-vertical-tooltip.tooltip {
+  margin-left: 15px;
+  .tooltip-inner {
+    background-color: $color-pf-white;
+    color: $color-pf-black-900;
+  }
+  .tooltip-arrow {
+    border-bottom-color: $color-pf-white;
+    left: calc(50% - 15px) !important;
+  }
+}
+.nav-pf-vertical.nav-pf-vertical-with-sub-menus {
+  &.collapsed {
+    &.collapsed-secondary-nav-pf {  // collapsed state with secondary menu pinned
+      width: $nav-pf-vertical-width;
+    }
+    &.collapsed-tertiary-nav-pf { // collapsed state with tertiary menu pinned
+      width: $nav-pf-vertical-width;
+    }
+  }
+  &.hover-secondary-nav-pf {
+    width: ($nav-pf-vertical-width + $nav-pf-vertical-width);
+  }
+  &.hover-tertiary-nav-pf {
+    width: ($nav-pf-vertical-width + $nav-pf-vertical-width + $nav-pf-vertical-width);
+    .nav-pf-secondary-nav {
+      width: ($nav-pf-vertical-width + $nav-pf-vertical-width);
+      .collapsed-tertiary-nav-pf {
+        width: $nav-pf-vertical-width;
       }
     }
-    &.nav-pf-vertical-with-secondary-nav {
-      .nav-pf-persistent-secondary {
-        left: $nav-pf-vertical-hidden-icons-width;
-        &.collapsed-secondary-nav-pf {
-          left: 0;
-        }
+    .nav-pf-tertiary-nav {
+      left: ($nav-pf-vertical-width + $nav-pf-vertical-width);
+    }
+  }
+
+  &.show-mobile-nav {
+    &.show-mobile-secondary {
+      width: $nav-pf-vertical-width;
+    }
+    &.show-mobile-tertiary {
+      width: $nav-pf-vertical-width;
+    }
+
+    .mobile-nav-item-pf,
+    .mobile-secondary-item-pf {
+      .nav-pf-secondary-nav {
+        left: 0;
+        opacity: 1;
+        visibility: visible;
+        z-index: ($zindex-navbar-fixed + 4);
       }
-      &.collapsed {
-        display: none;
+      > .nav-pf-tertiary-nav {
+        opacity: 1;
+        visibility: visible;
       }
-      &.hover-secondary-nav-pf {
-        width: ($nav-pf-vertical-hidden-icons-width + $nav-pf-vertical-secondary-width);
-        &.collapsed-secondary-nav-pf {
-          width: $nav-pf-vertical-secondary-width;
-        }
-        &.show-mobile-nav {
-          width: $nav-pf-vertical-hidden-icons-width;
-        }
+    }
+    .nav-pf-secondary-nav {
+      left: 0;
+      .secondary-nav-item-pf:hover & {
+        opacity: 0;
+        visibility: hidden;
       }
-      &.collapsed-secondary-nav-pf {
-        width: $nav-pf-vertical-secondary-width;
+    }
+    .nav-pf-tertiary-nav {
+      left: 0;
+      z-index: ($zindex-navbar-fixed + 8);
+    }
+    .tertiary-nav-item-pf:hover {
+      .nav-pf-tertiary-nav {
+        opacity: 0;
+        visibility: hidden;
       }
-      &.secondary-visible-pf {
-        width: ($nav-pf-vertical-hidden-icons-width + $nav-pf-vertical-secondary-width);
-        &.collapsed-secondary-nav-pf {
-          width: $nav-pf-vertical-secondary-width;
+    }
+    .tertiary-nav-item-pf.mobile-nav-item-pf:hover {
+      .nav-pf-tertiary-nav {
+        opacity: 1;
+        visibility: visible;
+      }
+    }
+  }
+  .layout-pf-fixed-with-footer & {
+    bottom: $footer-pf-height;
+  }
+  .secondary-nav-item-pf {
+    > a {
+      cursor: default;
+      &:after {
+        color: $nav-pf-vertical-secondary-indicator-color;
+        content: $fa-var-angle-right;
+        display: block;
+        font-family: "FontAwesome";
+        font-size: ($font-size-base * 2);
+        line-height: 30px;
+        padding: $nav-pf-vertical-secondary-indicator-padding;
+        position: absolute;
+        right: 20px;
+        top: 0;
+      }
+    }
+    &.active,
+    &:hover {
+      > a {
+        width: ($nav-pf-vertical-width + 1);
+        z-index: ($zindex-navbar-fixed + 1);
+        &:after {
+          right: 21px;
+        }
+        .collapsed-secondary-nav-pf & {
+          z-index: $zindex-navbar-fixed;
         }
-        &.show-mobile-nav {
-          width: $nav-pf-vertical-secondary-width;
+        .collapsed-tertiary-nav-pf & {
+          z-index: $zindex-navbar-fixed;
         }
       }
     }
   }
-  &.hidden {
-    &.show-mobile-nav {
-      box-shadow: 0 0 3px rgba($color-pf-black, 0.15);
-      display: block !important;
-    }
-    > .list-group {
-      > .list-group-item {
-        &.persistent-secondary {
-          &:hover {
-            > a {
-              z-index: $zindex-navbar-fixed;
-            }
-          }
+  &.collapsed-secondary-nav-pf {
+    width: $nav-pf-vertical-width;
+    .secondary-nav-item-pf {  // Keep sub-menu indicators below collapsed menu
+      &.active,
+      &.hover {
+        > a {
+          z-index: $zindex-navbar-fixed;
         }
       }
     }
+    &.hover-tertiary-nav-pf {
+      width: ($nav-pf-vertical-width + $nav-pf-vertical-width);
+    }
+    .nav-pf-secondary-nav {
+      left: 0;
+    }
+    .nav-pf-tertiary-nav {
+      left: $nav-pf-vertical-width;
+    }
   }
-  &.nav-pf-vertical-with-secondary-nav {
-    &.collapsed {
-      &.hover-secondary-nav-pf {
-        width: ($nav-pf-vertical-collapsed-width + $nav-pf-vertical-secondary-width);
-        &.collapsed-secondary-nav-pf {
-          width: $nav-pf-vertical-secondary-width;
+  &.collapsed-tertiary-nav-pf {
+    width: $nav-pf-vertical-width;
+    .nav-pf-secondary-nav {
+      width: $nav-pf-vertical-width;
+    }
+    .secondary-nav-item-pf,    // Keep sub-menu indicators below collapsed menu
+    .tertiary-nav-item-pf {
+      &.active,
+      &.hover {
+        > a {
+          z-index: $zindex-navbar-fixed;
         }
       }
     }
-    &.hover-secondary-nav-pf {
-      width: ($nav-pf-vertical-width + $nav-pf-vertical-secondary-width);
+  }
+  &.nav-pf-persistent-secondary.secondary-visible-pf {  // Persistent secondary nav settings
+    @media (min-width: $screen-lg-min) { // secondary menu only persistent at lg screen
+      width: ($nav-pf-vertical-width + $nav-pf-vertical-width);
       &.collapsed-secondary-nav-pf {
-        width: $nav-pf-vertical-secondary-width;
+        width: $nav-pf-vertical-width;
       }
-      &.show-mobile-nav {
+      &.collapsed-tertiary-nav-pf {
         width: $nav-pf-vertical-width;
       }
-    }
-    &.secondary-visible-pf {
-      width: $nav-pf-vertical-width;
       &.collapsed {
-        width: $nav-pf-vertical-collapsed-width;
-      }
-      &.show-mobile-nav {
-        width: $nav-pf-vertical-secondary-width;
-      }
-      &.collapsed-secondary-nav-pf {
-        width: $nav-pf-vertical-secondary-width;
-      }
-      @media (min-width: $screen-lg-min) {
-        width: ($nav-pf-vertical-width + $nav-pf-vertical-secondary-width);
+        width: ($nav-pf-vertical-collapsed-width + $nav-pf-vertical-width);
         &.collapsed-secondary-nav-pf {
-          width: $nav-pf-vertical-secondary-width;
+          width: $nav-pf-vertical-width;
         }
-        &.collapsed {
-          width: $nav-pf-vertical-collapsed-width;
-          &.hover-secondary-nav-pf, &.secondary-visible-pf {
-            width: ($nav-pf-vertical-collapsed-width + $nav-pf-vertical-secondary-width);
-          }
-          &.collapsed-secondary-nav-pf {
-            width: $nav-pf-vertical-secondary-width;
-          }
+        &.collapsed-tertiary-nav-pf {
+          width: $nav-pf-vertical-width;
         }
       }
-    }
-    &.collapsed-secondary-nav-pf {
-      > .list-group {
-        > .list-group-item {
-          &.persistent-secondary {
-            &.active, &:hover {
-              > a {
-                z-index: $zindex-navbar-fixed;
-              }
-            }
-          }
+      &.hover-tertiary-nav-pf {
+        width: ($nav-pf-vertical-width + $nav-pf-vertical-width + $nav-pf-vertical-width);
+      }
+      .secondary-nav-item-pf.active {
+        .nav-pf-secondary-nav {
+          visibility: visible;
+          opacity: 1;
         }
       }
     }
   }
-  .layout-pf-fixed-with-footer & {
-    bottom: $footer-pf-height;
+  .badge-container-pf {
+    background-color: $nav-pf-vertical-badge-bg-color;
+    position: absolute;
+    right: 15px;
+    top: 5px;
+    .badge {
+      background: $nav-pf-vertical-badge-bg-color;
+      color: $nav-pf-vertical-badge-color;
+      float: left;
+      font-size: $font-size-base;
+      font-weight: 700;
+      line-height: $line-height-base;
+      margin: 0;
+      padding: 0 7px;
+      text-align: center;
+      .pficon,
+      .fa {
+        font-size: ($font-size-base + 2);
+        height: 20px;
+        line-height: $line-height-base;
+        margin-right: 3px;
+        margin-top: -1px;
+      }
+    }
   }
-  > .list-group {
-    border-top: 0;
-    margin-bottom: 0;
-    > .list-group-item {
-      background-color: transparent;
-      border-color: $nav-pf-vertical-item-border-color;
-      padding: 0;
+  .nav-item-pf-header {
+    color: $nav-pf-vertical-secondary-color;
+    font-size: ($font-size-base + 4);
+    margin: $nav-pf-vertical-secondary-header-margin;
+    > a {
+      cursor: pointer;
+      margin-right: 7px;
+      &:hover,
+      &:focus {
+        color: $link-color;
+        text-decoration: none;
+      }
+    }
+  }
+  h5 {
+    color: $nav-pf-vertical-secondary-color;
+    cursor: default;
+    font-size: ($font-size-base + 1);
+    font-weight: 600;
+    margin: $nav-pf-vertical-secondary-list-header-margin;
+  }
+  &.collapsed {  // Collapsed Primary Menu state
+    .list-group-item {  // Show only the icons
       > a {
-        background-color: transparent;
-        color: $nav-pf-vertical-color;
-        display: block;
-        font-size: ($font-size-base + 2);
-        font-weight: $nav-pf-vertical-font-weight;
-        height: $nav-pf-vertical-link-height;
-        outline: 0;
-        padding: $nav-pf-vertical-link-padding;
-        position: relative;
-        white-space: nowrap;
-        width: $nav-pf-vertical-width;
-        .fa,
-        .glyphicon,
-        .pficon {
-          color: $nav-pf-vertical-icon-color;
-          float: left;
-          font-size: ($font-size-base + 2);
-          line-height: 30px;
-          margin-right: 10px;
-          text-align: center;
-          width: $nav-pf-vertical-icon-width;
-        }
-        &:hover, &:focus {
-          text-decoration: none;
+        width: $nav-pf-vertical-collapsed-width;
+        > .list-group-item-value {
+          display: none;
+          width: 0;
         }
       }
-      &.active, &:hover {
+      &.secondary-nav-item-pf { // Adjust widths
+        &.active > a,
         > a {
-          background-color: $nav-pf-vertical-active-bg-color;
-          color: $nav-pf-vertical-active-color;
-          font-weight: $nav-pf-vertical-active-font-weight;
-          .fa,
-          .glyphicon,
-          .pficon {
-            color: $nav-pf-vertical-active-icon-color;
+          width: $nav-pf-vertical-collapsed-width;
+          &:after {
+            right: 10px;
+          }
+        }
+        &.active,
+        &:hover {
+          > a {
+            width: ($nav-pf-vertical-collapsed-width + 2);
+            &:after {
+              right: 11px;
+            }
           }
         }
       }
-      &.active {
+    }
+    .nav-pf-secondary-nav {  // Adjust left placement
+      left: $nav-pf-vertical-collapsed-width;
+      .list-group-item {
         > a {
-          .show-mobile-nav & {
-            z-index: $zindex-navbar-fixed;
+          width: ($nav-pf-vertical-width - 20);
+          > .list-group-item-value { // Continue to show labels for secondary menu items
+            display: inline-block;
+            width: inherit;
           }
         }
-        > a:before {
-          background: $nav-pf-vertical-active-before-color;
-          content: " ";
-          height: 100%;
-          left: 0;
-          position: absolute;
-          top: 0;
-          width: 3px;
-        }
-      }
-      .list-group-item-value {
-        display: block;
-        line-height: 30px;
-        max-width: 120px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        width: 100%;
       }
-      &.persistent-secondary {
-        > a:after {
-          color: $nav-pf-vertical-secondary-indicator-color;
-          content: "\f105";
-          display: block;
-          font-family: "FontAwesome";
-          font-size: ($font-size-base * 2);
-          line-height: 30px;
-          padding: $nav-pf-vertical-secondary-indicator-padding;
-          position: absolute;
-          right: 20px;
-          top: 0;
+    }
+    .nav-pf-tertiary-nav { // Adjust left placement
+      left: ($nav-pf-vertical-collapsed-width + $nav-pf-vertical-width);
+      .list-group-item {
+        > a {
+          width: ($nav-pf-vertical-width - 20);
+          > .list-group-item-value {  // Continue to show labels for tertiary menu items
+            display: inline-block;
+            width: inherit;
+          }
         }
-        &.active, &:hover {
+      }
+    }
+    &.collapsed-secondary-nav-pf,
+    &.collapsed-tertiary-nav-pf {
+      width: $nav-pf-vertical-width;
+      .secondary-nav-item-pf {
+        &:hover {
           > a {
-            width: ($nav-pf-vertical-width + 1);
-            z-index: ($zindex-navbar-fixed + 2);
-            &:after {
-              right: 21px;
-            }
-            .collapsed-secondary-nav-pf & {
-              z-index: $zindex-navbar-fixed;
-            }
+            z-index: $zindex-navbar-fixed;
           }
         }
       }
+      .nav-pf-secondary-nav {
+        left: 0;
+      }
+    }
+    &.collapsed-secondary-nav-pf {
+      .nav-pf-tertiary-nav {
+        left: $nav-pf-vertical-width;
+      }
+    }
+    &.collapsed-tertiary-nav-pf {
+      .nav-pf-tertiary-nav {
+        left: 0;
+      }
+    }
+    &.hover-secondary-nav-pf {
+      width: ($nav-pf-vertical-collapsed-width + $nav-pf-vertical-width);
+      &.collapsed-secondary-nav-pf,
+      &.collapsed-tertiary-nav-pf {
+        width: $nav-pf-vertical-width;
+      }
+    }
+    &.hover-tertiary-nav-pf {
+      width: ($nav-pf-vertical-collapsed-width + $nav-pf-vertical-width + $nav-pf-vertical-width);
+      &.collapsed-secondary-nav-pf {
+        width: ($nav-pf-vertical-width + $nav-pf-vertical-width);
+      }
+      &.collapsed-tertiary-nav-pf {
+        width: $nav-pf-vertical-width;
+      }
     }
-  }
-  .list-group-item-separator {
-    border-top-width: 2px;
-    border-top-color: $nav-pf-vertical-item-border-color;
   }
 }
-.nav-pf-persistent-secondary {
+.nav-pf-secondary-nav {
   background: $nav-pf-vertical-secondary-bg-color;
   border: 1px solid $nav-pf-vertical-border-color;
   border-bottom: none;
   border-top: none;
   bottom: 0;
-  display: none;
+  display: block;
   left: $nav-pf-vertical-width;
+  opacity: 0;
   overflow-x: hidden;
   overflow-y: auto;
   position: fixed;
   top: $navbar-pf-height;
-  width: $nav-pf-vertical-secondary-width;
+  visibility: hidden;
+  width: $nav-pf-vertical-width;
   z-index: $zindex-navbar-fixed;
-  .persistent-secondary.active &, .persistent-secondary.mobile-nav-item-pf & {
-    .secondary-visible-pf & {
-      display: block;
+  .secondary-nav-item-pf.active & {  // Show secondary menu if active and either is collapsed
+    .collapsed-secondary-nav-pf & {
+      left: 0;
+      opacity: 1;
+      visibility: visible;
+      z-index: ($zindex-navbar-fixed + 2);
     }
-    .secondary-visible-pf.collapsed & {
-      display: none;
-      @media (min-width: $screen-lg-min) {
-        display: block;
-        left: $nav-pf-vertical-collapsed-width;
-        .collapsed-secondary-nav-pf & {
-          left: 0;
+    .collapsed-tertiary-nav-pf & {
+      left: 0;
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+  .secondary-nav-item-pf.is-hover & { // Show secondary menu if hovering
+    .hover-secondary-nav-pf & {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+  .ie9.layout-pf-fixed & {
+    box-sizing: content-box; // IE9 incorrectly sizes the width if using padding-box
+  }
+  .layout-pf-fixed-with-footer & {
+    bottom: $footer-pf-height;
+  }
+  .list-group-item {
+    border: none;
+    padding: $nav-pf-vertical-secondary-item-padding;
+    width: $nav-pf-vertical-width;
+    > a {
+      background-color: $nav-pf-vertical-secondary-bg-color;
+      color: $nav-pf-vertical-secondary-item-color;
+      font-size: $font-size-base;
+      font-weight: inherit;
+      height: inherit;
+      padding: $nav-pf-vertical-secondary-link-padding;
+      margin-left: 20px;
+      width: ($nav-pf-vertical-width - 20);
+      &:hover {
+        .list-group-item-value {
+          text-decoration: underline;
         }
       }
     }
-    .secondary-visible-pf.collapsed.collapsed-secondary-nav-pf & {
-      @media (min-width: $screen-lg-min) {
-        left: 0;
-      }
+    &.active > a:before {
+      display: none;
     }
-    .show-mobile-nav & {
-      left: 0;
-      z-index: ($zindex-navbar-fixed + 2);
+    &.active,
+    &:hover {
+      > a {
+        background-color: $nav-pf-vertical-secondary-active-bg-color;
+        color: $nav-pf-vertical-secondary-active-color;
+      }
     }
-    .collapsed-secondary-nav-pf & {
-      display: block;
-      left: 0;
+    .badge-container-pf {
+      background-color: $nav-pf-vertical-secondary-badge-bg-color;
+      .badge {
+        background: $nav-pf-vertical-secondary-badge-bg-color;
+        color: $nav-pf-vertical-badge-color;
+      }
     }
-  }
-  .persistent-secondary:hover & {
-    display: block;
-    z-index: ($zindex-navbar-fixed + 1);
-    .collapsed & {
-      left: $nav-pf-vertical-collapsed-width;
+    .list-group-item-value {
+      display: inline-block;
+      line-height: 20px;
+      max-width: none;
+      padding-left: 5px;
     }
-    .collapsed.collapsed-secondary-nav-pf & {
-      left: 0;
-      @media (min-width: $screen-lg-min) {
-        left: 0;
-        .hidden-icons-pf & {
-          left: 0;
+    &.tertiary-nav-item-pf { // Secondary menu items with tertiary sub menus
+      > a {
+        cursor: default;
+        &:after {
+          color: $nav-pf-vertical-secondary-indicator-color;
+          content: $fa-var-angle-right;
+          display: block;
+          font-family: "FontAwesome";
+          font-size: 20px;
+          line-height: 20px;
+          padding: $nav-pf-vertical-tertiary-indicator-padding;
+          position: absolute;
+          right: 20px;
+          top: 4px;
+        }
+      }
+      &.active,
+      &:hover {
+        > a {
+          width: ($nav-pf-vertical-width - 20 + 1);
+          z-index: ($zindex-navbar-fixed + 3);
+          &:after {
+            right: 21px;
+          }
         }
       }
     }
   }
-  .persistent-secondary:hover & {
-    .secondary-visible-pf.collapsed & {
-      display: block;
+}
+.nav-pf-tertiary-nav {
+  background: $nav-pf-vertical-tertiary-bg-color;
+  border: 1px solid $nav-pf-vertical-border-color;
+  border-bottom: none;
+  border-top: none;
+  bottom: 0;
+  display: block;
+  left: ($nav-pf-vertical-width + $nav-pf-vertical-width);
+  opacity: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: fixed;
+  top: $navbar-pf-height;
+  visibility: hidden;
+  width: $nav-pf-vertical-width;
+  z-index: $zindex-navbar-fixed;
+  .tertiary-nav-item-pf.active & {  // Show tertiary menu if active and collapsed
+    .collapsed-tertiary-nav-pf & {
+      left: 0;
+      opacity: 1;
+      visibility: visible;
+      z-index: ($zindex-navbar-fixed + 2);
+    }
+  }
+  .tertiary-nav-item-pf.is-hover & { // Show tertiary menu if hovering
+    .hover-tertiary-nav-pf & {
+      opacity: 1;
+      visibility: visible;
+      .collapsed.collapsed-tertiary-nav-pf & {
+        left: 0;
+      }
     }
   }
   .ie9.layout-pf-fixed & {
@@ -394,135 +635,144 @@
   .layout-pf-fixed-with-footer & {
     bottom: $footer-pf-height;
   }
-  .persistent-secondary-header {
-    color: $nav-pf-vertical-secondary-color;
-    font-size: ($font-size-base + 4);
-    margin: $nav-pf-vertical-secondary-header-margin;
-    > a {
-      margin-right: 7px;
-      &:hover, &:focus {
-        text-decoration: none;
-        color: $link-color;
-      }
-    }
+  .nav-item-pf-header {
+    color: $nav-pf-vertical-tertiary-color;
+    margin: $nav-pf-vertical-tertiary-header-margin;
   }
   h5 {
-    color: $nav-pf-vertical-secondary-color;
-    cursor: default;
-    font-size: ($font-size-base + 1);
-    font-weight: 600;
-    margin: $nav-pf-vertical-secondary-list-header-margin;
+    color: $nav-pf-vertical-tertiary-color;
+    margin: $nav-pf-vertical-tertiary-list-header-margin;
   }
-  > .list-group {
-    border-top: 0;
-    margin-bottom: 0;
-    > .list-group-item {
+  .list-group-item {
+    border: none;
+    padding: $nav-pf-vertical-tertiary-item-padding;
+    > a {
       background-color: transparent;
-      border: none;
-      padding: $nav-pf-vertical-secondary-item-padding;
+      color: $nav-pf-vertical-tertiary-item-color;
+      font-size: $font-size-base;
+      font-weight: inherit;
+      height: inherit;
+      margin: $nav-pf-vertical-tertiary-link-margin;
+      padding: $nav-pf-vertical-tertiary-link-padding;
+    }
+    &.active > a:before {
+      display: none;
+    }
+    &.active,
+    &:hover {
       > a {
-        background-color: transparent;
-        color: $nav-pf-vertical-secondary-item-color;
-        display: block;
-        font-size: $font-size-base;
-        outline: 0;
-        padding: $nav-pf-vertical-secondary-link-padding;
-        position: relative;
-        white-space: nowrap;
-        &:hover {
-          > .list-group-item-value {
-            color: $nav-pf-vertical-active-color;
-            text-decoration: underline;
-          }
-        }
-      }
-      &.active  {
-        .list-group-item-value {
-          background-color: $nav-pf-vertical-secondary-active-bg-color;
-          color: $nav-pf-vertical-active-color;
-        }
-        .fa,
-        .glyphicon,
-        .pficon {
-          color: $nav-pf-vertical-active-icon-color;
-        }
+        background-color: $nav-pf-vertical-tertiary-active-bg-color;
+        color: $nav-pf-vertical-tertiary-active-color;
       }
-      .badge-container-pf {
-        background-color: $nav-pf-vertical-secondary-badge-bg-color;
-        position: absolute;
-        right: 15px;
-        top: 0;
-        .badge {
-          background: $nav-pf-vertical-secondary-badge-bg-color;
-          color: $nav-pf-vertical-badge-color;
-          font-size: $font-size-base;
-          font-weight: 700;
-          float: left;
-          line-height: $line-height-base;
-          margin: 0;
-          padding: 0 7px;
-          text-align: center;
-          .pficon, .fa {
-            font-size: ($font-size-base + 2);
-            height: 20px;
-            line-height: $line-height-base;
-            margin-right: 3px;
-            margin-top: -1px;
-          }
-        }
-      }
-      .fa,
-      .glyphicon,
-      .pficon {
-        float: left;
-        font-size: 18px;
-        line-height: 30px;
-        margin-right: 10px;
-        text-align: center;
-        width: 18px;
-      }
-      .list-group-item-value {
-        display: inline-block;
-        line-height: 20px;
-        max-width: none;
-        opacity: 1;
-        overflow: hidden;
-        padding-left: 5px;
-        text-overflow: ellipsis;
+    }
+    .badge-container-pf {
+      background-color: $nav-pf-vertical-tertiary-badge-bg-color;
+      .badge {
+        background: $nav-pf-vertical-tertiary-badge-bg-color;
+        color: $nav-pf-vertical-tertiary-badge-color;
       }
     }
+    .list-group-item-value {
+      display: inline-block;
+      line-height: 20px;
+      max-width: none;
+      padding-left: 5px;
+    }
+  }
+}
+.secondary-collapse-toggle-pf {
+  display: none;
+  font-family: $icon-font-name-fa;
+  font-size: inherit;
+  opacity: 0;
+  pointer-events: none;
+  -webkit-font-smoothing: antialiased;
+  &:before {
+    content: $fa-var-arrow-circle-o-left;
   }
+  &.collapsed {
+    &:before {
+      content: $fa-var-arrow-circle-o-right;
+    }
+  }
+}
+.tertiary-collapse-toggle-pf {
+  display: none;
+  font-family: $icon-font-name-fa;
+  font-size: inherit;
+  opacity: 0;
+  pointer-events: none;
+  -webkit-font-smoothing: antialiased;
+  &:before {
+    content: $fa-var-arrow-circle-o-left;
+  }
+  &.collapsed {
+    &:before {
+      content: $fa-var-arrow-circle-o-right;
+    }
+  }
+}
+.nav-pf-vertical-collapsible-menus {
   .secondary-collapse-toggle-pf {
     display: inline-block;
-    font-family: $icon-font-name-fa;
-    font-size: inherit;
-    -webkit-font-smoothing: antialiased;
-    &:before {
-      content: '\f190';
+  }
+  .secondary-nav-item-pf.active {
+    .secondary-collapse-toggle-pf {
+      opacity: 1;
+      pointer-events: all;
     }
-    &.collapsed {
-      &:before {
-        content: '\f18e';
-      }
+  }
+  .tertiary-collapse-toggle-pf {
+    display: inline-block;
+  }
+  .tertiary-nav-item-pf.active {
+    .tertiary-collapse-toggle-pf {
+      opacity: 1;
+      pointer-events: all;
     }
   }
 }
 .show-mobile-nav {
-  .persistent-secondary:hover {
-    .nav-pf-persistent-secondary {
-      display: none;
+  .secondary-collapse-toggle-pf {
+    display: inline-block;
+    opacity: 1;
+    pointer-events: all;
+    &:before {
+      content: $fa-var-arrow-circle-o-left;
     }
   }
-  .persistent-secondary.mobile-nav-item-pf:hover {
-    .nav-pf-persistent-secondary {
-      display: block;
+  .tertiary-collapse-toggle-pf {
+    display: inline-block;
+    opacity: 1;
+    pointer-events: all;
+    &:before {
+      content: $fa-var-arrow-circle-o-left;
     }
   }
 }
-.force-hide-secondary-nav-pf {
-  .persistent-secondary {
-    .nav-pf-persistent-secondary {
-      display: none !important;
-    }
+.force-hide-secondary-nav-pf { // Used to temporarily hide sub-menus on an unpin event
+  .nav-pf-secondary-nav {
+    display: none !important;
+  }
+  .nav-pf-tertiary-nav {
+    display: none !important;
+  }
+}
+.nav-pf-vertical.transitions {
+  transition: width $nav-pf-menu-transition-period;
+  -webkit-transition: width $nav-pf-menu-transition-period;
+  -moz-transition: width $nav-pf-menu-transition-period;
+  -o-transition: width $nav-pf-menu-transition-period;
+  .nav-pf-secondary-nav {
+    -webkit-transition: visibility $nav-pf-menu-transition-period, opacity $nav-pf-menu-transition-period linear;
+    -moz-transition: visibility ease-in-out $nav-pf-menu-transition-period, opacity ease-in-out $nav-pf-menu-transition-period linear;
+    -o-transition: visibility $nav-pf-menu-transition-period, opacity $nav-pf-menu-transition-period linear;
+    transition: visibility $nav-pf-menu-transition-period, opacity $nav-pf-menu-transition-period linear;
+  }
+  .nav-pf-tertiary-nav {
+    -webkit-transition: visibility $nav-pf-menu-transition-period, opacity $nav-pf-menu-transition-period linear;
+    -moz-transition: visibility $nav-pf-menu-transition-period, opacity $nav-pf-menu-transition-period linear;
+    -o-transition: visibility $nav-pf-menu-transition-period, opacity $nav-pf-menu-transition-period linear;
+    transition: visibility $nav-pf-menu-transition-period, opacity $nav-pf-menu-transition-period linear;
   }
 }