turnstile

commit 76ff82acdd8e0f0ed8317166537110e0a1ac8d53
parent d0e58f2226859297ac5342a8e449a59043c09abb
Author: Florian Dold <florian@dold.me>
Date:   Tue, 25 Nov 2025 22:28:54 +0100

detection for taler wallet support in browser

Diffstat:
M
js/payment-button.js
 | 
12
++++++++++++
M
templates/taler-turnstile-payment-button.html.twig
 | 
6
+++---

2 files changed, 15 insertions(+), 3 deletions(-)
diff --git a/js/payment-button.js b/js/payment-button.js
@@ -153,6 +153,18 @@
           pollPaymentStatus(paymentUrl, sessionId);
         }
       });
+      window.talerCallback = (res) => {
+        if (res.present) {
+          $('.show-if-taler-supported', context).removeClass('hidden');
+        } else {
+          $('.show-if-taler-supported', context).addClass('hidden');
+        }
+      };
+      // Add taler-support meta tag
+      let meta = document.createElement('meta');
+      meta.name = "taler-support";
+      meta.content = "api,callback";
+      document.getElementsByTagName('head')[0].appendChild(meta);
     }
   };
 
diff --git a/templates/taler-turnstile-payment-button.html.twig b/templates/taler-turnstile-payment-button.html.twig
@@ -13,14 +13,14 @@
       <p class="taler-turnstile-qr-help">{{ 'Scan with your GNU Taler wallet'|t }}</p>
     </div>
 
-    <div class="taler-turnstile-payment-or" hidden>
+    <div class="taler-turnstile-payment-or hidden show-if-taler-supported">
       <span>{{ 'or'|t }}</span>
     </div>
 
     <a href="{{ payment_url }}"
-       class="button button--primary taler-turnstile-pay-button"
+       class="button button--primary taler-turnstile-pay-button hidden show-if-taler-supported"
        data-order-id="{{ order_id }}"
-       data-session-id="{{ session_id }}" hidden>
+       data-session-id="{{ session_id }}">
       {{ 'Open GNU Taler payment Web page'|t }}
     </a>
   </div>