/*------------------------------------------------------- Navigation -------------------------------------------------------*/ // Function to handle the mutation (e.g., when the target element is added) function handleMutation(mutationsList, observer) { for (const mutation of mutationsList) { if (mutation.type === "childList") { // Re-position username within the navigation bar const flushTabsList = document.querySelector(".flush-tabs__list"); const userMenu = document.querySelector(".user-menu"); // Check if flushTabsList is not null if (flushTabsList) { flushTabsList.appendChild(userMenu); // Add Signin/Signout To Main Navigation. document.querySelector(".search-query-header").placeholder = "Search all ideas..."; observer.disconnect(); // Stop observing once the action is performed } } } } // Create a MutationObserver with the handleMutation callback const heroObserver = new MutationObserver(handleMutation); // Specify the target node and the type of mutations to observe const heroTarget = document.body; // You can change this to a more specific container if needed const heroConfig = { childList: true, subtree: true }; // Start observing the target node for configured mutations heroObserver.observe(heroTarget, heroConfig); /*------------------------------------------------------- Pages -------------------------------------------------------*/ // Select the node that will be observed for mutations const pageTarget = document.body; // Options for the observer (which mutations to observe) const pageConfig = { childList: true, subtree: true }; // Callback function to execute when mutations are observed const callback = function (mutationsList, observer) { // Remove Hero all page other than Homepage // Check if the URL contains the specified section - Homepage if (window.location.pathname.endsWith("/sections/7467947653158773451") || window.location.pathname === "/" || window.location.pathname === "" || window.location.pathname === "/ideas/") { // console.log("PING Homepage"); // Remove .note-content and .main-content if they exist const noteContent = document.querySelector(".note-content"); if (noteContent) { noteContent.parentNode.removeChild(noteContent); } const mainContent = document.querySelector("#main-content"); if (mainContent) { mainContent.parentNode.removeChild(mainContent); } // Insert HTML section with an h1 title of "test" in .idea-portal-section const ideaPortalSection = document.querySelector(".idea-portal-section"); if (ideaPortalSection) { ideaPortalSection.classList.add("overview"); ideaPortalSection.innerHTML = `

IRIS Ideas

Select a product below and submit your idea. If you need assistance contact Customer Support.

Dataplan Payroll

Every Compliance

Every HR

Every Payroll

IRIS Accountancy Suite

IRIS Accounts Production

IRIS Anywhere

IRIS BioStore

IRIS Business Tax

IRIS Cascade HRi

IRIS Cascade HRi Expenses Module

IRIS Cascade HRi Payroll Module

IRIS Cascade HRi Recruitment Module

IRIS Cascade HRi Timesheets Module

IRIS Cascade HRi Training & Dev Module

IRIS Cental

IRIS Charity Formats

IRIS Company Secretarial

IRIS Docs

IRIS Ed:gen

IRIS Elements

IRIS Elements Accounts Production

IRIS Elements AML

IRIS Elements Practice Management

IRIS Elements Proposal Manager

IRIS Elements Tax

IRIS Elements Trust Tax

IRIS FasTrak

IRIS Financial Planner

IRIS Financials

IRIS Fully Managed Payroll

IRIS Fully Managed Payroll - International

IRIS GP Accounts

IRIS GP Payroll

IRIS Hosting

IRIS HR Consulting

IRIS HR Marketplace

IRIS HR Professional

IRIS Innervision

IRIS Invoice Matcher

IRIS iXBRL

IRIS KashFlow Bookkeeping

IRIS Looked After Call

IRIS My ePay Window

IRIS OpenSpace

IRIS Outsourcing

IRIS ParentMail

IRIS Payrite

IRIS Payroll Professional

IRIS Personal Tax

IRIS PlusPay

IRIS Practice Engine

IRIS Practice Management

IRIS Reach

IRIS Recruitment

IRIS Recruitment Services

IRIS Star Practice Management

IRIS Time & Fees

IRIS Trust Tax

iSAMS

