+
+
@@ -191,6 +218,22 @@ a { color: var(--cool); text-decoration: none; }
No monthly data yet.
'; return; }
+ const rows = data.slice().reverse().map(m => {
+ const [yr, mo] = m.month.split('-');
+ const label = new Date(+yr, +mo - 1, 1).toLocaleDateString('en-US', { month: 'long', year: 'numeric' });
+ return `
+ | ${label} |
+ ${m.avgTemp != null ? m.avgTemp.toFixed(1) + '°F' : '—'} |
+ ${m.highTemp != null ? m.highTemp.toFixed(1) + '°F' : '—'} |
+ ${m.highGust != null ? m.highGust + ' mph' : '—'} |
+ ${m.totalRain != null ? m.totalRain.toFixed(2) + '"' : '—'} |
+ ${m.readings.toLocaleString()} |
+
`;
+ }).join('');
+ body.innerHTML = `Failed to load.
'; }
+ }, { once: false });
+}
+
+// ── Temperature heatmap ───────────────────────────────────────────────────────
+const heatmapPanel = document.getElementById('heatmapPanel');
+if (heatmapPanel) {
+ heatmapPanel.addEventListener('toggle', async () => {
+ if (!heatmapPanel.open) return;
+ const body = document.getElementById('heatmapBody');
+ if (body.querySelector('.heatmap-wrap')) return;
+ try {
+ const r = await fetch('/api/station/history?range=1y');
+ if (!r.ok) throw new Error();
+ const readings = await r.json();
+ if (!readings.length) { body.innerHTML = 'No data yet.
'; return; }
+ // Daily high temp
+ const byDay = {};
+ for (const rd of readings) {
+ if (rd.tempf == null || !rd.dateutc) continue;
+ const day = new Date(rd.dateutc).toISOString().slice(0, 10);
+ if (byDay[day] == null || rd.tempf > byDay[day]) byDay[day] = rd.tempf;
+ }
+ // Color scale: cold = cool blue, hot = accent orange
+ function heatColor(t) {
+ if (t == null) return 'var(--border)';
+ const norm = Math.max(0, Math.min(1, (t - 20) / 90));
+ const r = Math.round(42 + norm * (224 - 42));
+ const g = Math.round(107 + norm * (120 - 107));
+ const b = Math.round(138 + norm * (42 - 138));
+ return `rgb(${r},${g},${b})`;
+ }
+ // Build grid: iterate days from 1yr ago to today
+ const today = new Date(); today.setHours(23, 59, 59, 0);
+ const start = new Date(today); start.setFullYear(start.getFullYear() - 1); start.setDate(start.getDate() + 1);
+ // Align to Sunday
+ const startDow = start.getDay(); // 0=Sun
+ const cells = [];
+ for (let i = 0; i < startDow; i++) cells.push(null); // padding
+ const cur = new Date(start);
+ while (cur <= today) {
+ const key = cur.toISOString().slice(0, 10);
+ cells.push({ date: key, temp: byDay[key] ?? null });
+ cur.setDate(cur.getDate() + 1);
+ }
+ const cellHtml = cells.map(c => {
+ if (!c) return `
+
Cooler
+ ${[20,35,50,65,80,95,110].map(t => `
`).join('')}
+
Hotter
+
Failed to load.
'; }
+ }, { once: false });
+}
+
+// ── Station name ──────────────────────────────────────────────────────────────
+async function loadStationName() {
+ try {
+ const r = await fetch('/api/dashboard/station-name');
+ if (!r.ok) return;
+ const d = await r.json();
+ const el = document.getElementById('inputStationName');
+ if (el && d.name) el.value = d.name;
+ } catch {}
+}
+document.getElementById('saveNameBtn')?.addEventListener('click', async () => {
+ const name = document.getElementById('inputStationName')?.value?.trim();
+ const msg = document.getElementById('nameMsg');
+ if (!name) { msg.textContent = 'Enter a name'; msg.className = 'save-msg err'; return; }
+ try {
+ const r = await fetch('/api/dashboard/station-name', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name }) });
+ if (r.ok) { msg.textContent = 'Saved'; msg.className = 'save-msg'; }
+ else { msg.textContent = 'Error'; msg.className = 'save-msg err'; }
+ setTimeout(() => msg.textContent = '', 3000);
+ } catch { msg.textContent = 'Error'; msg.className = 'save-msg err'; }
+});
+
+// ── Change password ───────────────────────────────────────────────────────────
+document.getElementById('changePwBtn')?.addEventListener('click', async () => {
+ const cur = document.getElementById('pwCurrent')?.value;
+ const nw = document.getElementById('pwNew')?.value;
+ const msg = document.getElementById('pwMsg');
+ if (!cur || !nw || nw.length < 6) { msg.textContent = 'Fill both fields (min 6 chars)'; msg.className = 'save-msg err'; return; }
+ try {
+ const r = await fetch('/api/dashboard/change-password', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ currentPassword: cur, newPassword: nw }) });
+ if (r.ok) { msg.textContent = 'Password changed'; msg.className = 'save-msg'; document.getElementById('pwCurrent').value = ''; document.getElementById('pwNew').value = ''; }
+ else { const e = await r.json(); msg.textContent = e.error || 'Error'; msg.className = 'save-msg err'; }
+ setTimeout(() => msg.textContent = '', 4000);
+ } catch { msg.textContent = 'Error'; msg.className = 'save-msg err'; }
+});
+
+// ── Alert thresholds ──────────────────────────────────────────────────────────
+async function loadThresholds() {
+ try {
+ const r = await fetch('/api/subscriptions');
+ if (!r.ok) return;
+ const subs = await r.json();
+ const sub = subs?.find(s => s.thresholds);
+ if (!sub) return;
+ const t = sub.thresholds;
+ const set = (id, v) => { const el = document.getElementById(id); if (el && v) el.value = v; };
+ set('thrTempHigh', t.tempHigh);
+ set('thrTempLow', t.tempLow);
+ set('thrWind', t.wind);
+ set('thrRainRate', t.rainRate);
+ } catch {}
+}
+document.getElementById('saveThreshBtn')?.addEventListener('click', async () => {
+ const msg = document.getElementById('threshMsg');
+ const val = id => { const v = document.getElementById(id)?.value; return v ? parseFloat(v) : undefined; };
+ const thresholds = {};
+ const th = val('thrTempHigh'); if (th) thresholds.tempHigh = th;
+ const tl = val('thrTempLow'); if (tl) thresholds.tempLow = tl;
+ const wi = val('thrWind'); if (wi) thresholds.wind = wi;
+ const rr = val('thrRainRate'); if (rr) thresholds.rainRate = rr;
+ try {
+ const r = await fetch('/api/subscriptions/thresholds', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ thresholds }) });
+ if (r.ok) { msg.textContent = 'Saved — applies to all your subscriptions'; msg.className = 'save-msg'; }
+ else { msg.textContent = 'Error saving'; msg.className = 'save-msg err'; }
+ setTimeout(() => msg.textContent = '', 4000);
+ } catch { msg.textContent = 'Error'; msg.className = 'save-msg err'; }
+});
+
// ── Init all new features ─────────────────────────────────────────────────────
updateLatest();
updatePressureTrend();
updateExtStats();
+updateTrends();
loadRecords();
loadHistory(currentRange);
checkKeyStatus();
+loadStationName();
+loadThresholds();
setInterval(updatePressureTrend, 120000);
setInterval(updateExtStats, 300000);
+setInterval(updateTrends, 120000);