Adds a script that handles stripe checkout buttons

onegov/pay/assets/js/stripe.js

@@ -0,0 +1,63 @@
+var loadScript = function(url, callback, location) {
+    var scriptTag = document.createElement('script');
+    scriptTag.onload = callback;
+    scriptTag.onreadystatechange = callback;
+    scriptTag.src = url;
+
+    (location || document.body).appendChild(scriptTag);
+};
+
+var getStripeAttributes = function(button) {
+    var attributes = [];
+
+    for (var i = 0; i < button.attributes.length; i++) {
+        var attribute = button.attributes[i];
+
+        if (attribute.name.startsWith('data-stripe')) {
+            attributes.push(attribute);
+        }
+    }
+
+    return attributes;
+};
+
+var setupCheckoutButton = function(button) {
+    var config = {
+        token: function(token) {
+            button.setAttribute('value', token.id);
+        }
+    };
+
+    var attributes = getStripeAttributes(button);
+    for (var i = 0; i < attributes.length; i++) {
+        var attribute = attributes[i];
+        config[attribute.name.replace('data-stripe-', '')] = attribute.value;
+    }
+
+    var handler = StripeCheckout.configure(config);
+    button.addEventListener('click', function(e) {
+        handler.open();
+        e.preventDefault();
+    });
+
+    // close checkout on page navigation
+    window.addEventListener('popstate', function() {
+        handler.close();
+    });
+};
+
+var setupCheckout = function(buttons) {
+    loadScript('https://checkout.stripe.com/checkout.js', function() {
+        for (var i = 0; i < buttons.length; i++) {
+            setupCheckoutButton(buttons[i]);
+        }
+    });
+};
+
+document.addEventListener("DOMContentLoaded", function() {
+    var buttons = document.querySelectorAll('.stripe-connect');
+
+    if (buttons.length !== 0) {
+        setupCheckout(buttons);
+    }
+});

onegov/pay/integration.py

@@ -37,3 +37,13 @@ def configure_payment_providers(self, **cfg):
     def default_payment_provider(self):
         return self.session().query(PaymentProvider)\
             .filter_by(default=True).first()
+
+
+@PayApp.webasset_path()
+def get_js_path():
+    return 'assets/js'
+
+
+@PayApp.webasset('pay')
+def get_pay_assets():
+    yield 'stripe.js'

onegov/pay/models/payment_providers/stripe.py

@@ -82,6 +82,7 @@ def checkout_button(self, label, amount, currency, **extra):
 
         extra['amount'] = round(amount * 100, 0)
         extra['currency'] = currency
+        extra['key'] = self.publishable_key
 
         attributes = (
             (escape(str(key)), escape(str(value)))