vertical-navigation-with-badges.html

---
categories: [Navigation]
css-extra: false
layout: layout-fixed
resource: true
full-page: true
hide-icons: false
submenus: true
nav-tertiary: true
collapsible-menus: false
nav-badges: true
persistent-secondary: false
title: Vertical Navigation with Tertiary Navigation (badges)
url-js-extra: ['https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js', 'https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js']
---
{% include widgets/navigation/vertical-navigation.html %}
<script>
  const currentUrl = new URL(window.location.href);
  const currentEnvironment = currentUrl.searchParams.get('environment');

  if (currentEnvironment === 'regressions') {
    let verticalNavEl = document.querySelector('div.nav-pf-vertical');
    let ipsumEl = document.querySelector('[data-target="#ipsum-secondary"]');
    ipsumEl.className = `${ipsumEl.className} is-hover`;
    verticalNavEl.className = `${verticalNavEl.className} nav-pf-vertical-with-submenus hover-secondary-nav-pf`;
  }
</script>