demarches-normaliennes/app/javascript/controllers/email_france_connect_controller.ts

32 lines
952 B
TypeScript

import { ApplicationController } from './application_controller';
export class EmailFranceConnectController extends ApplicationController {
static targets = ['useFranceConnectEmail', 'emailField'];
emailFieldTarget!: HTMLInputElement;
useFranceConnectEmailTargets!: HTMLInputElement[];
connect() {
this.triggerEmailField();
}
triggerEmailField() {
const checkedTarget = this.useFranceConnectEmailTargets.find(
(target) => target.checked
);
const inputElement = this.emailFieldTarget.querySelector(
'input'
) as HTMLInputElement;
if (checkedTarget && checkedTarget.value === 'false') {
this.emailFieldTarget.classList.remove('fr-hidden');
inputElement.setAttribute('required', '');
this.emailFieldTarget.required = true;
} else {
this.emailFieldTarget.classList.add('fr-hidden');
inputElement.removeAttribute('required');
inputElement.value = '';
}
}
}