meshcore-dev/map.meshcore.dev
1
0
Fork 0
mirror of https://github.com/meshcore-dev/map.meshcore.dev.git synced 2026-04-20 22:13:50 +00:00
Code Issues Projects Releases Packages Wiki Activity

added github icon, changed the api url

Browse source
This commit is contained in:
recrof 2025-07-18 16:55:13 +02:00
parent 4bf1157f26
commit 886e8d3c6d
5 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -3,7 +3,7 @@ Official MeshCore Map (frontend)
## Installation
This is fully static and build-free site, cloning it to web location that can serve static content should be enough.
It uses backend api deployed on https://meshcore.dev/api/v1/nodes, so you will need to edit `apiUrl` in `src/map.js`.
It uses backend api deployed on https://meshcore.dev/api/v1/nodes
## Libraries used
* [Vue3](https://github.com/vuejs/core)

3
css/style.css
View file

@ -131,6 +131,9 @@ table.node-info tr td:last-child {
width: 16px;
min-inline-size: 0px !important;
}
.stats a.github {
margin-right: 15px;
}
.search {
position: fixed;
z-index: 1000;

5
index.html
View file

@ -13,6 +13,7 @@
<title>MeshCore Node Map</title>
</head>
<body class="light">
<div class="container">
<div id="map"></div>
<div id="app" v-if="app.nodes" v-cloak>
@ -49,6 +50,10 @@
<i>monitoring</i>
</span>
<span v-for="stat in stats" v-html="stat"></span>
<span style="flex-grow: 1"></span>
<a href="https://github.com/recrof/map.meshcore.dev" class="github" title="go to github repo" target="_blank">
<img src="./lib/images/github-mark.svg">
</a>
</a>
</div>
<form class="search no-margin" action="javascript:;">

1
lib/images/github-mark.svg Normal file
View file

@ -0,0 +1 @@
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 963 B

2
src/map.js
View file

@ -1,6 +1,6 @@
import { createApp, reactive, ref, computed, onMounted } from '../lib/vue.esm-browser.js';
const apiUrl = '/api/v1/nodes';
const apiUrl = 'https://map.meshcore.dev/api/v1/nodes';
const keyOrder = ['adv_name', 'type', 'link', 'last_advert', 'public_key', 'coords', 'params' ]
const humanLabel = {
coords: 'Coordinates',