Modulr Payroll Faster Payments

Social Media Check

Staffology Bureau

Staffology HR

Teacher Booker

`; // Select all tab buttons and product cards const tabButton = document.querySelectorAll(".tag-button"); const productCards = document.querySelectorAll(".card-module"); // In your click event handler: tabButton.forEach(btn => { btn.addEventListener('click', (e) => { const filterType = e.target.dataset.tab; // Use data-tab attribute if (!filterType) return; // Guard clause for missing data-tab // Update aria-selected state tabButton.forEach(button => button.setAttribute('aria-selected', 'false')); e.target.setAttribute('aria-selected', 'true'); // Filter cards productCards.forEach(card => { const cardTypes = card.getAttribute('data-type')?.toLowerCase().split(',').map(type => type.trim()) || []; if (filterType === 'all' || cardTypes.includes(filterType)) { card.removeAttribute('style'); // Remove inline style attribute. } else { card.style.display = 'none'; } }); }); }); // set search query placeholder regardless of screen size $(window).on("resize", function () { var inputElement = $(".search-query-hero"); inputElement.attr("placeholder", "Search all ideas..."); }).resize(); } // Current Page State const currentPage = document.querySelector('.footer-menu__link[title~="Home"]'); if (currentPage) { currentPage.setAttribute("aria-current", "page"); } } // Check if the URL contains the specified section - New Idea if (window.location.pathname.endsWith("/ideas") || window.location.pathname.endsWith("/ideas/")) { // console.log("PNG Idea Overview"); // Insert HTML section with an h1 title of "test" in .idea-portal-section const ideaPortalSection = document.querySelector(".column-with-sidebar"); if (ideaPortalSection) { ideaPortalSection.classList.add("idea-overview"); ideaPortalSection.insertAdjacentHTML( "beforebegin", `

Sandbox
Ideas

Ideas

Your ideas allow us to crowdsource feedback, gain customer insight and prioritise our roadmaps.

Ideas

Your ideas allow us to crowdsource feedback, gain customer insight and prioritise our roadmaps.

` ); } // Current Page State const currentPage = document.querySelector('.footer-menu__link[title~="Ideas"]'); if (currentPage) { currentPage.setAttribute("aria-current", "page"); } } // Check if the URL contains the specified section - New Idea if (window.location.pathname.endsWith("/ideas/new")) { // console.log("PING New Idea"); const mainContent = document.querySelector(".idea-form"); mainContent.classList.add("idea-new-form"); } // Check if the URL contains the specified section - FAQ if (window.location.pathname.endsWith("/sections/7467948361239099921")) { // console.log("PING FAQ"); // Insert HTML section with an h1 title of "test" in .idea-portal-section const ideaPortalSection = document.querySelector(".idea-portal-section"); if (ideaPortalSection) { ideaPortalSection.classList.add("faq"); ideaPortalSection.insertAdjacentHTML( "beforebegin", `

Sandbox
FAQ

Frequently Asked Questions

Below you'll find a list of helpful answers to commonly asked questions.

` ); } // Current Page State const currentPage = document.querySelector('.footer-menu__link[title~="FAQ"]'); if (currentPage) { currentPage.setAttribute("aria-current", "page"); } } // Check if the URL contains the specified section - Polls if (window.location.href.endsWith("/sections/7464610659286266825")) { // console.log("PING POLLS"); // Insert HTML section with an h1 title of "test" in .idea-portal-section const ideaPortalSection = document.querySelector(".idea-portal-section"); if (ideaPortalSection) { ideaPortalSection.classList.add("polls"); ideaPortalSection.insertAdjacentHTML( "beforebegin", `

Sandbox
Polls

Polls

Our polls help to uncover ideas about what to build next and where we can improve.

Polls

Our polls help to uncover ideas about what to build next and where we can improve.

