Убраны галочки выбора из list view компонента поиска товаров

- Удалены иконки галочек (bi-circle/bi-check-circle-fill) из list view
- Выбор товара теперь показывается только через изменение фона (класс selected)
- В grid view галочка остаётся в правом верхнем углу
- Упрощён метод _updateProductUI - убрана логика переключения иконок
- Более чистый и понятный интерфейс для single-select режима
This commit is contained in:
2025-12-11 00:29:13 +03:00
parent b115869b2d
commit b6fb1652fe

View File

@@ -394,9 +394,6 @@
: '<span class="badge bg-secondary">Нет</span>';
var selectedClass = isSelected ? 'selected' : '';
var checkIcon = isSelected
? '<i class="bi bi-check-circle-fill text-success me-2"></i>'
: '<i class="bi bi-circle text-muted me-2"></i>';
var photoHtml = product.photo_url
? '<img src="' + product.photo_url + '" class="rounded" style="width: 40px; height: 40px; object-fit: cover;">'
@@ -408,7 +405,6 @@
return '<div class="col-12">' +
'<div class="product-picker-item d-flex align-items-center p-2 border rounded ' + selectedClass + '" ' +
'data-product-id="' + productId + '" style="cursor: pointer;">' +
checkIcon +
'<div class="flex-shrink-0 me-2">' +
photoHtml +
'</div>' +
@@ -483,12 +479,6 @@
if (isSelected) {
card.classList.add('selected');
// Обновить иконку
var icon = card.querySelector('.bi-circle');
if (icon) {
icon.classList.remove('bi-circle', 'text-muted');
icon.classList.add('bi-check-circle-fill', 'text-success');
}
// Добавить иконку в grid view если её нет
if (this.state.currentView === 'grid') {
var posRel = card.querySelector('.position-relative');
@@ -500,17 +490,11 @@
}
} else {
card.classList.remove('selected');
var iconCheck = card.querySelector('.bi-check-circle-fill');
if (iconCheck) {
// В list view меняем иконку
if (this.state.currentView === 'list') {
iconCheck.classList.remove('bi-check-circle-fill', 'text-success');
iconCheck.classList.add('bi-circle', 'text-muted');
} else {
// В grid view удаляем иконку
if (iconCheck.classList.contains('check-icon')) {
iconCheck.remove();
}
// В grid view удаляем иконку
if (this.state.currentView === 'grid') {
var iconCheck = card.querySelector('.check-icon');
if (iconCheck) {
iconCheck.remove();
}
}
}