`; if (c.items.length > 0) { let link_list = `

${item.label}

`; content += link_list; } content += `

`; return `

${content}

`; } function topNavSimpleMenuBehavior(config, delay) { let $buttonContainer = $(config.element); $(window).on("pageLoad", function(e, state) { let content = simpleTopNavDropdown(config); $buttonContainer.append(content); $(".showList, .top_nav_dropdown, .ecosystem_menu, .resource_menu, .rotated, .active-dropdown-container, .top_nav_dropdown_container").on( "mouseleave", function(e) { if ( $(e.relatedTarget).is( ":not(.rm-Header-top-link, .showList, .top_nav_dropdown, .complex_dropdown_container, .rotated, .active-dropdown-container, .top_nav_dropdown_container)" ) ) { $(".top_nav_dropdown").removeClass("showList"); $("a.rm-Header-top-link").removeClass( "active-dropdown-container rotated" ); clearInterval(removeDropdownWhenOpeningAccountDropdown); } } ); }); setTimeout(function() { $buttonContainer.on("click", function(e) { $buttonContainer.removeAttr("href to target"); $(".rm-Container > div:nth-child(4) a.rm-Header-top-link").removeClass( "active-dropdown-container" ); $(".rm-Container > div:nth-child(2) .rm-Header-top-link").removeClass( "rotated" ); $(".dropdown_menu_container ul, .top_nav_dropdown").removeClass( "showList" ); if ($(`.${config.class}`).hasClass("showList")) { $(`.${config.class}`).removeClass("showList rotated"); } else { $buttonContainer.addClass("rotated"); $(`.${config.class}`).addClass("showList"); } }); }, delay); } function buttonRemoveBehaviors(delay) { $(window).on("pageLoad", function(e, state) { $(".showList, .top_nav_dropdown, .ecosystem_menu, .resource_menu, .rotated, .active-dropdown-container, .top_nav_dropdown_container").on( "mouseleave", function(e) { if ( $(e.relatedTarget).is( ":not(.rm-Header-top-link, .showList, .top_nav_dropdown, .complex_dropdown_container, .rotated, .active-dropdown-container, .top_nav_dropdown_container)" ) ) { $(".top_nav_dropdown").removeClass("showList"); $("a.rm-Header-top-link").removeClass( "active-dropdown-container rotated" ); clearInterval(removeDropdownWhenOpeningAccountDropdown); } } ); }); setTimeout(function() { removeDropdownWhenOpeningAccountDropdown = setInterval( function() { if ($("#tippy-2").length) { $(".dropdown_menu_container ul").removeClass("showList"); $(".rm-Container > div:nth-child(4) a.rm-Header-top-link").removeClass( "active-dropdown-container" ); clearInterval(removeDropdownWhenOpeningAccountDropdown); } }, 250 ); }, delay); } // Complex dropdown builder function complexDropDown(c) { let content = `

`; let hero = `

${c.hero.title_line_1}

${c.hero.title_line_2}

${c.hero.text}

${c.hero.link_text}arrow_forward

`; content += hero; c.link_pairs.forEach(link_pair => { content += `

${item.label}

${item.new ? "NEW" : ""}

${item.text}

`; }); content += `

`; return `

${content}

`; } function ComplexMenuButtonBehavior(config, delay) { let $buttonContainer = $(config.element); $(window).on("pageLoad", function(e, state) { let content = complexDropDown(config); $buttonContainer.append(content); }); setTimeout(function() { $buttonContainer.removeAttr("href to target"); $buttonContainer.on("click", function(e) { let $container = $(`.${config.class}`); $(".rm-Container > div:nth-child(4) a.rm-Header-top-link").removeClass( "active-dropdown-container" ); $(".rm-Container > div:nth-child(2) .rm-Header-top-link").removeClass( "rotated" ); $(".dropdown_menu_container ul, .top_nav_dropdown").removeClass( "showList" ); if ($container.hasClass("showList")) { $container.removeClass("showList rotated"); } else { $buttonContainer.addClass("rotated"); $container.addClass("showList"); } }); }, delay); } function dropDownContent(buttonConfig) { let listItems = "

${section.name}
${linkItem.label}
${linkItem.label}

"; return `

