Mount Stripe element to the specific DOM element

This commit is contained in:
Jean-Baptiste Bellet
2021-11-15 11:44:22 +01:00
parent f7bf6e1083
commit fc779e0237

View File

@@ -1,7 +1,7 @@
angular.module('admin.payments').directive "stripeElements", ($injector, AdminStripeElements) ->
restrict: 'E'
template: "<label for='card-element'>\
<div id='card-element'></div>\
<div id='card-element' class='card-element'></div>\
<div id='card-errors' class='error'></div>\
</label>"
@@ -18,7 +18,7 @@ angular.module('admin.payments').directive "stripeElements", ($injector, AdminSt
color: '#5c5c5c'
'::placeholder':
color: '#6c6c6c'
card.mount('#card-element')
card.mount(elem.find('.card-element').get(0))
# Elements validates user input as it is typed. To help your customers
# catch mistakes, you should listen to change events on the card Element