add countdown timer to blockonomics payment page

Manny27nyc · Feb 24, 2020 · 4b83dbe · 4b83dbe
1 parent 7041b39
commit 4b83dbe
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/public/javascripts/expressCart.js b/public/javascripts/expressCart.js
@@ -451,6 +451,21 @@ $(document).ready(function (){
         showNotification('Payment expired', 'danger');
         blSocket.close();
       }, 1000*60*timeOutMinutes);
+
+      var countdownel = $("#blockonomics_timeout");
+      var endDatebl = new Date((new Date()).getTime() + 1000*60*timeOutMinutes);
+      var blcountdown = setInterval(function() {
+        var now = new Date().getTime();
+        var distance = endDatebl - now;
+        if (distance < 0) {
+          clearInterval(blcountdown);
+          return;
+        }
+        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+        var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+        countdownel.html(minutes + "m " + seconds + "s");
+      }, 1000);
+
       blSocket.onmessage = function (msg) {
         var data = JSON.parse(msg.data);
         var messageInsufficient = '';

diff --git a/views/themes/Cloth/checkout-blockonomics.hbs b/views/themes/Cloth/checkout-blockonomics.hbs
@@ -66,6 +66,7 @@
                             <div class="row">
                                 <div class="col-md-12" id="blockonomics_waiting" style="text-align:center;">
                                     Waiting for payment<br>
+                                    <strong><span id="blockonomics_timeout">10m 0s</span></strong> left<br>
                                     <img src="/images/spinner.gif">
                                 </div>
                             </div>