Добавлен механизм отложенного заполнения полей с ожиданием рендеринга формсета

myproject/orders/templates/orders/order_form.html

@@ -2259,53 +2259,94 @@ if (!document.getElementById('notification-styles')) {
 <!-- Заполнение скрытых полей для товаров из черновика POS -->
 {% if draft_items_json %}
 <script>
-const draftItemsJson = '{{ draft_items_json|safe }}';
-const draftItems = JSON.parse(draftItemsJson);
-
-if (draftItems.length > 0) {
+(function() {
+    'use strict';
+    
+    const draftItemsJson = '{{ draft_items_json|safe }}';
+    const draftItems = JSON.parse(draftItemsJson);
+    
+    if (draftItems.length === 0) {
+        return;
+    }
+    
     console.log('[Draft Items] 📦 Найдены товары из черновика:', draftItems.length);
     console.log('[Draft Items] 📋 Данные товаров:', draftItems);
-
-    // Заполняем скрытые поля для каждой формы
-    draftItems.forEach((item, index) => {
-        console.log(`[Draft Items] ⚙️ Обработка товара ${index}:`, item);
+    
+    // Функция для заполнения полей
+    function fillDraftFields() {
+        console.log('[Draft Items] 🔄 Попытка заполнить поля...');
         
-        // Находим форму по индексу
-        const productField = document.querySelector(`[name="items-${index}-product"]`);
-        const kitField = document.querySelector(`[name="items-${index}-product_kit"]`);
-        const quantityField = document.querySelector(`[name="items-${index}-quantity"]`);
-        const priceField = document.querySelector(`[name="items-${index}-price"]`);
-        
-        if (!productField || !kitField) {
-            console.warn(`[Draft Items] ⚠️ Форма ${index} не найдена`);
+        // Проверяем, есть ли формы в DOM
+        const firstProductField = document.querySelector('[name="items-0-product"]');
+        if (!firstProductField) {
+            console.log('[Draft Items] ⏳ Формы ещё не отрендерены, ожидание...');
+            setTimeout(fillDraftFields, 50); // Повтор через 50мс
             return;
         }
         
-        // Устанавливаем значения
-        if (item.type === 'product') {
-            productField.value = item.id;
-            kitField.value = '';
-            console.log(`[Draft Items] ✅ Установлен product ID: ${item.id}`);
-        } else if (item.type === 'kit' || item.type === 'showcase_kit') {
-            kitField.value = item.id;
-            productField.value = '';
-            console.log(`[Draft Items] ✅ Установлен kit ID: ${item.id}`);
-        }
+        console.log('[Draft Items] ✅ Формы найдены в DOM, заполнение...');
         
-        // Устанавливаем количество и цену
-        if (quantityField) {
-            quantityField.value = item.quantity;
-            console.log(`[Draft Items] 🔢 Установлено количество: ${item.quantity}`);
-        }
-        if (priceField) {
-            priceField.value = item.price;
-            priceField.dataset.originalPrice = item.price;
-            console.log(`[Draft Items] 💰 Установлена цена: ${item.price}`);
-        }
-    });
-
-    console.log('[Draft Items] ✅ Все скрытые поля заполнены');
-}
+        // Заполняем скрытые поля для каждой формы
+        draftItems.forEach((item, index) => {
+            console.log(`[Draft Items] ⚙️ Обработка товара ${index}:`, item);
+            
+            // Находим форму по индексу
+            const productField = document.querySelector(`[name="items-${index}-product"]`);
+            const kitField = document.querySelector(`[name="items-${index}-product_kit"]`);
+            const quantityField = document.querySelector(`[name="items-${index}-quantity"]`);
+            const priceField = document.querySelector(`[name="items-${index}-price"]`);
+            
+            if (!productField || !kitField) {
+                console.warn(`[Draft Items] ⚠️ Форма ${index} не найдена`);
+                return;
+            }
+            
+            console.log(`[Draft Items] 🔍 Поля формы ${index}:`);
+            console.log(`  - productField:`, productField);
+            console.log(`  - kitField:`, kitField);
+            
+            // Устанавливаем значения
+            if (item.type === 'product') {
+                productField.value = item.id;
+                kitField.value = '';
+                console.log(`[Draft Items] ✅ Установлен product ID: ${item.id}`);
+            } else if (item.type === 'kit' || item.type === 'showcase_kit') {
+                kitField.value = item.id;
+                productField.value = '';
+                console.log(`[Draft Items] ✅ Установлен kit ID: ${item.id}`);
+            }
+            
+            // Устанавливаем количество и цену
+            if (quantityField) {
+                quantityField.value = item.quantity;
+                console.log(`[Draft Items] 🔢 Установлено количество: ${item.quantity}`);
+            }
+            if (priceField) {
+                priceField.value = item.price;
+                priceField.dataset.originalPrice = item.price;
+                console.log(`[Draft Items] 💰 Установлена цена: ${item.price}`);
+            }
+        });
+        
+        console.log('[Draft Items] ✅ Все скрытые поля заполнены');
+        
+        // Триггерим переинициализацию Select2 чтобы он загрузил данные
+        console.log('[Draft Items] 🔄 Триггер переинициализации Select2...');
+        
+        // Даём время на то, чтобы initExistingOrderItems увидел заполненные поля
+        setTimeout(() => {
+            console.log('[Draft Items] ✅ Готово к инициализации Select2');
+        }, 100);
+    }
+    
+    // Запускаем заполнение сразу при загрузке DOM
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', fillDraftFields);
+    } else {
+        // DOM уже загружен
+        fillDraftFields();
+    }
+})();
 </script>
 {% endif %}