From 7dc54963d5fbaa1006288307938cbba3ae9c0007 Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Thu, 11 Dec 2025 00:35:25 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=20=D0=B1=D0=B0=D0=B3=20=D0=BC=D1=83=D0=BB=D1=8C?=
 =?UTF-8?q?=D1=82=D0=B8=D0=B2=D1=8B=D0=B1=D0=BE=D1=80=D0=B0=20=D0=B2=20sin?=
 =?UTF-8?q?gle-select=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD?=
 =?UTF-8?q?=D1=82=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Проблема: можно было выбрать несколько товаров одновременно
Причина: при смене выделения старый товар не всегда корректно находился в DOM

Решение:
- Добавлен метод _clearAllSelections() для принудительной очистки всех выделений
- Исправлено сравнение ID (добавлен String() в строке 443)
- При выборе нового товара сначала снимаются ВСЕ выделения через querySelectorAll
- Затем выделяется только новый выбранный товар
- Обновлена версия JS (v=3) для сброса кэша

Теперь гарантирован истинный single-select режим
---
 .../inventory/writeoff_document/detail.html   |  2 +-
 .../products/js/product-search-picker.js      | 33 +++++++++++++------
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/myproject/inventory/templates/inventory/writeoff_document/detail.html b/myproject/inventory/templates/inventory/writeoff_document/detail.html
index db13664..2719491 100644
--- a/myproject/inventory/templates/inventory/writeoff_document/detail.html
+++ b/myproject/inventory/templates/inventory/writeoff_document/detail.html
@@ -275,7 +275,7 @@
 </div>
 
 <!-- JS для компонента поиска -->
-<script src="{% static 'products/js/product-search-picker.js' %}?v=2"></script>
+<script src="{% static 'products/js/product-search-picker.js' %}?v=3"></script>
 <script>
 document.addEventListener('DOMContentLoaded', function() {
     // Элементы формы
diff --git a/myproject/products/static/products/js/product-search-picker.js b/myproject/products/static/products/js/product-search-picker.js
index a0a994f..baf4c79 100644
--- a/myproject/products/static/products/js/product-search-picker.js
+++ b/myproject/products/static/products/js/product-search-picker.js
@@ -440,25 +440,20 @@
 
         if (!product) return;
 
-        var isSelected = this.state.selected && this.state.selected.id === productId;
+        var isSelected = this.state.selected && String(this.state.selected.id) === String(productId);
 
         if (isSelected) {
             // Снять выбор
-            var oldProductId = this.state.selected.id;
             this.state.selected = null;
-            this._updateProductUI(oldProductId);
+            this._clearAllSelections();
             if (this.options.onDeselect) {
                 this.options.onDeselect(this);
             }
         } else {
-            // Сначала снимаем выбор со старого товара
-            if (this.state.selected) {
-                var oldProductId = this.state.selected.id;
-                this._updateProductUI(oldProductId);
-            }
-            
-            // Выбираем новый товар
+            // ПРИНУДИТЕЛЬНО снимаем выбор со ВСЕХ товаров
             this.state.selected = product;
+            this._clearAllSelections();
+            // Теперь выделяем только новый
             this._updateProductUI(productId);
             if (this.options.onSelect) {
                 this.options.onSelect(product, this);
@@ -469,6 +464,24 @@
         this._updateSelectionUI();
     };
 
+    /**
+     * Принудительно снять выделение со всех товаров
+     */
+    ProductSearchPicker.prototype._clearAllSelections = function() {
+        // Удаляем класс selected со всех товаров в DOM
+        if (this.elements.grid) {
+            var allItems = this.elements.grid.querySelectorAll('.product-picker-item');
+            allItems.forEach(function(item) {
+                item.classList.remove('selected');
+                // Удаляем галочку в grid view
+                var checkIcon = item.querySelector('.check-icon');
+                if (checkIcon) {
+                    checkIcon.remove();
+                }
+            });
+        }
+    };
+
     /**
      * Обновление UI товара
      */