33 lines
952 B
TypeScript
33 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 = '';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|