smaa/octopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

style(pos): улучшить адаптивность сетки товаров

Browse Source 
- Изменить брейкпоинт для 5 колонок с 992px на 1100px
- Увеличить ширину правой панели с 4/12 до 5/12 колонок

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Andrey Smakotin
2026-01-17 03:11:00 +03:00
parent 18cca326af
commit 928b340486
4 changed files with 437 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
myproject/products/templates/products/products_list.html
View File

@@ -339,11 +339,49 @@
{% endwith %}
</td>
<td>
{% if item.sale_price %}
<div class="text-decoration-line-through text-muted small">{{ item.price|floatformat:2 }} руб.</div>
<strong class="text-danger">{{ item.sale_price|floatformat:2 }} руб.</strong>
{% if item.item_type == 'product' %}
<div class="price-edit-container">
{% if item.sale_price %}
<div class="text-decoration-line-through text-muted small">{{ item.price|floatformat:2 }} руб.</div>
{% if user.is_superuser or user.tenant_role.role.code == 'owner' or user.tenant_role.role.code == 'manager' %}
<strong class="text-danger editable-price"
data-product-id="{{ item.pk }}"
data-field="sale_price"
data-current-value="{{ item.sale_price }}"
title="Цена со скидкой (клик для редактирования)"
style="cursor: pointer;">
{{ item.sale_price|floatformat:2 }} руб.
</strong>
{% else %}
<strong class="text-danger">
{{ item.sale_price|floatformat:2 }} руб.
</strong>
{% endif %}
{% else %}
{% if user.is_superuser or user.tenant_role.role.code == 'owner' or user.tenant_role.role.code == 'manager' %}
<strong class="editable-price"
data-product-id="{{ item.pk }}"
data-field="price"
data-current-value="{{ item.price }}"
title="Цена продажи (клик для редактирования)"
style="cursor: pointer;">
{{ item.price|floatformat:2 }} руб.
</strong>
{% else %}
<strong>
{{ item.price|floatformat:2 }} руб.
</strong>
{% endif %}
{% endif %}
</div>
{% else %}
<strong>{{ item.price|floatformat:2 }} руб.</strong>
{# Для комплектов редактирование не поддерживается #}
{% if item.sale_price %}
<div class="text-decoration-line-through text-muted small">{{ item.price|floatformat:2 }} руб.</div>
<strong class="text-danger">{{ item.sale_price|floatformat:2 }} руб.</strong>
{% else %}
<strong>{{ item.price|floatformat:2 }} руб.</strong>
{% endif %}
{% endif %}
</td>
<td>
@@ -588,12 +626,28 @@
#batch-actions-wrapper[data-hint="true"]:hover #batch-actions-hint {
display: inline-block !important;
}
/* Стили для редактируемых цен */
.editable-price {
cursor: pointer;
transition: color 0.2s ease;
}
.editable-price:hover {
color: #0d6efd !important;
text-decoration: underline;
}
.price-edit-container {
min-height: 2.5rem;
}
</style>
{% endblock %}
{% block extra_js %}
{% load static %}
<script src="{% static 'products/js/inline-price-edit.js' %}?v=1.5"></script>
<script src="{% static 'products/js/batch-selection.js' %}?v=1.5"></script>
<script src="{% static 'products/js/bulk-category-modal.js' %}?v=1.6"></script>
<script src="{% static 'products/js/recommerce-sync.js' %}?v=1.2"></script>