England Football

Registration Loader 

<div class="registration-loader registration_hide" role="alert" aria-label="loading, Please do not refresh the page. ">
    <img id="registration-loader-logo" src="/assets/example-content/loading_with_logo.gif" loading="lazy" alt="loading" />
</div>

No notes defined.

/* No context defined. */
  • Content: 
    // eslint-disable-next-line import/no-cycle
import { currentPage } from '../registrationUtility';

const registrationloader = document.querySelector('#registration-loader-logo');

export const showRegistrationLoader = () => {
  currentPage.isLoading = true;
  if (registrationloader) {
    registrationloader.parentElement.classList.remove('registration_hide');
  }
};

export const hideRegistrationLoader = () => {
  currentPage.isLoading = false;
  if (registrationloader) {
    registrationloader.parentElement.classList.add('registration_hide');
  }
};
  • URL: /components/raw/registration-loader/registration-loader.js
  • Filesystem Path: src/library/modules/registration/registration-loader/registration-loader.js
  • Size: 557 Bytes
  • Content: 
    .registration-loader {
  position: absolute;
  justify-content: center;
  align-items: center;
  top: 0;
  z-index: 10;
  background: #004f9f;
  width: 100%;
  height: 100%;
  display: flex;

  #registration-loader-logo {
    display: block;
  }
}
  • URL: /components/raw/registration-loader/registration-loader.scss
  • Filesystem Path: src/library/modules/registration/registration-loader/registration-loader.scss
  • Size: 263 Bytes 
<div class="registration-loader registration_hide" role="alert" aria-label="loading, Please do not refresh the page. ">
    <img id="registration-loader-logo" src="/assets/example-content/loading_with_logo.gif" loading="lazy" alt="loading" />
</div>