From 40283e348b2df6b1520164ba3541d01d72c8ea3c Mon Sep 17 00:00:00 2001
From: Johannes Eder <ederj@cip.ifi.lmu.de>
Date: Thu, 8 Jul 2021 15:53:42 +0200
Subject: [PATCH] chore(interactive-fieldset): implemented destroy method

---
 frontend/src/utils/form/interactive-fieldset.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontend/src/utils/form/interactive-fieldset.js b/frontend/src/utils/form/interactive-fieldset.js
index 7e912ab90..70051b64b 100644
--- a/frontend/src/utils/form/interactive-fieldset.js
+++ b/frontend/src/utils/form/interactive-fieldset.js
@@ -1,4 +1,5 @@
 import { Utility } from '../../core/utility';
+import { EventManager, EventWrapper, EVENT_TYPE } from '../../lib/event-manager/event-manager';
 
 const INTERACTIVE_FIELDSET_UTIL_TARGET_SELECTOR = '.interactive-fieldset__target';
 
@@ -15,6 +16,8 @@ export class InteractiveFieldset {
 
   _element;
 
+  _eventManager;
+
   conditionalInput;
   conditionalValue;
   target;
@@ -28,6 +31,8 @@ export class InteractiveFieldset {
 
     this._element = element;
 
+    this._eventManger = new EventManager();
+
     if (this._element.classList.contains(INTERACTIVE_FIELDSET_INITIALIZED_CLASS)) {
       return false;
     }
@@ -62,13 +67,11 @@ export class InteractiveFieldset {
     this.childInputs = Array.from(this._element.querySelectorAll(INTERACTIVE_FIELDSET_CHILD_SELECTOR)).filter(child => child.closest('[uw-interactive-fieldset]') === this._element);
 
     // add event listener
-    const observer = new MutationObserver(this._updateVisibility.bind(this));
-    observer.observe(this.conditionalInput, { attributes: true, attributeFilter: ['data-interactive-fieldset-hidden'] });
-    this.conditionalInput.addEventListener('input', this._updateVisibility.bind(this));
-
+    this._eventManager.registerNewMutationObserver(this._updateVisibility.bind(this), this.conditionalInput, { attributes: true, attributeFilter: ['data-interactive-fieldset-hidden'] });
+    const inputEvent = new EventWrapper(EVENT_TYPE.INPUT, this._updateVisibility.bind(this), this.conditionalInput);
+    this._eventManager.registerNewListener(inputEvent);
     // mark as initialized
     this._element.classList.add(INTERACTIVE_FIELDSET_INITIALIZED_CLASS);
-
   }
 
   start() {
@@ -77,7 +80,8 @@ export class InteractiveFieldset {
   }
 
   destroy() {
-    // TODO
+    this._eventManager.cleanUp();
+    this._element.classList.remove(INTERACTIVE_FIELDSET_INITIALIZED_CLASS);
   }
 
   _updateVisibility() {