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

добавил js

Browse Source
This commit is contained in:
Kirill Pet
2025-05-02 16:56:48 +03:00
parent ec60360db1
commit f3eedee26f
4 changed files with 122 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
subscription-last.html
View File

@@ -537,7 +537,7 @@
<div class="modal-form-content__line">
<div class="modal-form-content-line__element">
<label for="firstname" class="label-name modal-form-content-line__element--arrow">Пункт выдачи</label>
<input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить адрес" required="">
<input id="firstname" class="form__input form-open" type="text" name="address" placeholder="Начните вводить адрес" required="" data-form="form-data">
<span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
</div>
</div>
@@ -549,7 +549,7 @@
<div class="modal-form-content__line">
<div class="modal-form-content-line__element">
<label for="firstname" class="label-name modal-form-content-line__element--arrow">Адрес доставки</label>
<input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить ваш адрес" required="">
<input id="firstname" class="form__input form-open" type="text" name="address" placeholder="Начните вводить адрес" required="" data-form="form-data">
<span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
</div>
</div>
@@ -727,13 +727,32 @@
</div>
<script type="module">
import * as fun from './assets/js/gp-function.js';
import TogglesCollection from './assets/js/toggle.js';
import TabsCollection from './assets/js/tabs.js'
new TogglesCollection();
new TabsCollection();
fun.modalFormOpen('.form-open');
fun.closeModalForm('.modal-form__close');
fun.closeModalForm('.modal-form__button-close');
let modal = document.querySelector('.modal');
modal.onclick = function (eventModal) {
let thisTarget = eventModal.target;
if (thisTarget.classList.contains('modal')) {
thisTarget.classList.remove('active');
if (!thisTarget.querySelector('.modal-map.active')) {
thisTarget.querySelector('.modal-form.active').classList.remove('active');
}else{
thisTarget.querySelector('.modal-map.active').classList.remove('active');
}
}
}
</script>
<script type="module" src="assets/js/gp-cabinet.js"></script>
<!-- <script type="module" src="assets/js/gp-cabinet.js"></script> -->
<script src="assets/js/gp-form.js"></script>