Good-Production
/
template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

fix багов

Browse Source
cosmopet--Memento-mori-dev
Kirill Pet 10 months ago
parent 38a8eb5f1f
commit c48ab5bc5f
4 changed files with 84 additions and 54 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 9
      assets/css/gp-style-core.css
  2. 4
      assets/css/gp-style-tablet.css
  3. 23
      assets/js/gp-form.js
  4. 102
      registration.html

9
assets/css/gp-style-core.css
Unescape View File

@ -912,7 +912,12 @@ button{
.form-input-list__item.active .form-input-list-item-box__content{ .form-input-list__item.active .form-input-list-item-box__content{
background: var(--gradient-blue); background: var(--gradient-blue);
} }
.remote-control__item{
display: none;
}
.remote-control__item.active{
display: block;
}
/* .form-input-radio__ */ /* .form-input-radio__ */
/* form */ /* form */
@ -1943,7 +1948,7 @@ button{
} }
.modal-map-form__button{ .modal-map-form__button{
margin-top: 88px; margin-top: 83px;
} }
.modal-map-form__sub-button{ .modal-map-form__sub-button{
display: none; display: none;

4
assets/css/gp-style-tablet.css
Unescape View File

@ -190,13 +190,13 @@ main{
} }
.cabinet__orders.active, .cabinet__profile.active{ .cabinet__orders.active, .cabinet__profile.active{
opacity: 1; opacity: 1;
width: 100%;
} }
.cabinet__orders.hide, .cabinet__profile.hide{ .cabinet__orders.hide, .cabinet__profile.hide{
position: static; position: static;
display: block; display: block;
pointer-events:auto; pointer-events:auto;
width: 100%;
} }
.cabinet__subscription-pc{ .cabinet__subscription-pc{
display: none; display: none;

23
assets/js/gp-form.js
Unescape View File

@ -74,6 +74,7 @@ function checkPhone(input) {
} }
inputTabs('.form-input__tabs', '.form-input-tabs__button'); inputTabs('.form-input__tabs', '.form-input-tabs__button');
inputTabs('.modal-map__control', '.modal-map-control__item');
function inputTabs(main, button) { function inputTabs(main, button) {
let mains = document.querySelectorAll(main); 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('.form-input__remote-control', '.form-input-tabs__button');
remoteControl('.modal-map__control', '.modal-map-control__item');
function remoteControl(main, button) { function remoteControl(main, button) {
let mains = document.querySelectorAll(main); let mains = document.querySelectorAll(main);
console.log(mains);
mains.forEach(main => { mains.forEach(main => {
let subjectClass = main.dataset.content, let subjectClass = main.dataset.content,
subject = document.querySelector(`.${subjectClass}`), 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'); subject.children[indexActive].classList.add('active');
}, 0); }, 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')
}
})
} }

102
registration.html
Unescape View File

@ -721,7 +721,7 @@
<button class="modal-form__close"></button> <button class="modal-form__close"></button>
<p class="modal-form__title">Изменить мои данные</p> <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 modal-form-content__line--two">
<div class="modal-form-content-line__element"> <div class="modal-form-content-line__element">
<label for="firstname" class="label-name">Имя</label> <label for="firstname" class="label-name">Имя</label>
@ -798,13 +798,13 @@
<button class="modal-form__close"></button> <button class="modal-form__close"></button>
<p class="modal-form__title">Добавить питомца</p> <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"> <div class="modal-form-content__line">
<label for="" class="label-name">Вид животного</label> <label for="" class="label-name">Вид животного</label>
<div class="form-input__tabs"> <div class="form-input__tabs">
<label for="cat" class="form-input-tabs__button active"> <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>
<label for="dog" class="form-input-tabs__button"> <label for="dog" class="form-input-tabs__button">
@ -836,7 +836,7 @@
<div class="form-input__tabs"> <div class="form-input__tabs">
<label for="boy" class="form-input-tabs__button active"> <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>
<label for="girl" class="form-input-tabs__button"> <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"> <div class="form-input__tabs form-input__remote-control" data-content="modal__age">
<label for="exemplary" class="form-input-tabs__button active"> <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>
<label for="accurate" class="form-input-tabs__button"> <label for="accurate" class="form-input-tabs__button">
@ -966,7 +966,7 @@
</div> </div>
<div class="modal__age"> <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__item active">
<div class="form-input-radio__circle"> <div class="form-input-radio__circle">
<div class="form-input-radio-circle__content"></div> <div class="form-input-radio-circle__content"></div>
@ -998,7 +998,7 @@
<input type="text" value="Малыш (от 0 до 1 года)" class="form-input-radio__input"> <input type="text" value="Малыш (от 0 до 1 года)" class="form-input-radio__input">
</div> </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"> <div class="modal-form-content-line__element">
<label for="firstname" class="label-name">День</label> <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="ДД" > <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> <p class="modal-form__title">Добавить адрес</p>
<button class="modal-form__close"></button> <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"> <button class="modal-map-control__item">
<div class="modal-map-control-item__content"> <div class="modal-map-control-item__content">
<div class="modal-map-control-item__header"> <div class="modal-map-control-item__header">
@ -1089,51 +1089,55 @@
</button> </button>
</div> </div>
<form action="/send-telegram.php" method="post" class="modal-map__form"> <div class="modal-map__address">
<div class="modal-map-form__hidden"> <div class="remote-control__item">
<div class="modal-form-content__line"> </div>
<div class="modal-form-content-line__element"> <form action="/send-telegram.php" method="post" class="modal-map__form remote-control__item active">
<label for="firstname" class="label-name">Адрес</label> <div class="modal-map-form__hidden">
<input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить ваш адрес" required=""> <div class="modal-form-content__line">
<span class="form-input__error form-input__error--absolute">Имя введено неверно</span> <div class="modal-form-content-line__element">
</div> <label for="firstname" class="label-name">Адрес</label>
</div> <input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить ваш адрес" required="">
<span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
<div class="modal-form-content__line modal-form-content__line--two"> </div>
<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>
<div class="modal-form-content-line__element"> <div class="modal-form-content__line modal-form-content__line--two">
<label for="lastname" class="label-name">Этаж</label> <div class="modal-form-content-line__element">
<input id="lastname" class="form__input" type="text" name="name" placeholder="Этаж" required=""> <label for="firstname" class="label-name">Квартира</label>
<span class="form-input__error">Фамилия введена неверно</span> <input id="firstname" class="form__input" type="text" name="name" placeholder="Квартира" required="">
</div> <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">
<div class="modal-form-content-line__element"> <label for="lastname" class="label-name">Этаж</label>
<label for="firstname" class="label-name">Подъезд</label> <input id="lastname" class="form__input" type="text" name="name" placeholder="Этаж" required="">
<input id="firstname" class="form__input" type="text" name="name" placeholder="Подъезд" required=""> <span class="form-input__error">Фамилия введена неверно</span>
<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>
<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>
<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 class="modal-form__buttons modal-form__buttons--two modal-map-form__button">
</div> <input class="button button--gradient button--high button--filter " type="submit" value="Сохранить">
</form>
<input type="reset" class="button button--white open-overlay button--high modal-form__button-close" value="Отмена">
</div>
</form>
</div>
</div> </div>
<div class="modal-map__right"> <div class="modal-map__right">

Write Preview
Loading…
Cancel
Save