Efl Column Layout

export default () => {
  const MOBILE_BREAKPOINT = 820;
  const courseIndexPage = document.querySelector('.efl-course-page');
  const cpdIndexPage = document.querySelector('.efl-cpd-index-page');
  const columnLayouts = document.querySelectorAll('.efl-column-layout');

  // Hide efl-column layouts which are empty
  /* eslint-disable no-param-reassign */
  columnLayouts.forEach(element => {
    if (element.children[0] === undefined) {
      element.style.display = 'none';
    } else {
      const childElements = Array.from(element.children);

      childElements.forEach(childElement => {
        if (childElement.children[0] === undefined) {
          childElement.style.display = 'none';
        }
      });
      // repeat empty efl-column check after empty children removed
      if (element.children[0] === undefined) {
        element.style.display = 'none';
      }
    }
  });

  // to remove tabbed carousel tabpanel tab index
  const carousels = document.querySelectorAll(
    '[data-behavior=tabs-with-carousel]'
  );

  if (carousels.length) {
    carousels.forEach(carousel => {
      const tabpanel = carousel.querySelector('[role=tabpanel]');

      if (tabpanel) {
        tabpanel.removeAttribute('role');
        tabpanel.removeAttribute('tabindex');
      }
    });
  }

  // add aria-label to signpost component
  const signposts = document.querySelectorAll('.membership-signpost');

  signposts.forEach(signpost => {
    const link = signpost.querySelector('a');

    if (signpost.querySelector('h3')) {
      const text = signpost.querySelector('h3').innerText;
      let ctatxt = '';

      if (signpost.querySelector('.cta')) {
        ctatxt = signpost.querySelector('.cta').innerText;
      }

      link.setAttribute('aria-label', `${text} - ${ctatxt}`);
    }
  });

  if (!courseIndexPage && !cpdIndexPage) {
    return;
  }
  const changeFourthCardListFormat = indexPage => {
    if (window.innerWidth < MOBILE_BREAKPOINT) {
      const eflCardLists = indexPage.querySelectorAll('.efl-card-list__inner');

      eflCardLists.forEach((list, index) => {
        if (index === 0 || index === 3) {
          const firstCard = list.firstElementChild;

          firstCard.classList.remove(...firstCard.classList);
          firstCard.classList.add('efl-card', `efl-card--single`);
        }
      });
    }
  };

  if (cpdIndexPage) {
    changeFourthCardListFormat(cpdIndexPage);
    window.addEventListener('resize', () => {
      changeFourthCardListFormat(cpdIndexPage);
    });
  } else {
    changeFourthCardListFormat(courseIndexPage);
    window.addEventListener('resize', () => {
      changeFourthCardListFormat(courseIndexPage);
    });
  }
};