cosmopet--Memento-mori-dev
Kirill Pet 9 months ago
parent 767d40f248
commit 224c9254e8
  1. 3
      assets/css/gp-style-core.css
  2. 18
      assets/js/gp-form.js
  3. 6
      order.html

@ -1992,6 +1992,9 @@ button{
background: var(--background-9);
position: relative;
}
.modal-map-control-item__input{
display: none;
}
.modal-map-control-item-circle__content{
width: 16px;
aspect-ratio: 1;

@ -76,7 +76,7 @@ function checkPhone(input) {
inputTabs('.form-input__tabs', '.form-input-tabs__button');
inputTabs('.modal-map__control', '.modal-map-control__item');
function inputTabs(main, button, mandatory) {
function inputTabs(main, button) {
let mains = document.querySelectorAll(main);
mains.forEach(main => {
@ -91,6 +91,8 @@ function inputTabs(main, button, mandatory) {
main.querySelector('.active').classList.remove('active');
button.classList.add('active');
button.querySelector('input').click();
}
})
@ -266,3 +268,17 @@ function inputCheck(className) {
}
})
}
inputRead('.input-read');
function inputRead(className) {
let inputs = document.querySelectorAll(className);
inputs.forEach(input => {
input.addEventListener("input", function (event) {
let text = event.target.value;
event.target.value = text.slice(0, -1);
})
})
}

@ -299,6 +299,7 @@
<p class="modal-map-control-item__price">Бесплатно</p>
</div>
</div>
<input type="radio" name="delivery" id="paragraph" class="modal-map-control-item__input" checked>
</button>
<button class="modal-map-control__item ">
@ -314,6 +315,7 @@
<p class="modal-map-control-item__price">От 159 рублей</p>
</div>
</div>
<input type="radio" name="delivery" id="courier" class="modal-map-control-item__input">
</button>
</div>
@ -322,7 +324,7 @@
<div class="order-contacts-deliver__item">
<div class="modal-form-content-line__element modal-form-content-line__element--arrow">
<label for="firstname" class="label-name">Пункт выдачи</label>
<input id="firstname" class="form__input form__input--grey form-open mandatory " type="text" name="name" placeholder="Выберите пункт выдачи" required="" data-form="form-point">
<input id="firstname" class="form__input form__input--grey form-open mandatory input-read" type="text" name="name" placeholder="Выберите пункт выдачи" required="" data-form="form-point" autocomplete="none">
</div>
</div>
</div>
@ -330,7 +332,7 @@
<div class="order-contacts-deliver__item">
<div class="modal-form-content-line__element modal-form-content-line__element--arrow">
<label for="firstname" class="label-name">Адрес доставки</label>
<input id="firstname" class="form__input form__input--grey form-open mandatory" type="text" name="name" placeholder="Выберите адрес доставки" data-form="form-address">
<input id="firstname" class="form__input form__input--grey form-open mandatory input-read" type="text" name="name" placeholder="Выберите адрес доставки" data-form="form-address" autocomplete="none">
</div>
</div>

Loading…
Cancel
Save