templates/components/loading.html.twig line 1

Open in your IDE?
  1. <div id="loading" style="display:none; width:100%; height:100%">
  2.     <div class="css3-spinner">
  3.         <div class="css3-spinner-scale-ripple">
  4.             <div style="border-color:#d16c00"></div>
  5.             <div style="border-color:#012c3b"></div>
  6.             <div style="border-color:#d16c00"></div>
  7.         </div>
  8.     </div>
  9. </div>
  10. <script>
  11.     window.addEventListener("submit", function(){
  12.         triggerLoading();
  13.     });
  14.     function triggerLoading(){
  15.         document.getElementById("divContent").style.display = "none";
  16.         document.getElementById("divModals").style.display = "none";
  17.         document.getElementById("loading").style.display = "block";
  18.     }
  19.     function triggerPage(){
  20.         document.getElementById("divContent").style.display = "block";
  21.         document.getElementById("divModals").style.display = "block";
  22.         document.getElementById("loading").style.display = "none";
  23.     }    
  24.     function triggerLoadingInElement(elementId){
  25.         document.getElementById(elementId).innerHTML = "";
  26.         var divLoading = document.getElementById('loading');
  27.         clone = divLoading.cloneNode(true);
  28.         clone.style.display = "block";
  29.         clone.id = "clone_loading";
  30.         document.getElementById(elementId).appendChild(clone);
  31.     }
  32. </script>