Put payment method description just above the

+ update spec by adding `data-paymentmethod-id` attribute
This commit is contained in:
Jean-Baptiste Bellet
2022-12-13 15:39:54 +01:00
parent f1bb4fdf38
commit 2d86e8857a
3 changed files with 13 additions and 9 deletions

View File

@@ -16,7 +16,9 @@ export default class extends Controller {
const stripeCardSelector =
this.application.getControllerForElementAndIdentifier(
document
.getElementById(event.target.dataset.paymentmethodId)
.querySelector(
`[data-paymentmethod-id="${event.target.dataset.paymentmethodId}"]`
)
.querySelector('[data-controller="stripe-cards"]'),
"stripe-cards"
);
@@ -27,7 +29,8 @@ export default class extends Controller {
Array.from(
document.getElementsByClassName("paymentmethod-container")
).forEach((container) => {
const enabled = container.id === paymentMethodContainerId;
const enabled =
container.dataset.paymentmethodId === paymentMethodContainerId;
if (enabled) {
container.style.display = "block";