${listItems}

`; } function IconButtonBehavior(buttonConfig, delay) { setTimeout(function() { let $buttonContainer = $(buttonConfig.element); $buttonContainer.removeAttr("href to target"); let content = dropDownContent(buttonConfig); $buttonContainer.append(content); $buttonContainer.on("click", function() { let $dropDownElement = $( `.dropdown_menu_container.${buttonConfig.class} ul` ); if (!$dropDownElement.hasClass("showList")) { $(".dropdown_menu_container ul, .top_nav_dropdown").removeClass( "showList" ); $("a.rm-Header-top-link").removeClass( "active-dropdown-container rotated" ); $buttonContainer.addClass("active-dropdown-container"); $dropDownElement.addClass("showList"); $(".showList, .listSection, .dropdown_nav_item, .dropdown_menu_container").on( "mouseleave", function(e) { if ( $(e.relatedTarget).is( ":not(a, ul.showList, .showList, .listSection, .dropdown_nav_item, .dropdown_menu_container)" ) ) { $(".dropdown_menu_container ul, .top_nav_dropdown").removeClass( "showList" ); $("a.rm-Header-top-link").removeClass( "active-dropdown-container rotated" ); clearInterval(removeDropdownWhenOpeningAccountDropdown); $(".showList, .listSection, .dropdown_nav_item, .dropdown_menu_container").off( "mouseleave" ); } } ); removeDropdownWhenOpeningAccountDropdown = setInterval( function() { if ($("#tippy-1").length) { $(".dropdown_menu_container ul").removeClass("showList"); $(".rm-Container > div:nth-child(4) a.rm-Header-top-link").removeClass( "active-dropdown-container" ); clearInterval(removeDropdownWhenOpeningAccountDropdown); } }, 250 ); } else { $(".dropdown_menu_container ul").removeClass("showList"); $(".rm-Container > div:nth-child(4) a.rm-Header-top-link").removeClass( "active-dropdown-container" ); } }); }, delay); } // Configuration objects const resourcesDropDown = { class: "resources_menu", element: ".rm-Container > div:nth-child(2) .rm-Header-top-link[href*='resources']", hero: { icon: "https://devhub-assets.venafi.cloud/landing-page/Policy-Icon.svg", title_line_1: "Guides", title_line_2: "", text: `Step-by-step instructions for
automating machine identity
operations

`, url: "https://developer.venafi.com/tlsprotectcloud/docs", link_text: "Get started", external: false, }, link_pairs: [ [ { icon: "https://devhub-assets.venafi.cloud/landing-page/API-Icon.svg", label: `APIs`, url: "https://developer.venafi.com/tlsprotectcloud/reference/tls-protect-overview", text: `Catalog of available machine
identity APIs`, new: false, external: false, }, { icon: "https://devhub-assets.venafi.cloud/landing-page/Recipes-Icon.svg", label: `Recipes`, url: "https://developer.venafi.com/tlsprotectcloud/recipes", text: `Simple scripts of the most popular
API use cases`, new: false, external: false, }, { icon: "https://devhub-assets.venafi.cloud/landing-page/Community-Icon.svg", label: `CyberArk Community`, url: "https://community.cyberark.com/", text: `Connect, learn and share tips and tricks
with like-minded peers`, new: false, external: true, }, ], [], ], }; const ecosystemDropDown = { class: "ecosystem_menu", element: ".rm-Container > div:nth-child(2) .rm-Header-top-link[href*='ecosystem']", hero: { icon: "https://devhub-assets.venafi.cloud/landing-page/dev-design-patterns.svg", title_line_1: "Ecosystem Developer", title_line_2: "Design Patterns", text: `Information, resources and guidance
specific to your target use case

