From c48ab5bc5fc5ce4e8fa3267c3dc4ab278bd3a0ac Mon Sep 17 00:00:00 2001
From: Kirill Pet <job.mori.1967@gmail.com>
Date: Thu, 31 Oct 2024 15:27:16 +0300
Subject: [PATCH] =?UTF-8?q?fix=20=D0=B1=D0=B0=D0=B3=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/gp-style-core.css   |   9 ++-
 assets/css/gp-style-tablet.css |   4 +-
 assets/js/gp-form.js           |  23 +++++++-
 registration.html              | 102 +++++++++++++++++----------------
 4 files changed, 84 insertions(+), 54 deletions(-)

diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css
index f38bbe0..b4cbd3a 100644
--- a/assets/css/gp-style-core.css
+++ b/assets/css/gp-style-core.css
@@ -912,7 +912,12 @@ button{
 .form-input-list__item.active .form-input-list-item-box__content{
   background: var(--gradient-blue);
 }
-
+.remote-control__item{
+  display: none;
+}
+.remote-control__item.active{
+  display: block;
+}
 /* .form-input-radio__ */
 /* form */
 
@@ -1943,7 +1948,7 @@ button{
   
 }
 .modal-map-form__button{
-  margin-top: 88px;
+  margin-top: 83px;
 }
 .modal-map-form__sub-button{
   display: none;
diff --git a/assets/css/gp-style-tablet.css b/assets/css/gp-style-tablet.css
index b9623e7..a1df426 100644
--- a/assets/css/gp-style-tablet.css
+++ b/assets/css/gp-style-tablet.css
@@ -190,13 +190,13 @@ main{
 }
 .cabinet__orders.active, .cabinet__profile.active{
     opacity: 1;
-
-    width: 100%;
 }
 .cabinet__orders.hide, .cabinet__profile.hide{
     position: static;
     display: block;
     pointer-events:auto;
+
+    width: 100%;
 }
 .cabinet__subscription-pc{
     display: none;
diff --git a/assets/js/gp-form.js b/assets/js/gp-form.js
index f7cec43..348db1f 100644
--- a/assets/js/gp-form.js
+++ b/assets/js/gp-form.js
@@ -74,6 +74,7 @@ function checkPhone(input) {
 }
 
 inputTabs('.form-input__tabs', '.form-input-tabs__button');
+inputTabs('.modal-map__control', '.modal-map-control__item');
 
 function inputTabs(main, button) {
     let mains = document.querySelectorAll(main);
@@ -158,10 +159,14 @@ function listInputRadio(main ,item, textClass, input, content, block) {
 }
 
 remoteControl('.form-input__remote-control', '.form-input-tabs__button');
+remoteControl('.modal-map__control', '.modal-map-control__item');
 
 function remoteControl(main, button) {
     let mains = document.querySelectorAll(main);
 
+    console.log(mains);
+    
+
     mains.forEach(main => {
         let subjectClass = main.dataset.content,
             subject  = document.querySelector(`.${subjectClass}`),
@@ -177,9 +182,25 @@ function remoteControl(main, button) {
                     }
                 });                
 
-                subject.querySelector('.active').classList.remove('active');
+                subject.querySelector('.remote-control__item.active').classList.remove('active');
                 subject.children[indexActive].classList.add('active');
             }, 0);
         })
     })
+}
+
+formCheck('.modal-form__content', 'input[type=submit]');
+formCheck('.modal-map__form', 'input[type=submit]');
+
+function formCheck(form, submit) {
+    let forms = document.querySelectorAll(form);
+
+    forms.forEach(form => {
+        let thisSubmit = form.querySelector(submit);
+
+        thisSubmit.onclick = function () {
+            form.classList.add('check')
+        }
+        
+    })
 }
\ No newline at end of file
diff --git a/registration.html b/registration.html
index 7f52f44..126c839 100644
--- a/registration.html
+++ b/registration.html
@@ -721,7 +721,7 @@
                 <button class="modal-form__close"></button>
                 <p class="modal-form__title">Изменить мои данные</p>
 
