Update nutri_call.html

nutri_call.html

@@ -997,6 +997,9 @@ document.getElementById('calculate-btn').addEventListener('click', function() {
             // Показываем статус расчёта
             showCalculationStatus(call_data);
 
+        // Вызываем функцию для расчета катионов и анионов
+        calculateCationsAndAnions(data);
+
         // Обновляем поля NH4 и NO3
         updateNitrogenFields(call_data);
 
@@ -1172,6 +1175,64 @@ function calculateOxidePercentages(data) {
       
 
 
+
+
+
+function calculateCationsAndAnions(data) {
+    console.log("=== РАСЧЕТ КАТИОНОВ И АНИОНОВ ===");
+
+    // Извлекаем данные из ответа сервера
+    const actualProfile = data.actual_profile;
+    const elementContributions = data.element_contributions;
+
+    // Массы катионов
+    const caMass = actualProfile["Ca"] || 0; // Ca²⁺
+    const mgMass = actualProfile["Mg"] || 0; // Mg²⁺
+    const kMass = actualProfile["K"] || 0; // K⁺
+    const nh4Mass = actualProfile["N (NH4+)"] || 0; // NH₄⁺
+
+    // Массы анионов
+    const no3Mass = actualProfile["N (NO3-)"] || 0; // NO₃⁻
+    const sMass = actualProfile["S"] || 0; // SO₄²⁻
+    const pMass = actualProfile["P"] || 0; // H₂PO₄⁻
+
+    // Общая масса катионов
+    const totalCations = caMass + mgMass + kMass + nh4Mass;
+
+    // Общая масса анионов
+    const totalAnions = no3Mass + sMass + pMass;
+
+    console.log(`Общая масса катионов: ${totalCations}`);
+    console.log(`Общая масса анионов: ${totalAnions}`);
+
+    // Обновляем заголовок N1
+    document.getElementById("n1-value").textContent = `Катионы:${totalCations.toFixed(2)}: Анионы:${totalAnions.toFixed(2)} PPM=${data.total_ppm}`;
+
+    // Обновляем шкалы индикаторов
+    const cationIndicator = document.getElementById("cation-indicator");
+    const anionIndicator = document.getElementById("anion-indicator");
+
+    // Рассчитываем ширину индикаторов (в процентах)
+    const total = totalCations + totalAnions;
+    const cationWidth = ((totalCations / total) * 100).toFixed(2);
+    const anionWidth = ((totalAnions / total) * 100).toFixed(2);
+
+    // Устанавливаем ширину индикаторов
+    cationIndicator.style.width = `${cationWidth}%`;
+    anionIndicator.style.width = `${anionWidth}%`;
+
+    console.log(`Ширина индикаторов: Катионы=${cationWidth}%, Анионы=${anionWidth}%`);
+}
+
+
+
+
+
+
+
+
+
+  
   
 
 function calculateEC(data, temperature, alpha = 0.019) {