feat(orders): добавить фильтр для показа завершённых заказов
Добавлен новый булевый фильтр "show_all_orders" в OrderFilter, позволяющий отображать все заказы, включая завершённые и отменённые. Обновлён шаблон order_list.html с добавлением тумблера для автоматической отправки формы при переключении фильтра. Фильтр по умолчанию показывает только активные заказы.
This commit is contained in:
@@ -41,7 +41,7 @@
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="get">
|
||||
<form method="get" id="order-filter-form">
|
||||
<div class="row g-3">
|
||||
<!-- Поиск -->
|
||||
<div class="col-md-3">
|
||||
@@ -86,6 +86,19 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Тумблер "Включая завершённые" -->
|
||||
<div class="row mt-3">
|
||||
<div class="col-12">
|
||||
<div class="form-check form-switch">
|
||||
<input type="checkbox" name="show_all_orders" class="form-check-input" id="id_show_all_orders"
|
||||
{% if request.GET.show_all_orders %}checked{% endif %}>
|
||||
<label class="form-check-label" for="id_show_all_orders">
|
||||
Включая завершённые
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Календарный фильтр по дате доставки (вторая строка) -->
|
||||
<div class="row mt-3">
|
||||
<div class="col-12">
|
||||
@@ -388,6 +401,15 @@
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Тумблер "Включая завершённые" - автоматическая отправка формы
|
||||
const showAllOrdersSwitch = document.getElementById('id_show_all_orders');
|
||||
const filterForm = document.getElementById('order-filter-form');
|
||||
if (showAllOrdersSwitch && filterForm) {
|
||||
showAllOrdersSwitch.addEventListener('change', function() {
|
||||
filterForm.submit();
|
||||
});
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user