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 @@
+
+
+ + +

Подписка на корм

+ +
+

+ Спасибо за интерес к нашему новому виду услуг, данная функция находится в разработке, если вы хотите узнать первыми о запуске подпишитесь на рассылку. +

+
+ +
+ + +
+
+ +
+ + +

Ваш заказ оформлен

+ +
+

+ Подтвердите вашу почту +

+
+ +
+ +
+ +
+ +
+
+ +
+ +

Изменить мои данные

+ +
+
+
+ + + Имя введено неверно +
+ +
+ + + Фамилия введена неверно +
+
+ +
+ +
+
+

7

+ +
Номер введён неверно
+
+ +
+ + + + + + + + + + + +
+
+
+
+ +
+ + + +
+
+
+ +
+ +

Добавить питомца

+ +
+
+ +
+ +
+ + + +
+
+ +
+
+ + + Имя введено неверно +
+
+ +
+
+ + + Порода введено неверно +
+
+ +
+ +
+ +
+ + + + +
+
+ +
+
+ +
+ +
+
+ + + + + +
+
+
+
+ +
+ +
+ +
+
+ + + + + +
+
+
+
+
+ +
+ +
+ + +
+ + + +
+
+ +
+
+
+
+
+
+ +

Малыш (от 0 до 1 года)

+
+
+
+
+
+ +

Взрослый (от 1 года до 7 лет)

+
+
+
+
+
+ +

Пожилой (от 7 до 12 лет)

+
+
+
+
+
+ +

Стареющий (от 12 лет и старше)

+
+ +
+ +
+
+ + +
+ +
+ +
+ +
+
+ + + +
+
+
+
+ +
+ + +
+
+
+ +
+ +
+
+
+ +
+
+

Добавить адрес

+ + +
+ + + +
+ +
+
+
+
+ + + Имя введено неверно +
+
+ +
+
+ + + Имя введено неверно +
+ +
+ + + Фамилия введена неверно +
+
+ +
+
+ + + Имя введено неверно +
+ +
+ + + Фамилия введена неверно +
+
+
+ +
+ + + +
+
+
+ +
+
МоскваЯндекс Карты — транспорт, навигация, поиск мест
+
+ +
+ + + +
+
+
+