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

добавил js

Browse Source
cosmopet--Memento-mori-dev
Kirill Pet 3 months ago
parent ec60360db1
commit f3eedee26f
4 changed files with 122 additions and 39 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. 0
      assets/js/gp-function.js
  2. 53
      subscription-first.html
  3. 25
      subscription-last.html
  4. 81
      subscription-order.html

0
assets/js/_gp-function.js → assets/js/gp-function.js
Unescape View File

53
subscription-first.html
Unescape View File

@ -49,7 +49,6 @@
</head>
<body>
<header class="header">
<div class="header__content wrapper">
<button class="header__open-menu" id="phone-menu">
@ -226,13 +225,33 @@
</header>
<main class="wrapper">
<div class="cabinet__control">
<div class="cabinet__control cabinet__control--column">
<a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
<p>Отменить подписку</p>
<p>Перейти в профиль</p>
</a>
<div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
<a class="form-input-tabs__button active">
Заказы
</a>
<a class="form-input-tabs__button">
Подписки
</a>
</div>
</div>
<div class="cabinet">
<div class="cabinet__profile cabinet-content">
<div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
<a class="form-input-tabs__button active">
Заказы
</a>
<a class="form-input-tabs__button">
Подписки
</a>
</div>
<div class="cabinet-card cabinet-card--green">
<div class="cabinet-card__content">
<div class="cabinet-card__element">
@ -484,7 +503,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>
@ -510,11 +529,6 @@
</a>
</div>
</div>
<div class="cabinet-card-no-orders__element">
</div>
</div>
</div>
</main>
@ -660,13 +674,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();
</script>
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 src="assets/js/gp-form.js"></script>

25
subscription-last.html
Unescape 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>

81
subscription-order.html
Unescape View File

@ -49,7 +49,6 @@
</head>
<body>
<header class="header">
<div class="header__content wrapper">
<button class="header__open-menu" id="phone-menu">
@ -226,24 +225,31 @@
</header>
<main class="wrapper">
<div class="cabinet__control">
<button class="cabinet-control__button active start" data-cabinet="orders">Заказы</button>
<button class="cabinet-control__button" data-cabinet="profile">Профиль</button>
<div class="cabinet__control cabinet__control--column">
<a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
<p>Перейти в профиль</p>
</a>
<div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
<a class="form-input-tabs__button active">
Заказы
</a>
<a class="form-input-tabs__button">
Подписки
</a>
</div>
</div>
<div class="cabinet">
<div class="cabinet__profile cabinet-content">
<div>
<div class="form-input__tabs">
<label for="boy" class="form-input-tabs__button">
Заказы
<input type="radio" ed="" name="floor" id="boy" class="form-input-tabs__input">
</label>
<label for="girl" class="form-input-tabs__button active">
Подписки
<input type="radio" name="floor" id="girl" class="form-input-tabs__input">
</label>
</div>
<div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
<a class="form-input-tabs__button active">
Заказы
</a>
<a class="form-input-tabs__button">
Подписки
</a>
</div>
<div class="cabinet-card cabinet-card--green">
@ -298,18 +304,35 @@
<div class="cabinet-card cabinet-card--green">
<div class="cabinet-card__content">
<p class="cabinet-card__text">Мои адреса</p>
<div class="cabinet-card__element cabinet-card__element--margin-top-32">
<p class="cabinet-card__label">Курьер</p>
<p class="cabinet-card__text cabinet-card__text--grey">Не заполнено</p>
<div class="cabinet-card__pet">
<div class="cabinet-card-pet__icon">
<div class="cabinet-card-pet-icon__content">
<img src="assets/img/pet/mini-dog.png" alt="">
</div>
</div>
<button class="cabinet-card__element-change"></button>
<p class="cabinet-card-pet__name">Барон</p>
</div>
<div class="cabinet-card__element cabinet-card__element--margin-top-32">
<button class="button button--white button--100-perc form-open" data-form="modal-map">
Добавить адрес
<div class="cabinet-card__element">
<p class="cabinet-card__label">Порода:</p>
<p class="cabinet-card__text">Немецкая овчарка</p>
</div>
<div class="cabinet-card__element">
<p class="cabinet-card__label">Вес:</p>
<p class="cabinet-card__text">от 25 до 40 кг</p>
</div>
<div class="cabinet-card__element">
<p class="cabinet-card__label">Возраст:</p>
<p class="cabinet-card__text">3 года</p>
</div>
<div class="cabinet-card__element">
<p class="cabinet-card__label">Активность:</p>
<p class="cabinet-card__text">Активный</p>
</div>
<div class="cabinet-card__element">
<button class="cabinet-card__button">
Изменить
</button>
</div>
</div>
@ -847,8 +870,16 @@
</div>
</div>
<script type="module">
import TogglesCollection from './assets/js/toggle.js';
import TabsCollection from './assets/js/tabs.js'
new TogglesCollection();
new TabsCollection();
</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>
</body>
</html>
Write Preview
Loading…
Cancel
Save