From c9611bf3d2f4a105a11a643cc6f56bfabf35e566 Mon Sep 17 00:00:00 2001 From: Kirill Pet Date: Mon, 28 Oct 2024 19:49:06 +0300 Subject: [PATCH] =?UTF-8?q?fix=20=D0=BE=D1=82=D0=BA=D1=80=D1=8B=D1=82?= =?UTF-8?q?=D0=B8=D0=B5/=D0=B7=D0=B0=D0=BA=D1=80=D1=8B=D1=82=D0=B8=D0=B5?= =?UTF-8?q?=20form/notification?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/gp-style-core.css | 10 +- assets/js/_gp-function.js | 26 ++ assets/js/gp-cabinet.js | 4 + registration.html | 474 ++++++++++++++++++++++++++++++++++- 4 files changed, 508 insertions(+), 6 deletions(-) diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css index 08b07ab..b3dd74c 100644 --- a/assets/css/gp-style-core.css +++ b/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; diff --git a/assets/js/_gp-function.js b/assets/js/_gp-function.js index ec182a6..a7531e2 100644 --- a/assets/js/_gp-function.js +++ b/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 \ No newline at end of file diff --git a/assets/js/gp-cabinet.js b/assets/js/gp-cabinet.js index 9f23f75..3ef6000 100644 --- a/assets/js/gp-cabinet.js +++ b/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){ } } + + diff --git a/registration.html b/registration.html index 7ff353c..c2883ef 100644 --- a/registration.html +++ b/registration.html @@ -235,7 +235,7 @@
-
@@ -285,7 +285,7 @@
- @@ -309,7 +309,7 @@
-
@@ -354,7 +354,7 @@
-
-
@@ -673,6 +673,470 @@
+ +