@ussebastian/kitdigital/src/js/main.js

Kit Digital de la Universidad San Sebastián

/* eslint-disable no-console */
import autoSetDarkmode from './components/utils/autosetDarkmode';
import { removeSelf, removeTarget } from './components/utils/InitUtils';
import MainNav from './components/ComponentMainNav';
import MainNavMobile from './components/ComponentMainNavMobile';

autoSetDarkmode();

window.addEventListener('DOMContentLoaded', () => {
  removeSelf();
  removeTarget();

  const accordionEls = document.getElementsByClassName('uss-accordion');
  if (accordionEls.length > 0) {
    import('./components/ComponentAccordion').then((Library) => {
      const ComponentAccordion = Library.default;
      window.componentAccordionInstances = [];
      for (let i = 0; i < accordionEls.length; i += 1) {
        window.componentAccordionInstances[i] = new ComponentAccordion(accordionEls[i]);
        window.componentAccordionInstances[i].init();
      }
    });
  }

  const [firstMenuFounded] = document.getElementsByClassName('uss-mainnav__menu');
  if (firstMenuFounded) {
    const mainNav = new MainNav(firstMenuFounded);
    mainNav.init();
  }
  const [firstMenuMobileFounded] = document.getElementsByClassName('uss-mainnav--mobile');
  if (firstMenuMobileFounded) {
    const mainNavMobileInstance = new MainNavMobile(firstMenuMobileFounded);
    mainNavMobileInstance.init();
    console.log(mainNavMobileInstance);
  }

  const carouselEls = document.querySelectorAll('[data-uss-carousel]');
  if (carouselEls.length > 0) {
    import('./components/ComponentCarousel').then((Library) => {
      const ComponentCarousel = Library.default;
      window.componentCarouselInstances = [];
      for (let i = 0; i < carouselEls.length; i += 1) {
        window.componentCarouselInstances[i] = new ComponentCarousel(carouselEls[i]);
        window.componentCarouselInstances[i].init();
      }
    });
  }

  const TooltipEls = document.querySelectorAll('[data-uss-tooltip]');
  if (TooltipEls.length > 0) {
    import('./components/ComponentTooltip').then((Library) => {
      const ComponentTooltip = Library.default;
      window.componentTooltipInstances = [];
      for (let i = 0; i < TooltipEls.length; i += 1) {
        window.componentTooltipInstances[i] = new ComponentTooltip(TooltipEls[i]);
        window.componentTooltipInstances[i].init();
      }
    });
  }

  const tabEls = document.getElementsByClassName('uss-tab');
  if (tabEls.length > 0) {
    import('./components/ComponentTab').then((Library) => {
      const Tab = Library.default;
      window.componenTabInstances = [];
      for (let i = 0; i < tabEls.length; i += 1) {
        window.componenTabInstances[i] = new Tab(tabEls[i]);
        window.componenTabInstances[i].init();
      }
    });
  }

  const ModalEls = document.querySelectorAll('[data-uss-modal-id]');
  if (ModalEls.length > 0) {
    import('./components/ComponentModal').then((Library) => {
      const ComponentModal = Library.default;
      window.componentModalInstances = [];
      for (let i = 0; i < ModalEls.length; i += 1) {
        const modalId = ModalEls[i].attributes['data-uss-modal-id'].value;
        window.componentModalInstances[modalId] = new ComponentModal(ModalEls[i]);
        window.componentModalInstances[modalId].init();
      }
    });
  }
});