@@ -822,6 +822,67 @@ var layerState = { quakes: true, military: true, conflict: true, fires: true, co
// Restore saved layer toggles from localStorage
try { var _saved = JSON.parse(localStorage.getItem('phoenix-layers')); if (_saved) { for (var _k in _saved) { if (layerState.hasOwnProperty(_k)) layerState[_k] = _saved[_k]; } } } catch(e) {}
var drawerOpen = false;
+var latestStaticData = null;
+var latestVectorData = null;
+var DASHBOARD_CACHE_KEY = 'phoenix-dashboard-cache-v1';
+var STATIC_CACHE_KEY = 'phoenix-static-cache-v1';
+var VECTOR_CACHE_KEY = 'phoenix-vector-cache-v1';
+var INFRA_SNAPSHOT_KEYS = ['military_bases', 'strategic_ports', 'pipelines', 'nuclear_facilities', 'trade_routes', 'waterways', 'cable_corridors'];
+function _readCacheEnvelope(key) {
+ try {
+ var raw = localStorage.getItem(key);
+ return raw ? JSON.parse(raw) : null;
+ } catch(e) { return null; }
+}
+function _writeCacheEnvelope(key, payload) {
+ try { localStorage.setItem(key, JSON.stringify({ saved_at: new Date().toISOString(), payload: payload })); } catch(e) {}
+}
+function _extractCachePayload(entry) {
+ if (!entry) return null;
+ return entry.payload || entry;
+}
+function _mergeStaticData(data) {
+ if (!data || !latestStaticData) return data;
+ var merged = Object.assign({}, data);
+ INFRA_SNAPSHOT_KEYS.forEach(function(key) {
+ if (merged[key] == null && latestStaticData[key] != null) merged[key] = latestStaticData[key];
+ });
+ return merged;
+}
+function _hideLoading() {
+ var loading = document.getElementById('loading');
+ if (loading) loading.classList.add('gone');
+}
+function _restoreCachedDashboard() {
+ var cachedStatic = _extractCachePayload(_readCacheEnvelope(STATIC_CACHE_KEY));
+ if (cachedStatic) latestStaticData = cachedStatic;
+ var cachedData = _extractCachePayload(_readCacheEnvelope(DASHBOARD_CACHE_KEY));
+ if (!cachedData) {
+ if (latestStaticData) {
+ try { updateMapInfra(latestStaticData); } catch(e) { console.warn('cached static restore failed:', e); }
+ }
+ return false;
+ }
+ try {
+ updateAll(cachedData);
+ _hideLoading();
+ return true;
+ } catch(e) {
+ console.warn('dashboard cache restore failed:', e);
+ return false;
+ }
+}
+function _restoreCachedVector() {
+ var cachedVector = _extractCachePayload(_readCacheEnvelope(VECTOR_CACHE_KEY));
+ if (!cachedVector) return false;
+ try {
+ updateVectorPanel(cachedVector);
+ return true;
+ } catch(e) {
+ console.warn('vector cache restore failed:', e);
+ return false;
+ }
+}
// ════════════ MAP INIT ════════════
function initMap() {
@@ -1055,11 +1116,11 @@ function showDetail(type, d) {
['Source', d.feed_name || '\u2014'],
['Category', d.category || '\u2014'],
['Published', d.published ? new Date(d.published).toLocaleString() : '\u2014'],
- ['Summary', trunc(d.summary || '', 200)],
+ ['Summary', trunc(d.summary || d.description || '', 200)],
['Tier', d.source_tier || '\u2014'],
['Region', d._geo_country || '\u2014']
];
- link = d.link || '';
+ link = d.link || d.url || '';
} else if (type === 'navwarn') {
title = 'NAVAREA ' + (d.navarea || '?') + ' \u2014 ' + (d.id || '');
subtitle = d.status || '';
@@ -1245,7 +1306,7 @@ function showDrawerDetail(id) {
];
} else if (type === 'navwarning') {
title = (d.navArea || d.area || 'Nav Warning');
- subtitle = '';
+ subtitle = d.status || '';
fields = [
['Area', d.navArea || d.area || '\u2014'],
['Number', d.number || d.id || '\u2014'],
@@ -1447,7 +1508,8 @@ function _toggleLayerByIndex(idx) {
var toggle = row.querySelector('.toggle');
toggle.classList.toggle('on');
layerState[key] = toggle.classList.contains('on');
- if (layerState[key]) { mapLayers[key].addTo(map); } else { map.removeLayer(mapLayers[key]); }
+ if (layerState[key]) { mapLayers[key].addTo(map); }
+ else { map.removeLayer(mapLayers[key]); }
try { localStorage.setItem('phoenix-layers', JSON.stringify(layerState)); } catch(e) {}
}
@@ -1457,7 +1519,8 @@ function _toggleAllLayers() {
_layerKeys.forEach(function(key) {
if (!mapLayers[key]) return;
layerState[key] = _allLayersOn;
- if (_allLayersOn) { mapLayers[key].addTo(map); } else { map.removeLayer(mapLayers[key]); }
+ if (_allLayersOn) { mapLayers[key].addTo(map); }
+ else { map.removeLayer(mapLayers[key]); }
var row = document.querySelector('.layer-row[data-layer="' + key + '"]');
if (row) { var t = row.querySelector('.toggle'); if (t) { if (_allLayersOn) t.classList.add('on'); else t.classList.remove('on'); } }
});
@@ -1738,9 +1801,7 @@ function updateMapInfra(data) {
var mk = L.marker([tr.lat, tr.lon], {
icon: L.divIcon({ className: iconCls, iconSize: [8, 8], iconAnchor: [4, 4] })
});
- mk.bindTooltip('
' + esc(tr.name) + '' +
- '
' + esc(tr.type) + ' · ' + (tr.oil_flow_mbd || 0) + ' mbd oil · ~' + (tr.daily_vessel_transits || 0) + ' vessels/day',
- { className: 'mk-tip', direction: 'top', offset: [0, -5] });
+ mk.bindTooltip('
' + esc(tr.name) + ' ' + esc(tr.type) + ' · ' + (tr.oil_flow_mbd || 0) + ' mbd oil · ~' + (tr.daily_vessel_transits || 0) + ' vessels/day', { className: 'mk-tip', direction: 'top', offset: [0, -5] });
mk.on('click', function() {
showDetail('trade_route', {
name: tr.name, type: tr.type, oil_flow_mbd: tr.oil_flow_mbd,
@@ -1771,11 +1832,10 @@ function updateMapExposure(data) {
mapLayers.exposure.clearLayers();
if (!data || data.error) { $('#cntExposure').textContent = '0'; return; }
var cities = data.exposed_cities || [];
- var evtColors = { conflict: '#ff1744', earthquake: '#ff9100', wildfire: '#ffea00' };
$('#cntExposure').textContent = cities.length;
cities.forEach(function(c) {
if (c.lat == null || c.lon == null) return;
- var color = evtColors[c.nearest_event] || '#e040fb';
+ var color = COLORS[c.nearest_event] || '#e040fb';
var pop = c.population || 0;
var radius = Math.max(5, Math.min(22, Math.sqrt(pop / 400000)));
var circle = L.circleMarker([c.lat, c.lon], {
@@ -2107,7 +2167,7 @@ function updateDrawer(data) {
h += '
';
if (byPri.critical) h += '
' + byPri.critical + '
Critical
';
if (byPri.high) h += '
';
- if (byPri.medium) h += '
' + byPri.medium + '
Medium
';
+ if (byPri.medium) h += '
' + byPri.medium + '
Medium
';
h += '
';
var alertItems = data.alert_digest.alerts || [];
alertItems.forEach(function(a) {
@@ -2222,10 +2282,9 @@ function updateDrawer(data) {
h += '