fix багов

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;

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;

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

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,7 +1089,10 @@
                         </button>
                     </div>
 
-                    <form action="/send-telegram.php" method="post" class="modal-map__form">
+                    <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">
@@ -1131,10 +1134,11 @@
                             <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="Отмена">
+                                <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">
                     <div class="modal-map__map" style="position:relative;overflow:hidden;"><a href="https://yandex.ru/maps/213/moscow/?utm_medium=mapframe&utm_source=maps" style="color:#eee;font-size:12px;position:absolute;top:0px;">Москва</a><a href="https://yandex.ru/maps/213/moscow/?ll=37.710230%2C55.812249&mode=whatshere&utm_medium=mapframe&utm_source=maps&whatshere%5Bpoint%5D=37.622787%2C55.774846&whatshere%5Bzoom%5D=6.31&z=12.54" style="color:#eee;font-size:12px;position:absolute;top:14px;">Яндекс Карты — транспорт, навигация, поиск мест</a><iframe src="https://yandex.ru/map-widget/v1/?ll=37.710230%2C55.812249&mode=whatshere&whatshere%5Bpoint%5D=37.622787%2C55.774846&whatshere%5Bzoom%5D=6.31&z=12.54" width="560" height="400" frameborder="1" allowfullscreen="true" style="position:relative;"></iframe></div>