templates/Front/Shop/daily-maintenance.html.twig line 1

Open in your IDE?
  1. {% extends is_mobile.check ? '@templates/Mobile/Shop/layout.html.twig' : '@templates/Front/Shop/layout.html.twig' %}
  3. {% block content %}
  4.     <div class="card shadow my-5 mx-5 text-center">
  5.         <div class="card-header">
  6.             <h2>{{ 'app.ui.maintenance_on'|trans }}</h2>
  7.         </div>
  8.         <div class="card-body">
  9.             <p id="countDown">
  11.             </p>
  12.         </div>
  13.     </div>
  16.     <script>
  17.         $(document).ready(function () {
  18.             let countDownDate = new Date();
  19.             if (countDownDate.getHours() !== 0) {
  20.                 countDownDate.setDate(countDownDate.getDate() + 1);
  21.             }
  22.             countDownDate.setHours(0,6,0,0);
  23.             countDownDate = countDownDate.getTime();
  24.             let x = setInterval(function () {
  25.                let now = new Date().getTime();
  26.                let distance = countDownDate - now;
  28.                 let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  29.                 let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  30.                 let seconds = Math.floor((distance % (1000 * 60)) / 1000);
  32.                 $('#countDown').html(hours + "h "
  33.                     + minutes + "m " + seconds + "s ");
  35.                 if (distance < 0) {
  36.                     clearInterval(x);
  37.                     //window.location.href='/';
  38.                 }
  39.             }, 1000);
  40.         });
  41.     </script>
  42. {% endblock %}