flask_inference_api_g

Sleeping

App Files Files Community

DmitrMakeev commited on May 7, 2025

Commit

558d642

verified ·

1 Parent(s): bc0912b

Update nutri_call.html

Browse files

Files changed (1) hide show

nutri_call.html +26 -30

nutri_call.html CHANGED Viewed

@@ -3,11 +3,7 @@
 <head>
-<!-- Подключаем зависимости -->
-<link href="https://cdn.jsdelivr.net/npm/@pnotify/core@5.2.0/dist/PNotify.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/@pnotify/bootstrap4@5.2.0/dist/PNotifyBootstrap4.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/@pnotify/core@5.2.0/dist/PNotify.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@pnotify/bootstrap4@5.2.0/dist/PNotifyBootstrap4.js"></script>
@@ -468,7 +464,7 @@ legend {
 <script>
 let call_data;
@@ -679,36 +675,36 @@ function data_out(response) {
 function showCalculationStatus(response) {
-    // Инициализация PNotify с настройками
-    PNotify.defaults.styling = 'bootstrap4';
-    PNotify.defaults.icons = 'fontawesome5';
-    PNotify.defaults.delay = 5000;
-    PNotify.defaults.width = '300px';
     if (Object.keys(response.deficits || {}).length === 0) {
-        new PNotify({
-            title: 'Расчёт успешен!',
-            text: 'Все элементы сбалансированы',
-            type: 'success',
-            addclass: 'custom-success',
-            icon: 'fa fa-check-circle',
-            cornerclass: 'ui-pnotify-sharp',
-            stack: {"dir1": "down", "dir2": "left", "push": "top"}
-        });
     } else {
         const deficitText = Object.entries(response.deficits)
             .map(([el, val]) => `${el}: ${val.toFixed(2)} ppm`)
-            .join('<br>');
-        new PNotify({
-            title: 'Обнаружены дефициты',
-            text: deficitText,
-            type: 'error',
-            addclass: 'custom-error',
-            icon: 'fa fa-exclamation-triangle',
-            cornerclass: 'ui-pnotify-sharp',
-            stack: {"dir1": "down", "dir2": "left", "push": "top"}
-        });
     }
 }

 <head>
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
 <script>
 let call_data;
 function showCalculationStatus(response) {
+    // Настройки по умолчанию
+    const defaults = {
+        duration: 5000,
+        gravity: "top",
+        position: "right",
+        stopOnFocus: true
+    };
+    // Проверяем дефициты
     if (Object.keys(response.deficits || {}).length === 0) {
+        // Успешный расчёт (зелёный)
+        Toastify({
+            ...defaults,
+            text: "✓ Расчёт успешен! Все элементы сбалансированы",
+            backgroundColor: "#4CAF50",
+            className: "toast-success"
+        }).showToast();
     } else {
+        // Есть дефициты (красный)
         const deficitText = Object.entries(response.deficits)
             .map(([el, val]) => `${el}: ${val.toFixed(2)} ppm`)
+            .join(', ');
+        Toastify({
+            ...defaults,
+            text: `⚠ Ошибка баланса: ${deficitText}`,
+            backgroundColor: "#F44336",
+            className: "toast-error",
+            duration: 7000 // Даём больше времени на чтение ошибок
+        }).showToast();
     }
 }