/*------------------------------------------------------- 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/7464615560243427327") || window.location.pathname === "/" || window.location.pathname === "") { // 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 = `

Tell us what you think

We take feature requests seriously and often incorporate your feedback into our product roadmaps. Please share your ideas and interact with other schools.

Choose an IRIS product

We take feature requests seriously and often incorporate your feedback into our product roadmaps. Please share your ideas and interact with other customers.

Accountancy

IRIS Accountancy Suite

IRIS Accounts Production

IRIS Anywhere

IRIS Business Tax

IRIS Charity Formats

IRIS Company Secretarial

IRIS Docs

IRIS Elements

IRIS Elements Tax

IRIS Elements Trust Tax

IRIS Elements Accounts Production

IRIS Elements AML

IRIS Elements Practice Management

IRIS Elements Proposal Manager

IRIS GP Accounts

IRIS Hosting

IRIS Innervision

IRIS iXBRL

IRIS KashFlow Bookkeeping

IRIS OpenSpace

IRIS Outsourcing

IRIS Personal Tax

IRIS Practice Engine

IRIS Practice Management

IRIS Star Practice Management

IRIS Time & Fees

IRIS Trust Tax

Education

Dataplan Payroll

Every Compliance

Every HR

Every Payroll

IRIS BioStore

IRIS Cental

IRIS Ed:gen

IRIS FasTrak

IRIS Financial Planner

IRIS Financials

IRIS Invoice Matcher

IRIS Looked After Call

IRIS ParentMail

IRIS PlusPay

IRIS Reach

iSAMS

Social Media Check

Teacher Booker

HR

Every HR

IRIS Cascade HRi

IRIS Cascade HRi Expenses Module

IRIS Cascade HRi Recruitment Module

IRIS Cascade HRi Timesheets Module

IRIS Cascade HRi Training & Dev Module

IRIS HR Consulting

IRIS HR Marketplace

IRIS HR Professional

IRIS Recruitment

IRIS Recruitment Services

Payroll

Dataplan Payroll

Every Payroll

IRIS Cascade HRi Payroll Module

IRIS Fully Managed Payroll

IRIS Fully Managed Payroll - International

IRIS GP Payroll

IRIS My ePay Window

IRIS Payrite

IRIS Payroll Professional

Modulr Payroll Faster Payments

Staffology Bureau

Staffology HR

`; // 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/7464906747304302666")) { // 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 Tiles