starting to work with 3DS now

rowers/templates/braintreedropin.html

@@ -1,12 +1,17 @@
+{% load rowerfilters %}
 <script src="https://js.braintreegateway.com/web/dropin/1.19.0/js/dropin.min.js"></script>
 <script>
   var form = document.querySelector('#payment-form');
+  var hiddenNonceInput = document.querySelector('#nonce');
   var client_token = '{{ client_token }}';
   braintree.dropin.create({
     authorization: client_token,
   container: '#bt-dropin',
   paypal: {
       flow: 'vault'
+  },
+  threeDSecure: {
+  amount: '{{ plan.price|amount }}'
   }
   }, function (createErr, instance) {
     form.addEventListener('submit', function (event) {
@@ -16,10 +21,17 @@
           console.log('Error', err);
           return;
         }
-        // Add the nonce to the form and submit
+  if (payload.liabilityShifted || payload.type !== 'CreditCard') {
         document.querySelector('#nonce').value = payload.nonce;
+       hiddenNonceInput.value = payload.nonce;
         form.submit();
+  } else {
+        // Decide if you will force the user to enter a different
+        // payment method if liablity was not shifted
+        dropinInstance.clearSelectedPaymentMethod();
+      }
   });
+
       });
     });
 </script>

rowers/templatetags/rowerfilters.py

@@ -484,6 +484,13 @@ def future_date_only(the_date):
 def is_future_date(the_date):
     return the_date >= date.today()
 
+@register.filter
+def amount(value):
+    vs = '{v}.00'.format(v=int(value))
+    return vs
+                         
+                         
+
 @register.filter
 def date_dif(the_date):
     if the_date == date(1970,1,1):