feat: add redirect after milliseconds

frappe · Jul 3, 2024 · e5a9d14 · e5a9d14
1 parent 19fb58f
commit e5a9d14
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/payments/types.py b/payments/types.py
@@ -142,6 +142,7 @@ class Proceeded:
 class ActionAfterProcessed:
 	href: str
 	label: str
+	redirect_after_milliseconds: int | None = None
 
 
 @dataclass

diff --git a/payments/www/pay.html b/payments/www/pay.html
@@ -89,6 +89,7 @@ <h5 class='page-card-head text-center'>
 				class='btn btn-primary btn-sm btn-block'
 				style='display: none;'
 			></a>
+			<p class="text-center small my-3" style="display: none;" id="action-redirect-message">{{ _("Redirecting in") }} <span id="action-redirect-message-seconds">10</span> {{ _("seconds") }}</p>
 			{{ gateway_wrapper }}
 		</div>
 		{% endif %}

diff --git a/payments/www/pay.js b/payments/www/pay.js
@@ -66,5 +66,20 @@ $(document).on("payment-processed", function (e, r) {
 		cta.attr("href", r.message.action.href)
 		cta.toggle(true)
 		cta.focus()
+		if (r.message.action.redirect_after_milliseconds) {
+			const message = $("#action-redirect-message");
+			const secondsCounter = $("#action-redirect-message-seconds");
+			let seconds = Math.floor(r.message.action.redirect_after_milliseconds / 1000);
+			secondsCounter.html(seconds);
+      function updateCounter() {
+          seconds--;
+          secondsCounter.html(seconds);
+      }
+			message.toggle(true)
+			setInterval(updateCounter, 1000);
+			setTimeout(function() {
+				window.location.href = r.message.action.href
+			}, r.message.action.redirect_after_milliseconds);
+		}
 	}
 })