From 6d66b822ac59cf751a2c67bfa366494c91ce04bf Mon Sep 17 00:00:00 2001
From: Johannes Eder <ederj@cip.ifi.lmu.de>
Date: Wed, 30 Jun 2021 17:01:20 +0200
Subject: [PATCH] chore(course-teaser): implemented destroy in course teaser

---
 .../src/utils/course-teaser/course-teaser.js    | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/frontend/src/utils/course-teaser/course-teaser.js b/frontend/src/utils/course-teaser/course-teaser.js
index 0419dcbda..95a49faee 100644
--- a/frontend/src/utils/course-teaser/course-teaser.js
+++ b/frontend/src/utils/course-teaser/course-teaser.js
@@ -1,4 +1,5 @@
 import { Utility } from '../../core/utility';
+import { EventManager, EventWrapper, EVENT_TYPE } from '../../lib/event-manager/event-manager';
 import './course-teaser.sass';
 
 const COURSE_TEASER_INITIALIZED_CLASS = 'course-teaser--initialized';
@@ -12,16 +13,30 @@ const COURSE_TEASER_CHEVRON_CLASS = 'course-teaser__chevron';
 export class CourseTeaser {
 
   _element;
+  _eventManager
 
   constructor(element) {
     if (!element) {
       throw new Error('CourseTeaser utility cannot be setup without an element!');
     }
+    this._eventManager = new EventManager();
     if (element.classList.contains(COURSE_TEASER_INITIALIZED_CLASS)) {
       return false;
     }
     this._element = element;
-    element.addEventListener('click', e => this._onToggleExpand(e));
+    const clickHandler =  e => this._onToggleExpand(e);
+    const clickEvent = new EventWrapper(EVENT_TYPE.CLICK, clickHandler.bind(this), element);
+    this._eventManager.registerNewListener(clickEvent);
+  }
+
+  destroy() {
+    this._eventManager.removeAllEventListenersFromUtil();
+    if(this._element.classList.contains(COURSE_TEASER_EXPANDED_CLASS)) {
+      this._element.classList.remove(COURSE_TEASER_EXPANDED_CLASS);
+    }
+    if (this._element.classList.contains(COURSE_TEASER_INITIALIZED_CLASS)) {
+      this._element.classList.remove(COURSE_TEASER_INITIALIZED_CLASS);
+    }
   }
 
   _onToggleExpand(event) {