-                <form class="modal-form__content check" method="post" action="/send-telegram.php">
+                <form class="modal-form__content " method="post" action="/send-telegram.php">
                     <div class="modal-form-content__line modal-form-content__line--two">
                         <div class="modal-form-content-line__element">
                             <label for="firstname" class="label-name">Имя</label>
@@ -798,13 +798,13 @@
                 <button class="modal-form__close"></button>
                 <p class="modal-form__title">Добавить питомца</p>
 
-                <form class="modal-form__content check" method="post" action="/send-telegram.php">
+                <form class="modal-form__content " method="post" action="/send-telegram.php">
                     <div class="modal-form-content__line">
                         <label for="" class="label-name">Вид животного</label>
                         <div class="form-input__tabs">
                             <label for="cat" class="form-input-tabs__button active">
                                 Кошка
-                                <input type="radio" checked name="pet" id="cat" class="form-input-tabs__input">
+                                <input type="radio" ed name="pet" id="cat" class="form-input-tabs__input">
                             </label>
 
                             <label for="dog" class="form-input-tabs__button">
@@ -836,7 +836,7 @@
                         <div class="form-input__tabs">
                             <label for="boy" class="form-input-tabs__button active">
                                 Мальчик
-                                <input type="radio" checked name="floor" id="boy" class="form-input-tabs__input">
+                                <input type="radio" ed name="floor" id="boy" class="form-input-tabs__input">
                             </label>
 
                             <label for="girl" class="form-input-tabs__button">
@@ -955,7 +955,7 @@
                         <div class="form-input__tabs form-input__remote-control" data-content="modal__age">
                             <label for="exemplary" class="form-input-tabs__button active">
                                 Примерный
-                                <input type="radio" checked name="weight" id="exemplary" class="form-input-tabs__input">
+                                <input type="radio" ed name="weight" id="exemplary" class="form-input-tabs__input">
                             </label>
 
                             <label for="accurate" class="form-input-tabs__button">
@@ -966,7 +966,7 @@
                     </div>
 
                     <div class="modal__age">
-                        <div class="form-input__radio active">
+                        <div class="form-input__radio remote-control__item active">
                             <div class="form-input-radio__item active">
                                 <div class="form-input-radio__circle">
                                     <div class="form-input-radio-circle__content"></div>
@@ -998,7 +998,7 @@
                             <input type="text" value="Малыш (от 0 до 1 года)" class="form-input-radio__input">
                         </div>
     
-                        <div class="modal-form-content__line modal-form-content__line--three modal-form-content__line--margin-top-16">
+                        <div class="modal-form-content__line remote-control__item modal-form-content__line--three modal-form-content__line--margin-top-16">
                             <div class="modal-form-content-line__element">
                                 <label for="firstname" class="label-name">День</label>
                                 <input id="firstname" class="form__input form__input--center" pattern="[0-9]{2}" maxlength="2" type="text" name="name" placeholder="ДД" >
@@ -1057,7 +1057,7 @@
                     <p class="modal-form__title">Добавить адрес</p>
                     <button class="modal-form__close"></button>
 
-                    <div class="modal-map__control">
+                    <div class="modal-map__control"data-content="modal-map__address">
                         <button class="modal-map-control__item">
                             <div class="modal-map-control-item__content">
                                 <div class="modal-map-control-item__header">
@@ -1089,51 +1089,55 @@
                         </button>
                     </div>
 
