Update nutri_call.html

nutri_call.html

@@ -926,6 +926,15 @@ legend {
                 <button id="calculate-btn">Рассчитать</button>
             </div>
         </div>
+
+
+<!-- Выпадающий список -->
+<label for="profile-selector">Выберите профиль:</label>
+<select id="profile-selector">
+</select>
+
+<!-- Кнопка для сохранения нового профиля -->
+<button id="save-profile">Сохранить текущий профиль</button>
     </fieldset>
 
 
@@ -1493,6 +1502,128 @@ function showCalculationStatus(response) {
     </script>
 
 
+
+
+
+
+
+
+
+    <script>
+ // Предустановленные профили (JSON)
+const predefinedProfiles = {
+    "profiles": [
+        {
+            "name": "Профиль 1",
+            "values": {
+                "profile_p": 31,
+                "profile_k": 210,
+                "profile_mg": 24,
+                "profile_ca": 82,
+                "profile_s": 57.5,
+                "profile_no3": 8.25,
+                "profile_n": 125,
+                "liters": 100
+            }
+        }
+    ]
+};
+
+// Загрузка всех профилей (предустановленные + пользовательские)
+function loadAllProfiles() {
+    const userProfiles = JSON.parse(localStorage.getItem("userProfiles")) || [];
+    return [...predefinedProfiles.profiles, ...userProfiles];
+}
+
+// Создание выпадающего списка
+function populateProfileSelector() {
+    const profiles = loadAllProfiles();
+    const selector = document.getElementById("profile-selector");
+
+    // Очищаем предыдущие опции
+    selector.innerHTML = "";
+
+    // Добавляем предустановленные профили
+    const predefinedGroup = document.createElement("optgroup");
+    predefinedGroup.label = "Предустановленные профили";
+    predefinedProfiles.profiles.forEach(profile => {
+        const option = document.createElement("option");
+        option.value = profile.name;
+        option.textContent = profile.name;
+        predefinedGroup.appendChild(option);
+    });
+    selector.appendChild(predefinedGroup);
+
+    // Добавляем пользовательские профили
+    const userProfiles = JSON.parse(localStorage.getItem("userProfiles")) || [];
+    if (userProfiles.length > 0) {
+        const userGroup = document.createElement("optgroup");
+        userGroup.label = "Пользовательские профили";
+        userProfiles.forEach(profile => {
+            const option = document.createElement("option");
+            option.value = profile.name;
+            option.textContent = profile.name;
+            userGroup.appendChild(option);
+        });
+        selector.appendChild(userGroup);
+    }
+}
+
+// Заполнение полей при выборе профиля
+document.getElementById("profile-selector").addEventListener("change", function () {
+    const selectedProfileName = this.value;
+    const allProfiles = loadAllProfiles();
+    const selectedProfile = allProfiles.find(profile => profile.name === selectedProfileName);
+
+    if (selectedProfile) {
+        document.getElementById("profile_p").value = selectedProfile.values.profile_p;
+        document.getElementById("profile_k").value = selectedProfile.values.profile_k;
+        document.getElementById("profile_mg").value = selectedProfile.values.profile_mg;
+        document.getElementById("profile_ca").value = selectedProfile.values.profile_ca;
+        document.getElementById("profile_s").value = selectedProfile.values.profile_s;
+        document.getElementById("profile_no3").value = selectedProfile.values.profile_no3;
+        document.getElementById("profile_n").value = selectedProfile.values.profile_n;
+        document.getElementById("liters-input").value = selectedProfile.values.liters;
+    }
+});
+
+// Сохранение нового профиля
+document.getElementById("save-profile").addEventListener("click", function () {
+    const profileName = prompt("Введите название профиля:");
+    if (!profileName) return;
+
+    const newProfile = {
+        name: profileName,
+        values: {
+            profile_p: parseFloat(document.getElementById("profile_p").value),
+            profile_k: parseFloat(document.getElementById("profile_k").value),
+            profile_mg: parseFloat(document.getElementById("profile_mg").value),
+            profile_ca: parseFloat(document.getElementById("profile_ca").value),
+            profile_s: parseFloat(document.getElementById("profile_s").value),
+            profile_no3: parseFloat(document.getElementById("profile_no3").value),
+            profile_n: parseFloat(document.getElementById("profile_n").value),
+            liters: parseFloat(document.getElementById("liters-input").value)
+        }
+    };
+
+    let userProfiles = JSON.parse(localStorage.getItem("userProfiles")) || [];
+    userProfiles.push(newProfile);
+    localStorage.setItem("userProfiles", JSON.stringify(userProfiles));
+
+    // Обновляем выпадающий список
+    populateProfileSelector();
+});
+
+// Инициализация выпадающего списка при загрузке страницы
+populateProfileSelector();
+    </script>
+
+
+
+
+
+
+  
   
 </body>
 </html>