fix открытие/закрытие form/notification

assets/js/_gp-function.js

@@ -60,6 +60,18 @@ export function modalClose(buttonElement) {
     })
 }
 
+export function closeModalForm(close){
+    let buttons = document.querySelectorAll(close),
+        modal = document.querySelector('.modal');
+
+    buttons.forEach(button => {
+        button.onclick = function (buttonEvent) {
+            modal.classList.remove('active');
+            modal.querySelector('.active').classList.remove('active');
+        }
+    })
+}
+
 export function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) {
     let elements = document.querySelectorAll(mainElement);
 
@@ -122,4 +134,18 @@ export function toggleHeader(button, content, blockheight, removeBlock, removeCl
     }
 }
 
+export function modalFormOpen(formOrNotification) {
+    let buttons = document.querySelectorAll(formOrNotification),
+        modal = document.querySelector('.modal');
+
+    buttons.forEach(button => {
+        button.onclick = function (eventButton) {
+            let classOpenForm = button.dataset.form,
+                form = modal.querySelector(`.${classOpenForm}`);                
+
+            form.classList.add('active');
+            modal.classList.add('active');
+        }
+    })
+}
 // function

assets/js/gp-cabinet.js

@@ -5,7 +5,9 @@ import * as fun from './_gp-function.js';
 let widthPhoneCabinet = 1200;
 
 fun.toggleOpenX('.cabinet-card__order', '.cabinet-card-order__open-detail', '.cabinet-card-order__detail', '.cabinet-card-order__block-detail');
+fun.modalFormOpen('.form-open');
 
+fun.closeModalForm('.modal-form__close');
 
 controlCabinet('.cabinet-control__button', '.cabinet', widthPhoneCabinet);
 
@@ -50,3 +52,5 @@ function controlCabinet(buttons, main, minWidth){
     }
 }
 
+
+