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

assets/css/gp-style-core.css

@@ -1679,6 +1679,11 @@ button{
   border-radius: 20px;
 
   position: relative;
+
+  display: none;
+}
+.modal-form.active{
+  display: block;
 }
 .modal-form--white{
   border: 1px solid var(--background-black);
@@ -1827,11 +1832,14 @@ button{
 
   width: 1105px;
 
-  display: flex;
+  display: none;
 
   border-radius: 24px;
   border: none;
 }
+.modal-map.active{
+  display: flex;
+}
 .modal-map__left{
   width: 600px;
 

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){
     }
 }
 
+
+