` ); } // Current Page State const currentPage = document.querySelector('.footer-menu__link[title~="Polls"]'); if (currentPage) { currentPage.setAttribute("aria-current", "page"); } } // Check if the URL contains the specified section - Roadmap if (window.location.href.endsWith("/sections/7464910094192328858")) { // console.log("PING ROADMAP"); // Current Page State const currentPage = document.querySelector('.footer-menu__link[title~="Roadmap"]'); if (currentPage) { currentPage.setAttribute("aria-current", "page"); } } // Check if the URL contains the specified section - Search if (window.location.toString().indexOf("search?query=") != -1) { // Insert HTML section in .idea-portal-section const ideaPortalSection = document.querySelector(".column-with-sidebar"); if (ideaPortalSection) { ideaPortalSection.classList.add("idea-search"); ideaPortalSection.insertAdjacentHTML( "beforebegin", `

Sandbox
Search

Ideas

Your ideas allow us to crowdsource feedback, gain customer insight and prioritise our roadmaps.

` ); } } // Disconnect the observer since the mutation has been handled observer.disconnect(); }; // Create an observer instance linked to the callback function const overviewObserver = new MutationObserver(callback); // Start observing the target node for configured mutations overviewObserver.observe(pageTarget, pageConfig); /*------------------------------------------------------- Navigation Dropdown -------------------------------------------------------*/ const menuToggle = document.querySelector(".header__nav-menu"); const siteNavigation = document.querySelector(".search-bar"); const siteHeader = document.querySelector(".header"); const sitebody = document.querySelector("body"); menuToggle.addEventListener("click", () => { const isOpened = menuToggle.getAttribute("aria-expanded") === "true"; if (isOpened ? closeMenu() : openMenu()); }); function openMenu() { menuToggle.setAttribute("aria-expanded", "true"); siteNavigation.setAttribute("data-navigation", "expanded"); siteHeader.setAttribute("data-header", "true"); sitebody.setAttribute("style", "overflow: hidden; touch-action: none;"); } function closeMenu() { menuToggle.setAttribute("aria-expanded", "false"); siteNavigation.setAttribute("data-navigation", "collapse"); siteHeader.setAttribute("data-header", "false"); sitebody.removeAttribute("style"); // siteNavigation.addEventListener( // "animationend", // () => { // siteNavigation.setAttribute("data-navigation", "collapse"); // }, // { once: true } // ); } // # Reset Mobile when viewport is greater than 1024 // https://css-tricks.com/working-with-javascript-media-queries/ // Create a media condition that targets viewports at least 1024px wide const navreset = window.matchMedia("(min-width: 1024px)"); function handleNavigationChange(e) { // Check if the media query is true if (e.matches) { menuToggle.setAttribute("aria-expanded", "false"); siteNavigation.setAttribute("data-navigation", "collapse"); siteHeader.setAttribute("data-header", "false"); sitebody.removeAttribute("style"); } } // Register event listener navreset.addEventListener("change", handleNavigationChange); // Initial check handleNavigationChange(navreset); // # Navigation Accessibility // Create a media condition that targets viewports at least 1023.999px wide const mediaQuery = window.matchMedia("(max-width: 1023.999px)"); function handleTabletChange(e) { // Check if the media query is true if (e.matches) { menuToggle.setAttribute("aria-expanded", "false"); menuToggle.setAttribute("aria-hidden", "false"); // Scroll Sticky document.querySelector(".section-tabs").removeAttribute("data-scroll"); } else { menuToggle.setAttribute("aria-hidden", "true"); // Scroll Sticky window.addEventListener("scroll", function () { if (window.scrollY > 168) { document.querySelector(".section-tabs").setAttribute("data-scroll", "sticky"); } else { document.querySelector(".section-tabs").removeAttribute("data-scroll"); } }); } } // Register event listener mediaQuery.addEventListener("change", handleTabletChange); // Initial check handleTabletChange(mediaQuery); // set search query placeholder regardless of screen size $(window).on("resize", function () { var inputElement = $(".search-query:not(.search-query-hero)"); inputElement.attr("placeholder", "Search all ideas..."); }).resize();

Sign in to Sandbox Chips