// === Cascading Category/Subcategory Dropdown with "Under Review" Excluded & Prefix Stripped === (function() { // Get the original Aha! category dropdown const ahaSelect = document.getElementById('ideas_idea_idea_category_ids'); if (!ahaSelect) return; // If not found, stop execution // Hide the native Aha! dropdown because the default UI is not user-friendly // It shows all categories and subcategories in one long list with only slight indentation for subcategories // This is confusing for users ahaSelect.style.display = 'none'; // Create a wrapper for our custom dropdown UI // Includes a top-level category dropdown and an optional subcategory dropdown const wrapper = document.createElement('div'); wrapper.innerHTML = `

`; // Insert our custom dropdown after the original select ahaSelect.parentNode.insertBefore(wrapper, ahaSelect.nextSibling); const topDropdown = wrapper.querySelector('#top-level-dropdown'); const subDropdown = wrapper.querySelector('#sub-level-dropdown'); const subContainer = wrapper.querySelector('#sub-container'); // List of subcategories where we added "Atlas" or "Enterprise Advanced" prefix in the backend // We want to strip these prefixes in the portal UI because the portal already shows the primary category // Without this, it would be repetitive: "Atlas - Atlas Backups & Online Archive" const stripPrefixList = [ "Atlas Charts", "Atlas Backups & Online Archive", "Atlas Monitoring, Alerts & Observability", "Atlas Security, Compliance & Access Control", "Enterprise Advanced Backups & Online Archive", "Enterprise Advanced Monitoring, Alerts & Observability", "Enterprise Advanced Security, Compliance & Access Control" ]; // Category we want to hide from user selection, but still allow assigned feedback to appear in portal const excludeCategoryLabel = "Under Review"; // Function to remove "Atlas" or "Enterprise Advanced" prefix from subcategory labels function stripPrefix(label) { if (stripPrefixList.includes(label)) { return label.replace(/^(Atlas |Enterprise Advanced )/, ''); } return label; } // Parse the original Aha! options into a tree structure: top-level categories with nested subcategories const options = [...ahaSelect.options].filter(o => o.value); const tree = []; let currentTop = null; options.forEach(opt => { // Skip "Under Review" category from being selectable if (opt.text.trim() === excludeCategoryLabel) return; if (/^\s/.test(opt.text)) { // This is a subcategory (slightly indented in original select) if (currentTop) { currentTop.subs.push({ value: opt.value, label: opt.text.trim() }); } } else { // This is a top-level category currentTop = { value: opt.value, label: opt.text.trim(), subs: [] }; tree.push(currentTop); } }); // Populate top-level dropdown topDropdown.innerHTML = ``; tree.forEach(top => { const opt = document.createElement('option'); opt.value = top.value; opt.textContent = top.label; topDropdown.appendChild(opt); }); // Handle top-level category selection topDropdown.addEventListener('change', () => { const selected = tree.find(t => t.value === topDropdown.value); if (selected) { // Update the hidden Aha! select with top-level selection ahaSelect.value = selected.value; if (selected.subs.length > 0) { // Show subcategory dropdown if subcategories exist subContainer.style.display = 'block'; subDropdown.innerHTML = ``; selected.subs.forEach(sub => { if (sub.label === excludeCategoryLabel) return; // Skip "Under Review" const opt = document.createElement('option'); opt.value = sub.value; opt.textContent = stripPrefix(sub.label); // Strip prefix for portal display clarity subDropdown.appendChild(opt); }); } else { // Hide subcategory dropdown if no subcategories subContainer.style.display = 'none'; } } else { // Reset if no top-level category selected subContainer.style.display = 'none'; ahaSelect.value = ""; } }); // Handle subcategory selection subDropdown.addEventListener('change', () => { // Update the hidden Aha! select with subcategory if selected, otherwise top-level ahaSelect.value = subDropdown.value || topDropdown.value; }); })(); // === Prepend Parent Category to Subcategory Links in Aha! UI & Strip Prefix for 7 Specific Subcategories === // Mapping of subcategory IDs to their parent category names // Purpose: In portal UI, if a subcategory is displayed without parent category, it can be ambiguous // Because multiple top-level categories can have subcategories with the same name // By prepending the parent category, users know exactly which top-level category this subcategory belongs to const parentMap = { "7548141154294845535": "Atlas", // Backups & Online Archive "7548141200222651477": "Atlas", // Billing & Account Management "7556328518696883299": "Atlas", // Charts "7548141186718564699": "Atlas", // Infra-as-code & APIs "7548141172744741446": "Atlas", // Monitoring, Alerts & Observability "7548141212781608238": "Atlas", // Security, Compliance & Access Control "7556330003685395632": "Connectors (BI, Kafka, Spark)", // Atlas SQL "7556329985928339340": "Connectors (BI, Kafka, Spark)", // Atlas SQL "7556329857711623227": "CLI & Shell", // Atlas CLI "7548141491442916104": "CLI & Shell", // Kafka "7548141639692678951": "Database", // Data Modeling & Indexing "7548141605899639640": "Database", // Performance & Optimization "7548141621229601547": "Database", // Querying, Aggregations & Transactions "7548141674888259602": "Database", // Replication & Sharding "7548141689418670706": "Database", // Storage "7548141847887735341": "Drivers", // AI Frameworks (ie: Langchain, Mastra) "7548141816650747033": "Drivers", // Drivers (ie: Node.js, Java, .NET) "7548141831345841376": "Drivers", // Frameworks (ie: Django) "7548141886491745240": "Education", // Documentation "7548141900732651327": "Education", // University "7548142026472366149": "Enterprise Advanced", // Backups & Online Archive "7548142041467871467": "Enterprise Advanced", // Cluster Deployment & Management "7548142104564903515": "Enterprise Advanced", // Kubernetes "7548142056904505173": "Enterprise Advanced", // Monitoring, Alerts & Observability "7548142088385787196": "Enterprise Advanced" // Security, Compliance & Access Control }; const stripPrefixList = [ "Atlas Charts", "Atlas Backups & Online Archive", "Atlas Monitoring, Alerts & Observability", "Atlas Security, Compliance & Access Control", "Enterprise Advanced Backups & Online Archive", "Enterprise Advanced Monitoring, Alerts & Observability", "Enterprise Advanced Security, Compliance & Access Control" ]; const excludeCategoryLabel = "Under Review"; // Update all subcategory links in portal sidebar document.querySelectorAll('.idea-sidebar__attribute-link').forEach((el) => { const href = el.getAttribute('href'); if (!href) return; const urlParams = new URLSearchParams(href.split('?')[1]); const categoryId = urlParams.get('category'); const parentName = parentMap[categoryId]; if (!parentName) return; if (el.textContent.trim() === excludeCategoryLabel) return; // Skip "Under Review" let displayText = el.textContent; if (stripPrefixList.includes(displayText)) { // Strip Atlas / Enterprise Advanced prefix for portal clarity displayText = displayText.replace(/^(Atlas |Enterprise Advanced )/, ''); } // Prepend parent category to subcategory for clarity // Without this, only the subcategory would appear, which is ambiguous el.textContent = `${parentName} - ${displayText}`; }); // === Strip Prefixes in Sidebar Collapsible Filter for Specific Categories === const targetCategoryIds = [ "category-7517315736888480011", // Atlas main category "category-7548141974152346057" // Enterprise Advanced main category ]; const prefixesToStrip = ["Atlas ", "Enterprise Advanced "]; targetCategoryIds.forEach(id => { const parentLi = document.getElementById(id); if (!parentLi) return; // Only look inside the direct child

for subcategory items const nestedLiItems = parentLi.querySelectorAll("ul > li .category-filter-name > span"); nestedLiItems.forEach(span => { prefixesToStrip.forEach(prefix => { if (span.textContent.trim().startsWith(prefix)) { // Strip the prefix to avoid repeating the parent category in portal UI span.textContent = span.textContent.replace(prefix, ""); } }); }); });

Please enter your email address

RELATED FEEDBACK

Split View: Split screen into two sides to compare two tabs visually