`, url: "https://developer.venafi.com/tlsprotectcloud/docs/ecosystem-design-patterns", link_text: "Start building", external: false, }, link_pairs: [ [ { icon: "https://devhub-assets.venafi.cloud/landing-page/libraries-sdks.svg", label: `Libraries & SDKs`, url: "https://developer.venafi.com/tlsprotectcloud/docs/libraries-and-sdks", text: `Build integrations and extend the
Venafi platform`, new: false, external: false, }, { icon: "https://devhub-assets.venafi.cloud/landing-page/marketplace.svg", label: `CyberArk Marketplace`, url: "https://community.cyberark.com/marketplace/s/", text: `Browse completed solutions from the
Venafi ecosystem`, new: false, external: true, }, { icon: "https://devhub-assets.venafi.cloud/landing-page/design-pattern-request.svg", label: `Design Pattern Request`, url: "https://venafi-design-pattern-request.paperform.co/", text: `See something missing? Let us know!`, new: false, external: true, }, ], [], ], }; const productDropdownConfig = { class: "product_menu", element: ".rm-Container > div:nth-child(2) .rm-Header-top-link[href*='product']", hero: { icon: "https://devhub-assets.venafi.cloud/top-nav-icons/control_plane.svg", title_line_1: "Control Plane", title_line_2: "for Machine Identities", text: `Automated certificate management
for all types of machine identities
across environments and teams`, url: "https://developer.venafi.com/tlsprotectcloud/docs/control-plane-forwarding-logged-events", link_text: "Control plane overview", external: false, }, link_pairs: [ [ { icon: "https://devhub-assets.venafi.cloud/top-nav-icons/tls_protect_cloud.svg", label: "Certificate Manager - SaaS", text: `Eliminate TLS certificate-related
outages`, url: "https://developer.venafi.com/tlsprotectcloud/docs/tls-protect-cloud", new: false, external: false, }, { icon: "https://devhub-assets.venafi.cloud/top-nav-icons/firefly.svg", label: "Workload Identity Manager", text: `Issue trusted certificates at the
speed of light`, url: "https://developer.venafi.com/tlsprotectcloud/docs/firefly", new: true, external: false, }, ], [], ], }; const helpButtonConfig = { class: "help_button", element: ".rm-Container > div:nth-child(4) a.rm-Header-top-link:nth-child(1)", links: [ { label: "Help", url: "https://docs.cyberark.com/mis-saas", }, { label: "Contact Us", url: "mailto:support@venafi.com", }, { label: " Provide Feedback", url: "mailto:cloudfeedback@venafi.com", }, ], }; const appButtonConfig = { class: "app_button", element: ".rm-Container > div:nth-child(4) a.rm-Header-top-link:nth-child(2)", sections: [ { name: "Products", links: [ { icon: "https://ui.venafi.cloud/single-spa-navigation/static/media/tls-protect-cloud-logo.6be586b3.svg", label: "Certificate Manager - SaaS", url: "https://ui.venafi.cloud/", }, ], }, ], }; // Kick everything off on document ready $(document).ready(function() { apiKeyHiding(); showSignUpButton(); reformatAccountIcon(DELAY); showIconButtons(DELAY); IconButtonBehavior(helpButtonConfig, DELAY); IconButtonBehavior(appButtonConfig, DELAY); ComplexMenuButtonBehavior(productDropdownConfig, DELAY); ComplexMenuButtonBehavior(ecosystemDropDown, DELAY); ComplexMenuButtonBehavior(resourcesDropDown, DELAY); collapsibleMenus(); buttonRemoveBehaviors(DELAY); delayPageLoad(DELAY); }); })(); // close the IIFE } // ← close the initial “if” // Only initialize once per page load if (!window.__venafiNavInitialized) { window.__venafiNavInitialized = true; (function() { // ───────── YOUR ORIGINAL CODE ───────── $(document).ready(function() { const DELAY = 750; apiKeyHiding(); showSignUpButton(); reformatAccountIcon(DELAY); showIconButtons(DELAY); IconButtonBehavior(helpButtonConfig, DELAY); IconButtonBehavior(appButtonConfig, DELAY); ComplexMenuButtonBehavior(productDropdownConfig, DELAY); ComplexMenuButtonBehavior(ecosystemDropDown, DELAY); ComplexMenuButtonBehavior(resourceDropDown, DELAY); collapsibleMenus(); buttonRemoveBehaviors(DELAY); delayPageLoad(DELAY); }); const resourcesDropDown = { class: "resources_menu", element: ".rm-Container > div:nth-child(2) .rm-Header-top-link[href*='resources']", hero: { icon: "https://devhub-assets.venafi.cloud/landing-page/Policy-Icon.svg", title_line_1: "Guides", title_line_2: "", text: `Step-by-step instructions for
automating machine identity
operations

