From 7555da8e6af8c9b92ce071c427d9bc4aaedabe71 Mon Sep 17 00:00:00 2001 From: "2569718930@qq.com" <2569718930@qq.com> Date: Wed, 13 May 2026 21:26:26 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0html?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- monitoring-web/templates/monitor.html | 283 +++++++++++++------------- 1 file changed, 143 insertions(+), 140 deletions(-) diff --git a/monitoring-web/templates/monitor.html b/monitoring-web/templates/monitor.html index 9f8499e7..825932b7 100644 --- a/monitoring-web/templates/monitor.html +++ b/monitoring-web/templates/monitor.html @@ -1,164 +1,167 @@ {% if full_page %} + - - -Market Monitor β€” PolyWeather - - + + + Market Monitor β€” PolyWeather + + + -
-
-

πŸ”₯ Market Monitor

-
- - 更新中… -
-
-{% endif %} +
+
+

πŸ”₯ Market Monitor

+
+ +
+
+ {% endif %} -
- - {{ generated_at }} -{% for c in cities %} -
-
- {{ c.en_name }} - / {{ c.airport }} - {{ c.local_time }} -
+
+ + {{ generated_at }} + {% for c in cities %} +
+
+ {{ c.en_name }} + / {{ c.airport }} + {{ c.local_time }} +
-
- {% match c.current_temp %} - {% when Some with (t) %} - {{ "{:.1}"|format(t) }}Β°C - {% when None %} - -- - {% endmatch %} -
+
+ {% match c.current_temp %} + {% when Some with (t) %} + {{ + "{:.1}"|format(t) }}Β°C + {% when None %} + -- + {% endmatch %} +
-
-
- High - {% match c.today_max %} - {% when Some with (m) %} - {{ "{:.1}"|format(m) }}Β°C - {% match c.max_time %} - {% when Some with (mt) %} - {{ mt }} - {% when None %} - {% endmatch %} - {% when None %} - -- - {% endmatch %} - {{ c.trend.symbol() }} +
+
+ High + {% match c.today_max %} + {% when Some with (m) %} + {{ "{:.1}"|format(m) }}Β°C + {% match c.max_time %} + {% when Some with (mt) %} + {{ mt }} + {% when None %} + {% endmatch %} + {% when None %} + -- + {% endmatch %} + {{ c.trend.symbol() }} +
+
+ Obs + {% match c.obs_age_min %} + {% when Some with (m) %} + {{ m }} min ago + {% when None %} + -- + {% endmatch %} + {{ c.trend.symbol() }} +
+
+
+ {% endfor %}
-
- Obs - {% match c.obs_age_min %} - {% when Some with (m) %} - {{ m }} min ago - {% when None %} - -- - {% endmatch %} - {{ c.trend.symbol() }} -
-
-
-{% endfor %} -
-
Refreshing…
+
Refreshing…
-{% if full_page %} - - + -
+ updateNotifyIcon(); + + // ── Flash on temp change + notifications ── + (function () { + let prev = {}; + document.body.addEventListener('htmx:afterSwap', function (evt) { + if (evt.detail.target.id !== 'card-grid') return; + document.querySelectorAll('.card').forEach(function (card) { + var name = card.querySelector('.city-name').textContent; + var tv = card.querySelector('.temp-value').textContent; + var old = prev[name]; + prev[name] = tv; + + // Flash if changed + if (old && old !== tv && tv !== '--') { + card.style.transition = 'none'; + card.style.boxShadow = '0 0 14px rgba(52,211,153,0.40)'; + requestAnimationFrame(function () { + card.style.transition = 'box-shadow 2s ease-out'; + card.style.boxShadow = ''; + }); + } + + // Notification for new high + if (card.dataset.newHigh === 'true') { + fireNotification(name, tv); + } + }); + }); + })(); + +
+ -{% endif %} +{% endif %} \ No newline at end of file