fraport/fradrive-old
fraport/fradrive-old
Archived
3
1
Fork 0
Code Issues 65 Pull Requests 5 Actions Packages Projects Releases 197 Wiki Activity

chore(form-error-reporter): implemented destroy in form-error-reporter

Browse Source
This commit is contained in:
Johannes Eder 2021-06-25 11:41:44 +02:00 committed by Sarah Vaupel
parent ded4c1f64e
commit b2c3f77966
2 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/lib/event-manager/event-manager.js
View File

@ -2,6 +2,8 @@
export const EVENT_TYPE = { export const EVENT_TYPE = {
CLICK : 'click', CLICK : 'click',
KEYDOWN : 'keydown', KEYDOWN : 'keydown',
INVALID : 'invalid',
CHANGE : 'change',
//more to be added //more to be added
}; };

33
frontend/src/utils/form/form-error-reporter.js
View File

@ -1,5 +1,6 @@
import { Utility } from '../../core/utility'; import { Utility } from '../../core/utility';
import * as defer from 'lodash.defer'; import * as defer from 'lodash.defer';
import { EventManager, EventWrapper, EVENT_TYPE } from '../../lib/event-manager/event-manager';
const FORM_ERROR_REPORTER_INITIALIZED_CLASS = 'form-error-remover--initialized'; const FORM_ERROR_REPORTER_INITIALIZED_CLASS = 'form-error-remover--initialized';
@ -10,12 +11,16 @@ export class FormErrorReporter {
_element; _element;
_err; _err;
_eventManager;
constructor(element) { constructor(element) {
if (!element) if (!element)
throw new Error('Form Error Reporter utility needs to be passed an element!'); throw new Error('Form Error Reporter utility needs to be passed an element!');
this._element = element; this._element = element;
this._eventManager = new EventManager();
if (this._element.classList.contains(FORM_ERROR_REPORTER_INITIALIZED_CLASS)) if (this._element.classList.contains(FORM_ERROR_REPORTER_INITIALIZED_CLASS))
return; return;
@ -24,11 +29,23 @@ export class FormErrorReporter {
start() { start() {
if (this._element.willValidate) { if (this._element.willValidate) {
this._element.addEventListener('invalid', this.report.bind(this)); let invalidElementEvent = new EventWrapper(EVENT_TYPE.INVALID, this.report.bind(this), this._element);
this._element.addEventListener('change', () => { defer(this.report.bind(this)); } ); this._eventManager.registerNewListener(invalidElementEvent);
let changedElementEvent = new EventWrapper(EVENT_TYPE.CHANGE, () => { defer(this.report.bind(this)); }, this._element);
this._eventManager.registerNewListener(changedElementEvent);
} }
} }
destroy() {
this._eventManager.removeAllEventListenersFromUtil();
this._removeError();
if(this._element.classList.contains(FORM_ERROR_REPORTER_INITIALIZED_CLASS))
this._element.classList.remove(FORM_ERROR_REPORTER_INITIALIZED_CLASS);
}
report() { report() {
const msg = this._element.validity.valid ? null : this._element.validationMessage; const msg = this._element.validity.valid ? null : this._element.validationMessage;
@ -37,10 +54,7 @@ export class FormErrorReporter {
if (!target) if (!target)
return; return;
if (this._err && this._err.parentNode) { this._removeError();
this._err.parentNode.removeChild(this._err);
this._err = undefined;
}
if (!msg) { if (!msg) {
target.classList.remove('standalone-field--has-error', 'form-group--has-error'); target.classList.remove('standalone-field--has-error', 'form-group--has-error');
@ -65,4 +79,11 @@ export class FormErrorReporter {
} }
} }
} }
_removeError() {
if (this._err && this._err.parentNode) {
this._err.parentNode.removeChild(this._err);
this._err = undefined;
}
}
} }