34 lines
1 KiB
TypeScript
34 lines
1 KiB
TypeScript
|
import { suggest } from 'email-butler';
|
||
|
|
import { show, hide } from '@utils';
|
||
|
|
import { ApplicationController } from './application_controller';
|
||
|
|
|
||
|
|
export class EmailInputController extends ApplicationController {
|
||
|
|
static targets = ['ariaRegion', 'suggestion', 'input'];
|
||
|
|
|
||
|
|
declare readonly ariaRegionTarget: HTMLElement;
|
||
|
|
declare readonly suggestionTarget: HTMLElement;
|
||
|
|
declare readonly inputTarget: HTMLInputElement;
|
||
|
|
|
||
|
|
checkEmail() {
|
||
|
|
const suggestion = suggest(this.inputTarget.value);
|
||
|
|
if (suggestion && suggestion.full) {
|
||
|
|
this.suggestionTarget.innerHTML = suggestion.full;
|
||
|
|
show(this.ariaRegionTarget);
|
||
|
|
this.ariaRegionTarget.setAttribute('aria-live', 'assertive');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
accept() {
|
||
|
|
this.ariaRegionTarget.setAttribute('aria-live', 'off');
|
||
|
|
hide(this.ariaRegionTarget);
|
||
|
|
this.inputTarget.value = this.suggestionTarget.innerHTML;
|
||
|
|
this.suggestionTarget.innerHTML = '';
|
||
|
|
}
|
||
|
|
|
||
|
|
discard() {
|
||
|
|
this.ariaRegionTarget.setAttribute('aria-live', 'off');
|
||
|
|
hide(this.ariaRegionTarget);
|
||
|
|
this.suggestionTarget.innerHTML = '';
|
||
|
|
}
|
||
|
|
}
|