ctmesh/map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show waypoint node info

Browse Source
This commit is contained in:
liamcottle
2024-03-18 23:16:54 +13:00
parent da1eacfad5
commit fc2f01d31b
1 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/public/index.html
View File

@ -1477,7 +1477,7 @@
} }
} }
function reload(goToNodeId) { async function reload(goToNodeId) {
// show loading // show loading
setLoading(true); setLoading(true);
@ -1486,7 +1486,7 @@
clearMap(); clearMap();
// fetch nodes // fetch nodes
fetch('/api/v1/nodes').then(async (response) => { await fetch('/api/v1/nodes').then(async (response) => {
// update nodes // update nodes
var json = await response.json(); var json = await response.json();
@ -1502,8 +1502,8 @@
}); });
// fetch waypoints // fetch waypoints (after awaiting nodes, so we can use nodes cache in waypoint tooltips)
fetch('/api/v1/waypoints').then(async (response) => { await fetch('/api/v1/waypoints').then(async (response) => {
// update waypoints // update waypoints
var json = await response.json(); var json = await response.json();
@ -1552,10 +1552,22 @@
function getTooltipContentForWaypoint(waypoint) { function getTooltipContentForWaypoint(waypoint) {
// get from node name
var fromNode = findNodeById(waypoint.from);
var tooltip = `<b>${waypoint.name}</b>` + var tooltip = `<b>${waypoint.name}</b>` +
(waypoint.description ? `<br/>${waypoint.description}` : '') + (waypoint.description ? `<br/>${waypoint.description}` : '') +
`<br/><br/>Expires: ${moment(new Date(waypoint.expire * 1000)).fromNow()}` + `<br/><br/>Expires: ${moment(new Date(waypoint.expire * 1000)).fromNow()}` +
`<br/>Lat/Lng: ${waypoint.latitude}, ${waypoint.longitude}`; `<br/>Lat/Lng: ${waypoint.latitude}, ${waypoint.longitude}` +
`<br/><br/>From ID: ${waypoint.from}` +
`<br/>From Hex ID: !${Number(waypoint.from).toString(16)}`;
// show node name this waypoint is from, if possible
if(fromNode != null){
tooltip += `<br/>From Node: <a href="#" onclick="goToNode(${waypoint.from})">${fromNode.long_name || 'Unnamed Node'}</a>`;
} else {
tooltip += `<br/>From Node: ???`;
}
// bottom info // bottom info
tooltip += `<br/><br/>ID: ${waypoint.waypoint_id}`; tooltip += `<br/><br/>ID: ${waypoint.waypoint_id}`;