переделал переключение в "Возраст питомца"

cosmopet--Memento-mori-dev
Kirill Pet 10 months ago
parent 615ec2ff91
commit 38a8eb5f1f
  1. 27
      assets/js/gp-form.js
  2. 2
      registration.html

@ -156,3 +156,30 @@ function listInputRadio(main ,item, textClass, input, content, block) {
})
})
}
remoteControl('.form-input__remote-control', '.form-input-tabs__button');
function remoteControl(main, button) {
let mains = document.querySelectorAll(main);
mains.forEach(main => {
let subjectClass = main.dataset.content,
subject = document.querySelector(`.${subjectClass}`),
buttons = Array.from(main.querySelectorAll(button));
main.addEventListener('mousedown', function (eventMain) {
setTimeout(() => {
let indexActive = buttons.findIndex((button, index) => {
if (button.classList.contains('active')) {
return true;
}
});
subject.querySelector('.active').classList.remove('active');
subject.children[indexActive].classList.add('active');
}, 0);
})
})
}

@ -952,7 +952,7 @@
<div class="modal-form-content__line">
<label for="" class="label-name">Возраст питомца</label>
<div class="form-input__tabs" 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">
Примерный
<input type="radio" checked name="weight" id="exemplary" class="form-input-tabs__input">

Loading…
Cancel
Save