`, url: "https://developer.venafi.com/tlsprotectcloud/docs", link_text: "Get started", external: false, }, link_pairs: [ [{ icon: "https://devhub-assets.venafi.cloud/landing-page/API-Icon.svg", label: `APIs`, url: "https://developer.venafi.com/tlsprotectcloud/reference/tls-protect-overview", text: `Catalog of available machine
identity APIs`, new: false, external: false, }, { icon: "https://devhub-assets.venafi.cloud/landing-page/Recipes-Icon.svg", label: `Recipes`, url: "https://developer.venafi.com/tlsprotectcloud/recipes", text: `Simple scripts of the most popular
API use cases`, new: false, external: false, }, { icon: "https://devhub-assets.venafi.cloud/landing-page/Community-Icon.svg", label: `Venafi Community`, url: "https://community.venafi.com/private/login", text: `Connect, learn and share tips and tricks
with like-minded peers`, new: false, external: true, }], [], ], }; const ecosystemDropDown = { class: "ecosystem_menu", element: ".rm-Container > div:nth-child(2) .rm-Header-top-link[href*='ecosystem']", hero: { icon: "https://devhub-assets.venafi.cloud/landing-page/dev-design-patterns.svg", title_line_1: "Ecosystem Developer", title_line_2: "Design Patterns", text: `Information, resources and guidance
specific to your target use case

`; if (c.items && c.items.length) { content += `

${item.label}

`; } content += `

`; return `

${content}

`; } function topNavSimpleMenuBehavior(config, delay) { let $btn = $(config.element); $(window).on('pageLoad', () => { $btn.append(simpleTopNavDropdown(config)); }); setTimeout(() => { $btn.on('click', () => { $('.top_nav_dropdown').toggleClass('showList'); $btn.toggleClass('rotated'); }); }, delay); } function buttonRemoveBehaviors(delay) { $(window).on('pageLoad', () => { $('.top_nav_dropdown, .dropdown_menu_container').on('mouseleave scroll', () => { $('.top_nav_dropdown, .dropdown_menu_container').removeClass('showList'); $('a.rm-Header-top-link').removeClass('rotated active-dropdown-container'); }); }); } function complexDropDown(c) { let html = `

${c.hero.title_line_1}

${c.hero.title_line_2}

${c.hero.text}

${c.hero.link_text}→

`; c.link_pairs.forEach(pair => { html += `

${item.label}

${item.new ? 'NEW' : ''}

${item.text}

`; }); html += `

`; return `

${html}

`; } function ComplexMenuButtonBehavior(config, delay) { let $btn = $(config.element); $(window).on('pageLoad', () => { $btn.append(complexDropDown(config)); }); setTimeout(() => { $btn.on('click', () => { $btn.toggleClass('rotated'); $(`.${config.class}`).toggleClass('showList'); }); }, delay); } function dropDownContent(cfg) { let list = '

${sec.name}
${link.label}
${link.label}

'; return `

