fixing SPP`s countdown in landing page

moacirmoda · moacirmoda · commit 38cac7a24448 · 2020-07-14T18:04:30.000-03:00
diff --git a/pythonpro/core/static/js/spp/countdown.js b/pythonpro/core/static/js/spp/countdown.js
@@ -3,24 +3,20 @@ function initCountDown(countDown) {
         minute = second * 60,
         hour = minute * 60,
         day = hour * 24;
-        x = setInterval(function () {
+    x = setInterval(function () {
 
-            let now = new Date().getTime(),
-                distance = countDown - now;
+        let now = new Date().getTime(),
+            distance = countDown - now;
 
-            document.getElementsByClassName('days')[0].innerText = Math.floor(distance / (day)),
-                document.getElementsByClassName('days')[1].innerText = Math.floor(distance / (day)),
-                document.getElementsByClassName('hours')[0].innerText = Math.floor((distance % (day)) / (hour)),
-                document.getElementsByClassName('hours')[1].innerText = Math.floor((distance % (day)) / (hour)),
-                document.getElementsByClassName('minutes')[0].innerText = Math.floor((distance % (hour)) / (minute)),
-                document.getElementsByClassName('minutes')[1].innerText = Math.floor((distance % (hour)) / (minute)),
-                document.getElementsByClassName('seconds')[0].innerText = Math.floor((distance % (minute)) / second),
-                document.getElementsByClassName('seconds')[1].innerText = Math.floor((distance % (minute)) / second);
+        document.getElementsByClassName('days')[0].innerText = Math.floor(distance / (day));
+        document.getElementsByClassName('hours')[0].innerText = Math.floor((distance % (day)) / (hour));
+        document.getElementsByClassName('minutes')[0].innerText = Math.floor((distance % (hour)) / (minute));
+        document.getElementsByClassName('seconds')[0].innerText = Math.floor((distance % (minute)) / second);
 
-            if (distance < 0) {
-                clearInterval(x);
-                'Tempo esgotado!';
-            }
+        if (distance < 0) {
+            clearInterval(x);
+            'Tempo esgotado!';
+        }
 
-        }, second)
+    }, second)
 }
diff --git a/pythonpro/launch/templates/launch/landing_page.html b/pythonpro/launch/templates/launch/landing_page.html
@@ -147,22 +147,22 @@ <h3 class="countdown__group__subtitle fw-300 text-blue">Não perca tempo e garan
 
         <div class="countdown__group__numbers">
           <div class="countdown__group__numbers__item">
-            <span class="countdown__group__numbers__item__time text-blue fw-900 font-highlighted" id="days"></span>
+            <span class="countdown__group__numbers__item__time text-blue fw-900 font-highlighted days" id="days"></span>
             <span class="countdown__group__numbers__item__description text-uppercase text-green fw-700">Dias</span>
           </div>
 
           <div class="countdown__group__numbers__item">
-            <span class="countdown__group__numbers__item__time text-blue fw-900 font-highlighted" id="hours"></span>
+            <span class="countdown__group__numbers__item__time text-blue fw-900 font-highlighted hours" id="hours"></span>
             <span class="countdown__group__numbers__item__description text-uppercase text-green fw-700">Horas</span>
           </div>
 
           <div class="countdown__group__numbers__item">
-            <span class="countdown__group__numbers__item__time text-blue fw-900 font-highlighted" id="minutes"></span>
+            <span class="countdown__group__numbers__item__time text-blue fw-900 font-highlighted minutes" id="minutes"></span>
             <span class="countdown__group__numbers__item__description text-uppercase text-green fw-700">Minutos</span>
           </div>
 
           <div class="countdown__group__numbers__item">
-            <span class="countdown__group__numbers__item__time text-blue fw-900 font-highlighted" id="seconds"></span>
+            <span class="countdown__group__numbers__item__time text-blue fw-900 font-highlighted seconds" id="seconds"></span>
             <span class="countdown__group__numbers__item__description text-uppercase text-green fw-700">Segundos</span>
           </div>
         </div>
@@ -243,7 +243,10 @@ <h4 class="footer__group__content__item__title fw-700 text-blue text-uppercase">
     </footer>
   </main>
 
-  <script src="{% static 'js/spp/countdown.min.js' %}"></script>
+  <script src="{% static 'js/spp/countdown.js' %}"></script>
+  <script>
+    initCountDown(new Date('Aug 10, 2020 23:59:59').getTime());
+  </script>
   {% endblock %}
   {% block extrabody %}{% endblock extrabody %}
 </body>