-                    <form action="/send-telegram.php" method="post" class="modal-map__form">
-                        <div class="modal-map-form__hidden">
-                            <div class="modal-form-content__line">
-                                <div class="modal-form-content-line__element">
-                                    <label for="firstname" class="label-name">Адрес</label>
-                                    <input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить ваш адрес" required="">
-                                    <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
-                                </div>                    
-                            </div>
-
-                            <div class="modal-form-content__line modal-form-content__line--two">
-                                <div class="modal-form-content-line__element">
-                                    <label for="firstname" class="label-name">Квартира</label>
-                                    <input id="firstname" class="form__input" type="text" name="name" placeholder="Квартира" required="">
-                                    <span class="form-input__error">Имя введено неверно</span>
+                    <div class="modal-map__address">
+                        <div class="remote-control__item">
+                        </div>
+                        <form action="/send-telegram.php" method="post" class="modal-map__form remote-control__item active">
+                            <div class="modal-map-form__hidden">
+                                <div class="modal-form-content__line">
+                                    <div class="modal-form-content-line__element">
+                                        <label for="firstname" class="label-name">Адрес</label>
+                                        <input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить ваш адрес" required="">
+                                        <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                                    </div>                    
                                 </div>
-        
-                                <div class="modal-form-content-line__element">
-                                    <label for="lastname" class="label-name">Этаж</label>
-                                    <input id="lastname" class="form__input" type="text" name="name" placeholder="Этаж" required="">
-                                    <span class="form-input__error">Фамилия введена неверно</span>
-                                </div>                        
-                            </div>
-
-                            <div class="modal-form-content__line modal-form-content__line--two">
-                                <div class="modal-form-content-line__element">
-                                    <label for="firstname" class="label-name">Подъезд</label>
-                                    <input id="firstname" class="form__input" type="text" name="name" placeholder="Подъезд" required="">
-                                    <span class="form-input__error">Имя введено неверно</span>
+    
+                                <div class="modal-form-content__line modal-form-content__line--two">
+                                    <div class="modal-form-content-line__element">
+                                        <label for="firstname" class="label-name">Квартира</label>
+                                        <input id="firstname" class="form__input" type="text" name="name" placeholder="Квартира" required="">
+                                        <span class="form-input__error">Имя введено неверно</span>
+                                    </div>
+            
+                                    <div class="modal-form-content-line__element">
+                                        <label for="lastname" class="label-name">Этаж</label>
+                                        <input id="lastname" class="form__input" type="text" name="name" placeholder="Этаж" required="">
+                                        <span class="form-input__error">Фамилия введена неверно</span>
+                                    </div>                        
+                                </div>
+    
+                                <div class="modal-form-content__line modal-form-content__line--two">
+                                    <div class="modal-form-content-line__element">
+                                        <label for="firstname" class="label-name">Подъезд</label>
+                                        <input id="firstname" class="form__input" type="text" name="name" placeholder="Подъезд" required="">
+                                        <span class="form-input__error">Имя введено неверно</span>
+                                    </div>
+            
+                                    <div class="modal-form-content-line__element">
+                                        <label for="lastname" class="label-name">Домофон</label>
+                                        <input id="lastname" class="form__input" type="text" name="name" placeholder="Код домофона" required="">
+                                        <span class="form-input__error">Фамилия введена неверно</span>
+                                    </div>                        
                                 </div>
-        
-                                <div class="modal-form-content-line__element">
-                                    <label for="lastname" class="label-name">Домофон</label>
-                                    <input id="lastname" class="form__input" type="text" name="name" placeholder="Код домофона" required="">
-                                    <span class="form-input__error">Фамилия введена неверно</span>
-                                </div>                        
                             </div>
-                        </div>
-
-                        <div class="modal-form__buttons modal-form__buttons--two modal-map-form__button">
-                            <input class="button button--gradient button--high button--filter " type="submit" value="Сохранить">
     
-                            <input type="reset" class="button button--white open-overlay button--high Добавить адрес" value="Отмена">
-                        </div>
-                    </form>
+                            <div class="modal-form__buttons modal-form__buttons--two modal-map-form__button">
+                                <input class="button button--gradient button--high button--filter " type="submit" value="Сохранить">
+        
+                                <input type="reset" class="button button--white open-overlay button--high modal-form__button-close" value="Отмена">
+                            </div>
+                        </form>
+                    </div>
                 </div>
                 
                 <div class="modal-map__right">