flask_inference_api_g

Build error

App Files Files Community

DmitrMakeev commited on 14 days ago

Commit

8aed613

verified ·

1 Parent(s): 9f6adde

Update plot_week.html

Browse files

Files changed (1) hide show

plot_week.html +67 -41

plot_week.html CHANGED Viewed

@@ -102,52 +102,78 @@ body {
 <body>
 <div id="protection-overlay"></div> <!-- Полупрозрачный фон -->
 <script>
-document.addEventListener("DOMContentLoaded", function () {
-    const overlay = document.getElementById("protection-overlay");
-    let pageKey = localStorage.getItem("page_key");
-    // Функция проверки ключа
-    function checkApiKey(apiKey) {
-        fetch(`/page_key?api_sys=${apiKey}`)
-            .then(response => response.json())
-            .then(data => {
-                if (data.status === "ok") {
-                    overlay.style.display = "none"; // ✅ Убираем защиту
-                } else {
-                    requestNewKey("Неверный код. Введите заново!");
-                }
-            })
-            .catch(() => requestNewKey("Ошибка сервера. Попробуйте снова."));
-    }
-    // Функция запроса нового ключа
-    function requestNewKey(message = "Введите код доступа:") {
-        Swal.fire({
-            title: "Внимание!",
-            text: message,
-            input: "text",
-            inputAttributes: { autocapitalize: "off" },
-            showCancelButton: false,
-            confirmButtonText: "Отправить",
-            confirmButtonColor: "#4CAF50",
-            allowOutsideClick: false
-        }).then((result) => {
-            if (result.isConfirmed && result.value) {
-                localStorage.setItem("page_key", result.value); // 🔥 Сохраняем ключ
-                checkApiKey(result.value); // 🔥 Проверяем ключ
-            } else {
-                requestNewKey("Введите корректный код!"); // Повторяем ввод
-            }
         });
     }
-    // Если ключ есть → Проверяем его, иначе запрашиваем новый
-    if (pageKey) {
-        checkApiKey(pageKey);
-    } else {
-        requestNewKey();
-    }
-});
 </script>
 <!-- Навигационная панель -->
 <nav class="navbar navbar-light bg-light w-100">
     <div class="container">

 <body>
 <div id="protection-overlay"></div> <!-- Полупрозрачный фон -->
 <script>
+    const data = {{ data | tojson }};
+    function createChart(id, yData, title, yLabel, color, parameterName, unit) {
+        Plotly.newPlot(id, [{
+            x: data.dates,
+            y: yData,
+            type: "scatter",
+            mode: "lines+markers",
+            line: { color: color },
+            hovertemplate: data.days_of_week.map((day, index) =>
+                `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>${parameterName}: %{y} ${unit}<br>Дата: ${data.dates[index]}<extra></extra>`
+            )
+        }], {
+            title: title,
+            xaxis: { title: "", showticklabels: false },
+            yaxis: { title: yLabel, titlefont: { size: 14 } },
+            hovermode: "closest",
+            showlegend: false
         });
     }
+    // Создание графиков с правильными подсказками
+    createChart("ph_chart", data.ph, `График pH за ${data.week}-ю неделю`, "Уровень pH", "blue", "pH", "");
+    createChart("ec_chart", data.ec, `График EC за ${data.week}-ю неделю`, "Уровень EC", "blue", "EC", "мкСм/см");
+    createChart("ts_chart", data.tS, `Температура раствора за ${data.week}-ю неделю`, "Температура (°C)", "purple", "Температура раствора", "°C");
+    createChart("ta_chart", data.tA, `Температура воздуха за ${data.week}-ю неделю`, "Температура (°C)", "purple", "Температура воздуха", "°C");
+    createChart("hdm_chart", data.hDm, `Влажность воздуха за ${data.week}-ю неделю`, "Влажность (%)", "purple", "Влажность воздуха", "%");
+    createChart("sven_chart", data.sVen, `Обороты вентилятора за ${data.week}-ю неделю`, "Обороты (%)", "purple", "Обороты вентилятора", "%");
+    // График насосов
+    Plotly.newPlot("pump_chart", [
+        {
+            x: data.dates,
+            y: data.onA,
+            type: "scatter",
+            mode: "lines+markers",
+            line: { color: "green" },
+            hovertemplate: data.days_of_week.map((day, index) =>
+                `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Насос A: %{y} сек.<br>Дата: ${data.dates[index]}<extra></extra>`
+            )
+        },
+        {
+            x: data.dates,
+            y: data.onB,
+            type: "scatter",
+            mode: "lines+markers",
+            line: { color: "brown" },
+            hovertemplate: data.days_of_week.map((day, index) =>
+                `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Насос B: %{y} сек.<br>Дата: ${data.dates[index]}<extra></extra>`
+            )
+        },
+        {
+            x: data.dates,
+            y: data.onC,
+            type: "scatter",
+            mode: "lines+markers",
+            line: { color: "orange" },
+            hovertemplate: data.days_of_week.map((day, index) =>
+                `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Насос C: %{y} сек.<br>Дата: ${data.dates[index]}<extra></extra>`
+            )
+        }
+    ], {
+        title: `Интервал дозирования насосов для ${data.week}-ой недели`,
+        xaxis: { title: "", showticklabels: false },
+        yaxis: { title: "Время ВКЛ(сек.)" },
+        hovermode: "closest",
+        showlegend: false
+    });
 </script>
 <!-- Навигационная панель -->
 <nav class="navbar navbar-light bg-light w-100">
     <div class="container">