feat(mobile): добавить дропдаун "Ещё" в действия корзины
Добавлена кнопка выпадающего меню в мобильный интерфейс для доступа к дополнительным функциям: "Отложенный заказ" и "На витрину". Обновлен шаблон terminal.html с добавлением структуры дропдауна. Добавлены стили в terminal.css для адаптивного отображения. Реализована логика в terminal.js для обработки кликов по мобильным кнопкам и вызова соответствующих десктопных действий.
This commit is contained in:
@@ -845,3 +845,30 @@ body {
|
|||||||
margin-top: 90px; /* учитываем поиск и категории */
|
margin-top: 90px; /* учитываем поиск и категории */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
МОБИЛЬНЫЙ DROPDOWN "ЕЩЁ"
|
||||||
|
============================================================ */
|
||||||
|
|
||||||
|
/* Кнопка dropdown */
|
||||||
|
.mobile-cart-actions .dropdown-toggle {
|
||||||
|
min-width: 44px;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Меню dropdown */
|
||||||
|
.mobile-cart-actions .dropdown-menu {
|
||||||
|
min-width: 180px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Пункты меню */
|
||||||
|
.mobile-cart-actions .dropdown-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-cart-actions .dropdown-item i {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|||||||
@@ -3392,6 +3392,30 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
categoriesContent.classList.add('collapsed');
|
categoriesContent.classList.add('collapsed');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ===== МОБИЛЬНЫЙ DROPDOWN "ЕЩЁ" =====
|
||||||
|
|
||||||
|
// Мобильная кнопка "Отложенный заказ"
|
||||||
|
const mobileScheduleLaterBtn = document.getElementById('mobileScheduleLaterBtn');
|
||||||
|
if (mobileScheduleLaterBtn) {
|
||||||
|
mobileScheduleLaterBtn.addEventListener('click', () => {
|
||||||
|
const scheduleBtn = document.getElementById('scheduleLater');
|
||||||
|
if (scheduleBtn) {
|
||||||
|
scheduleBtn.click();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Мобильная кнопка "На витрину"
|
||||||
|
const mobileAddToShowcaseBtn = document.getElementById('mobileAddToShowcaseBtn');
|
||||||
|
if (mobileAddToShowcaseBtn) {
|
||||||
|
mobileAddToShowcaseBtn.addEventListener('click', () => {
|
||||||
|
const showcaseBtn = document.getElementById('addToShowcaseBtn');
|
||||||
|
if (showcaseBtn) {
|
||||||
|
showcaseBtn.click();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Смена склада
|
// Смена склада
|
||||||
|
|||||||
@@ -142,6 +142,26 @@
|
|||||||
<button class="btn btn-outline-secondary btn-sm" id="mobileClearCartBtn" title="Очистить корзину">
|
<button class="btn btn-outline-secondary btn-sm" id="mobileClearCartBtn" title="Очистить корзину">
|
||||||
<i class="bi bi-trash"></i>
|
<i class="bi bi-trash"></i>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
<!-- Dropdown "Ещё" -->
|
||||||
|
<div class="dropdown">
|
||||||
|
<button class="btn btn-outline-secondary btn-sm dropdown-toggle" type="button"
|
||||||
|
id="mobileMoreBtn" data-bs-toggle="dropdown">
|
||||||
|
<i class="bi bi-three-dots"></i>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu dropdown-menu-end">
|
||||||
|
<li>
|
||||||
|
<button class="dropdown-item" id="mobileScheduleLaterBtn" type="button">
|
||||||
|
<i class="bi bi-calendar2 me-2"></i>Отложенный заказ
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button class="dropdown-item" id="mobileAddToShowcaseBtn" type="button">
|
||||||
|
<i class="bi bi-flower1 me-2"></i>На витрину
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user