[TASK] add overlays sidebar

frontend/main.ts

@@ -1,8 +1,9 @@
+import { Sidebar } from './js/sidebar';
 import './scss/app.scss'
 
 document.addEventListener('DOMContentLoaded', function() {
-  console.log("init");
   initSearch();
+  initSidebar();
 });
 
  function initSearch() {
@@ -40,3 +41,20 @@ function filterElements(input: string) {
     resultWrapper.innerHTML = (amountShownElements === 0 ? 'Kein Ergebnis gefunden' : '<strong>' + amountShownElements + '</strong>' + (amountShownElements > 1 ? ' Ergebnisse' : ' Ergebnis') + ' gefunden');
   }
 }
+
+function initSidebar() {
+  const sidebarTrigger = <NodeListOf<HTMLElement>>document.querySelectorAll('[data-trigger]');
+
+  if(sidebarTrigger) {
+    Array.prototype.forEach.call(sidebarTrigger, (triggerElement: HTMLElement) => {
+      if(triggerElement.dataset.trigger) {
+        const sidebar = new Sidebar(triggerElement.dataset.trigger);
+
+        triggerElement.addEventListener('click', () => {
+          sidebar.toggle();
+        });
+        
+      }
+    });
+  }
+}