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

83
subscription-order.html
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,26 +225,33 @@
</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">
<div class="cabinet-card__content">
<div class="cabinet-card__element">
@@ -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__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>
<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>
<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>