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

fix 17.11

Browse Source
cosmopet--Memento-mori-dev
Kirill Pet 9 months ago
parent c344dbcd43
commit 01e6e988e5
3 changed files with 36 additions and 20 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. 2
      assets/css/gp-style-order.css
  2. 16
      assets/js/gp-form.js
  3. 38
      order.html

2
assets/css/gp-style-order.css
Unescape View File

@ -82,6 +82,8 @@
font-size: 12px;
line-height: 133%;
color: var(--text-black);
text-decoration: none;
}
.order-your-products__description{
margin-top: 8px;

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

@ -240,3 +240,19 @@ function inputPhoneNoFlag(input){
})
})
}
inputCheck('.form-agreement__check');
function inputCheck(className) {
let checks = document.querySelectorAll(className);
checks.forEach(check => {
let square = check.querySelector('.form-agreement__square'),
input = check.querySelector('input');
square.onclick = function () {
input.click();
}
})
}

38
order.html
Unescape View File

@ -238,11 +238,11 @@
</button>
</div>
<form action="" class="order-contacts__form">
<form action="" class="order-contacts__form" id="recipient">
<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="">
<input class="form__input" type="text" placeholder="Ваше имя" required="">
<span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
</div>
</div>
@ -267,7 +267,7 @@
<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 no-flag" type="text" maxlength="15" minlength="15" name="name" pattern="7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" placeholder="+7 ___ ___ ____" required="" data-code="7">
<input class="form__input no-flag" type="text" maxlength="15" minlength="15" pattern="7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" placeholder="+7 ___ ___ ____" required="" data-code="7">
<span class="form-input__error form-input__error--absolute">Номер телефона введен неверно</span>
</div>
</div>
@ -395,7 +395,7 @@
<img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
<div class="order-your-products__content">
<p class="order-your-products__name">Сухой корм, для крупных и средних пород </p>
<a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
<p class="order-your-products__description">Индейка, 2 кг </p>
</div>
</div>
@ -415,7 +415,7 @@
<img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
<div class="order-your-products__content">
<p class="order-your-products__name">Сухой корм, для крупных и средних пород </p>
<a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
<p class="order-your-products__description">Индейка, 2 кг </p>
</div>
</div>
@ -435,7 +435,7 @@
<img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
<div class="order-your-products__content">
<p class="order-your-products__name">Сухой корм, для крупных и средних пород </p>
<a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
<p class="order-your-products__description">Индейка, 2 кг<span>1</span></p>
</div>
</div>
@ -453,7 +453,7 @@
<div class="order-your__calculation">
<form action="" class="order-your__promo">
<input id="firstname" class="form__input form__input--grey" type="text" name="name" placeholder="Промокод" required="">
<input class="form__input form__input--grey" type="text" minlength="1" placeholder="Промокод">
<input type="submit" value="Применить" class="button button--white button--red-48-px active order-your-promo__button">
</form>
@ -481,9 +481,7 @@
</div>
<div class="order-your-calculation__submit">
<button class="button button--gradient button--high button--100-perc">
Оплатить
</button>
<input type="submit" form="recipient" class="button button--gradient button--high button--100-perc" value="Оплатить">
</div>
</div>
</div>
@ -596,35 +594,35 @@
<form class="modal-form__content " method="post" action="/send-telegram.php">
<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="">
<label for="address" class="label-name">Адрес</label>
<input id="address" class="form__input" type="text" placeholder="Начните вводить ваш адрес" required="">
<span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
</div>
<div class="modal-form-content__line modal-form-content__line--two-mobile">
<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="">
<label for="apartment" class="label-name">Квартира</label>
<input id="apartment" class="form__input" type="text" placeholder="Квартира" required="">
<span class="form-input__error form-input__error--absolute">Квартира введено неверно</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="">
<label for="floor" class="label-name">Этаж</label>
<input id="floor" class="form__input" type="text" 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-mobile">
<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="">
<label for="entrance" class="label-name">Подъезд</label>
<input id="entrance" class="form__input" type="text" placeholder="Подъезд" required="">
<span class="form-input__error form-input__error--absolute">Подъезд введен неверно</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="">
<label for="number-phone" class="label-name">Домофон</label>
<input id="number-phone" class="form__input" type="text" placeholder="Код домофона" required="">
<span class="form-input__error form-input__error--absolute">Код домофона введен неверно</span>
</div>
</div>

Write Preview
Loading…
Cancel
Save