diff --git a/website/index.html b/website/index.html
index f812d87..bb06a32 100644
--- a/website/index.html
+++ b/website/index.html
@@ -239,7 +239,9 @@
})
}
const position = L.latLng([latitude, longitude].map(x => x / 10000000))
- const tooltipContent = `${html(longName)} (${html(shortName)}) ${since(Math.max(...Object.values(seenBy)))}`
+ const lastSeen = Math.max(...Object.values(seenBy))
+ const opacity = 1.0 - (Date.now() / 1000 - lastSeen) / 172800
+ const tooltipContent = `${html(longName)} (${html(shortName)}) ${since(lastSeen)}`
const popupContent = `
${html(longName)} (${html(shortName)})
${nodeLink(nodeNum, id)} | ${html(role)} | ${html(hwModel)}
@@ -307,7 +309,7 @@
if (markersByNode[nodeNum] === undefined) {
const searchString = `${longName} (${shortName}) ${id}`
nodesBySearchString[searchString] = nodeNum
- markersByNode[nodeNum] = L.marker(position, {alt: 'Node', searchString})
+ markersByNode[nodeNum] = L.marker(position, {alt: 'Node', opacity, searchString})
.bindTooltip(tooltipContent)
.bindPopup(popupContent, {maxWidth: 500})
.on('popupopen', () => {
@@ -316,6 +318,7 @@
})
.addTo(markers)
} else {
+ markersByNode[nodeNum].setOpacity(opacity)
markersByNode[nodeNum].setTooltipContent(tooltipContent)
markersByNode[nodeNum].setPopupContent(popupContent)
markersByNode[nodeNum].setLatLng(position)