${list}

`; } function IconButtonBehavior(cfg, delay) { setTimeout(() => { let $btn = $(cfg.element); $btn.append(dropDownContent(cfg)); $btn.on('click', () => { $(`.dropdown_menu_container.${cfg.class}`).toggleClass('showList'); $btn.toggleClass('active-dropdown-container'); }); }, delay); } function apiKeyHiding() { const obs = new MutationObserver(hideAPIKey); obs.observe(document.getElementsByClassName('App')[0], { subtree: true, childList: true, attributes: true, characterData: true }); } function hideAPIKey() { const $in = $('#APIAuth-tppl-api-key'); if ($in.length && !$in.attr('type')) $in.attr('type','password'); const val = $in.val(); if (val && val.length>2) { $('.CodeMirror-lines span').each((_, el) => { if (el.textContent.includes(val)) { el.textContent = el.textContent.replace(val,''); } }); } } function showSignUpButton() { if ($('.rm-Header-top-link[href*="login"]').length===1) { $('a[href$="https://venafi.com/try-venafi/tls-protect"]').css('display','flex'); } } function showIconButtons(delay) { if (!$('.rm-Header-top-link[href*="login"]').length) { setTimeout(() => { $('.rm-Container > div:nth-child(4) a.rm-Header-top-link').css('visibility','visible'); }, delay); } } function reformatAccountIcon(delay) { setTimeout(() => { const txt = $('.rm-Header-top-link_login button span').first().text().trim().split(' '); const initials = txt.length===2 ? txt[0][0]+txt[1][0] : txt[0][0]; $('.rm-Header-top-link_login button span').first().text(initials); $('.rm-Container > div:nth-child(4)').css('visibility','visible'); }, delay); } function delayPageLoad(delay) { setTimeout(() => { document.documentElement.style.visibility='visible'; }, delay); } function collapsibleMenus() { $(window).on('pageLoad', () => { $('.rm-Sidebar-section > .rm-Sidebar-list').addClass('section-collapsed'); $('.rm-Sidebar-heading').append(""); if ($('.rm-Sidebar-link.active').length) { $('.rm-Sidebar-link.active').parents('.rm-Sidebar-list').addClass('section-list-expanded'); $('.rm-Sidebar-link.active').parents('.rm-Sidebar-section').children('.rm-Sidebar-heading').addClass('section-expanded'); } $('.subpages').removeClass('section-list-expanded'); }); $(document).on('click','.rm-Sidebar-heading', function(){ $('.section-expanded, .section-list-expanded').removeClass('section-expanded section-list-expanded'); $(this).toggleClass('section-expanded').next().toggleClass('section-list-expanded'); }); $('.expand-content').hide(); $('.expand-trigger').on('click', function(){ $('.expand-content').toggle(); const txt = $('.expand-trigger span').text()==='Show'?'Hide':'Show'; $('.expand-trigger span').text(txt); }); } function goToLink(url, external) { window.open(url, external? '_blank':'_self'); } const helpButtonConfig = { class: "help_button", element: ".rm-Container > div:nth-child(4) a.rm-Header-top-link:nth-child(1)", links: [ { label:"Help", url:"https://docs.venafi.cloud/" }, { label:"Contact Us", url:"mailto:support@venafi.cloud" }, { label:"Provide Feedback", url:"mailto:cloudfeedback@venafi.com" } ] }; const appButtonConfig = { class: "app_button", element: ".rm-Container > div:nth-child(4) a.rm-Header-top-link:nth-child(2)", sections: [{ name: "Products", links: [{ icon: "https://ui.venafi.cloud/.../tls-protect-cloud-logo.svg", label: "TLS Protect Cloud", url: "https://ui.venafi.cloud/" }] }] }; // ──────────────────────────────────────── })(); }