[TASK] refactor sidebar forms (reduced size dramatically)

frontend/js/sidebar.ts

@@ -17,7 +17,7 @@ export class Sidebar {
       this.isOpen = false;
   }
 
-  checkStatus() {
+  checkStatus(): Boolean {
       return this.isOpen;
   }
 

frontend/main.ts

@@ -51,10 +51,36 @@ function initSidebar() {
         const sidebar = new Sidebar(triggerElement.dataset.trigger);
 
         triggerElement.addEventListener('click', () => {
+          if(triggerElement.dataset.trigger === 'addTrip') {
+            initTripSidebar(triggerElement);
+          }  
+
           sidebar.toggle();
         });
-        
       }
     });
   }
 }
+
+function initTripSidebar(triggerElement: HTMLElement) {
+  const sidebarElement = <HTMLElement>document.querySelector('#addTrip');
+  if(sidebarElement && triggerElement.dataset.form && triggerElement.dataset.header) {
+    let formElement = <HTMLElement>document.querySelector(triggerElement.dataset.form);
+    let formContainerElement = <HTMLElement>sidebarElement.querySelector('.form-js');
+    if(formContainerElement) {
+      formContainerElement.innerHTML = '';
+      formContainerElement.append(formElement);
+    }
+    if(triggerElement.dataset.day) {
+      let hiddenElement = <HTMLInputElement>formElement.querySelector('.day-js');
+      if(hiddenElement) {
+        hiddenElement.value = triggerElement.dataset.day;
+      }
+    }
+
+    let headerElement = sidebarElement.querySelector('.header-js');
+    if(headerElement) {
+      headerElement.innerHTML = triggerElement.dataset.header;
+    }
+  }
+}