Update nutri_call.html

nutri_call.html

@@ -330,110 +330,113 @@
 
 
 <script>
-document.getElementById('calculate-btn').addEventListener('click', function() {
-    // 1. Функция для безопасного получения числового значения
-    const getValue = (id) => {
-        const element = document.getElementById(id);
-        const value = parseFloat(element.value);
-        if (isNaN(value)) {
-            console.error(`Ошибка: поле ${id} содержит не число! Значение:`, element.value);
-            return 0;
-        }
-        return value;
-    };
-
-    // 2. Формируем данные в ТОЧНОМ формате для сервера
-    const requestData = {
-        fertilizerConstants: {
-            "Кальциевая селитра": {
-                "N (NO3-)": getValue('fert_ca_no3') / 100,
-                "Ca": getValue('fert_ca_ca') / 100
-            },
-            "Калий азотнокислый": {
-                "N (NO3-)": getValue('fert_kno3_no3') / 100,
-                "K": getValue('fert_kno3_k') / 100
-            },
-            "Аммоний азотнокислый": {
-                "N (NO3-)": getValue('fert_nh4no3_no3') / 100,
-                "N (NH4+)": getValue('fert_nh4no3_nh4') / 100
-            },
-            "Сульфат магния": {
-                "Mg": getValue('fert_mgso4_mg') / 100,
-                "S": getValue('fert_mgso4_s') / 100
-            },
-            "Монофосфат калия": {
-                "P": getValue('fert_kh2po4_p') / 100,
-                "K": getValue('fert_kh2po4_k') / 100
+document.getElementById('calculate-btn').addEventListener('click', async function() {
+    const btn = this;
+    btn.disabled = true;
+    btn.textContent = 'Расчет...';
+    
+    try {
+        // 1. Собираем данные
+        const requestData = {
+            fertilizerConstants: {
+                "Кальциевая селитра": {
+                    "N (NO3-)": parseFloat(document.getElementById('fert_ca_no3').value) / 100 || 0,
+                    "Ca": parseFloat(document.getElementById('fert_ca_ca').value) / 100 || 0
+                },
+                "Калий азотнокислый": {
+                    "N (NO3-)": parseFloat(document.getElementById('fert_kno3_no3').value) / 100 || 0,
+                    "K": parseFloat(document.getElementById('fert_kno3_k').value) / 100 || 0
+                },
+                "Аммоний азотнокислый": {
+                    "N (NO3-)": parseFloat(document.getElementById('fert_nh4no3_no3').value) / 100 || 0,
+                    "N (NH4+)": parseFloat(document.getElementById('fert_nh4no3_nh4').value) / 100 || 0
+                },
+                "Сульфат магния": {
+                    "Mg": parseFloat(document.getElementById('fert_mgso4_mg').value) / 100 || 0,
+                    "S": parseFloat(document.getElementById('fert_mgso4_s').value) / 100 || 0
+                },
+                "Монофосфат калия": {
+                    "P": parseFloat(document.getElementById('fert_kh2po4_p').value) / 100 || 0,
+                    "K": parseFloat(document.getElementById('fert_kh2po4_k').value) / 100 || 0
+                },
+                "Калий сернокислый": {
+                    "K": parseFloat(document.getElementById('fert_k2so4_k').value) / 100 || 0,
+                    "S": parseFloat(document.getElementById('fert_k2so4_s').value) / 100 || 0
+                }
             },
-            "Калий сернокислый": {
-                "K": getValue('fert_k2so4_k') / 100,
-                "S": getValue('fert_k2so4_s') / 100
+            profileSettings: {
+                'P': parseFloat(document.getElementById('profile_p').value) || 0,
+                'K': parseFloat(document.getElementById('profile_k').value) || 0,
+                'Mg': parseFloat(document.getElementById('profile_mg').value) || 0,
+                'Ca': parseFloat(document.getElementById('profile_ca').value) || 0,
+                'S': parseFloat(document.getElementById('profile_s').value) || 0,
+                'N (NO3-)': parseFloat(document.getElementById('profile_no3').value) || 0,
+                'N (NH4+)': parseFloat(document.getElementById('profile_nh4').value) || 0,
+                'liters': parseInt(document.getElementById('liters-input').value) || 1
             }
-        },
-        profileSettings: {
-            'P': getValue('profile_k'),
-            'K': getValue('profile_ca'),
-            'Mg': getValue('profile_s'),
-            'Ca': getValue('profile_mg'),
-            'S': getValue('profile_cl'),
-            'N (NO3-)': getValue('profile_no3'),
-            'N (NH4+)': getValue('profile_nh4'),
-            'liters': parseInt(document.getElementById('liters-input').value) || 1
+        };
+
+        console.log("Отправляемые данные:", requestData);
+
+        // 2. Отправка запроса
+        const response = await fetch('/calculation', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(requestData)
+        });
+
+        // 3. Обработка ответа
+        const result = await response.json();
+        console.log("Полный ответ сервера:", result);
+
+        if (!response.ok) {
+            throw new Error(result.message || `HTTP error! status: ${response.status}`);
         }
-    };
 
-    // 3. Выводим данные для проверки
-    console.log("Данные для отправки на сервер:");
-    console.log(JSON.stringify(requestData, null, 2));
+        // 4. Заполнение результатов
+        const fertilizerMap = {
+            "Сульфат магния": "magnesium_sulfate",
+            "Кальциевая селитра": "calcium_nitrate",
+            "Монофосфат калия": "monopotassium_phosphate",
+            "Аммоний азотнокислый": "ammonium_nitrate",
+            "Калий сернокислый": "potassium_sulfate",
+            "Калий азотнокислый": "potassium_nitrate"
+        };
 
-    // 4. Проверка данных
-    let hasErrors = false;
-    const requiredFertilizers = ["Кальциевая селитра", "Калий азотнокислый", "Аммоний азотнокислый", 
-                               "Сульфат магния", "Монофосфат калия", "Калий сернокислый"];
-    
-    for (const fert of requiredFertilizers) {
-        if (!requestData.fertilizerConstants[fert]) {
-            console.error(`Отсутствует удобрение: ${fert}`);
-            hasErrors = true;
+        // Очистка полей
+        Object.values(fertilizerMap).forEach(id => {
+            const field = document.getElementById(id);
+            if (field) field.value = "0";
+        });
+
+        // Заполнение данных
+        if (result.data?.fertilizers) {
+            result.data.fertilizers.forEach(fert => {
+                const fieldId = fertilizerMap[fert.name];
+                if (fieldId) {
+                    const field = document.getElementById(fieldId);
+                    if (field) field.value = fert.grams?.toFixed(3) || "0";
+                }
+            });
         }
-    }
 
-    const requiredElements = ['P', 'K', 'Mg', 'Ca', 'S', 'N (NO3-)', 'N (NH4+)'];
-    for (const elem of requiredElements) {
-        if (isNaN(requestData.profileSettings[elem])) {
-            console.error(`Некорректное значение для элемента ${elem}`);
-            hasErrors = true;
+        // Вывод EC
+        if (result.data?.ec !== undefined) {
+            const ecField = document.getElementById('ec-value');
+            if (ecField) ecField.textContent = result.data.ec.toFixed(2);
         }
-    }
 
-    if (hasErrors) {
-        console.error("Обнаружены ошибки в данных! Отправка отменена.");
-        return;
-    }
+        alert("Расчет успешно завершен!");
 
-    // 5. Отправка данных на сервер
-    console.log("Отправка данных на сервер...");
-    const xhr = new XMLHttpRequest();
-    xhr.open("POST", "/calculation", true);
-    xhr.setRequestHeader("Content-Type", "application/json");
-    
-    xhr.onreadystatechange = function() {
-        if (xhr.readyState === 4) {
-            console.log("Статус ответа:", xhr.status);
-            if (xhr.status === 200) {
-                console.log("Успешный ответ от сервера:", JSON.parse(xhr.responseText));
-            } else {
-                console.error("Ошибка сервера:", xhr.status, xhr.statusText);
-                console.error("Текст ошибки:", xhr.responseText);
-            }
-        }
-    };
-    
-    xhr.onerror = function() {
-        console.error("Ошибка сети при отправке запроса");
-    };
-    
-    xhr.send(JSON.stringify(requestData));
+    } catch (error) {
+        console.error("Ошибка:", error);
+        alert(`Ошибка: ${error.message}`);
+    } finally {
+        btn.disabled = false;
+        btn.textContent = 'Рассчитать';
+    }
 });
 </script>