暂无描述

Nils Schneider 339d7c7683 Merge pull request #17 from Little-Ben/globalInfos 9 年之前
doc 9475306483 README: add screenshots 9 年之前
html 071cd3fe69 grunt: record git-revision in index.html 9 年之前
img ca3dd9ae29 forcegraph: optimize background image 9 年之前
lib 607c15ef3b statistics: show global statistics image (globalGraph) - v2 9 年之前
scss 607c15ef3b statistics: show global statistics image (globalGraph) - v2 9 年之前
tasks 071cd3fe69 grunt: record git-revision in index.html 9 年之前
.gitignore c48f053619 move config.js from lib to root 9 年之前
.travis.yml ad0bd8182d travis: use config.js.example for CI 9 年之前
CHANGELOG.md 70d78e3742 forcegraph: backport client circles from ffmap-d3 9 年之前
Gruntfile.js 071cd3fe69 grunt: record git-revision in index.html 9 年之前
LICENSE 2cbea6dc20 change LICENSE to AGPL 3 9 年之前
README.md 607c15ef3b statistics: show global statistics image (globalGraph) - v2 9 年之前
app.js 22b49c1a55 map: draw only labels present on map using rtrees 9 年之前
bower.json 22b49c1a55 map: draw only labels present on map using rtrees 9 年之前
build.js 3a501766ff refactor main, app 9 年之前
config.js.example 115444f1cb config: introduce maxAge setting 9 年之前
helper.js 9bdb7c562a helper/has_location: validate coordinates (+-90, +-180) 9 年之前
images 58cd7ad026 map: adding custom layers 9 年之前
index.html ff19d0cf8e sidebar styling 9 年之前
package.json 071cd3fe69 grunt: record git-revision in index.html 9 年之前
style.css 3b5895601d switch to sass 9 年之前

README.md

Build Status

Meshviewer

Meshviewer is a frontend for ffmap-backend.

Changelog

Screenshots

Dependencies

  • npm
  • bower
  • grunt-cli
  • Sass (>= 3.2)

Installing dependencies

Install npm and Sass with your package-manager. On Debian-like systems run:

sudo apt-get install npm ruby-sass

Execute these commands on your server as a normal user to prepare the dependencies:

git clone https://github.com/tcatm/meshviewer.git
cd meshviewer
npm install
npm install bower grunt-cli
node_modules/.bin/bower install

Configure

Copy config.js.example to config.js and change it to match your community.

dataPath (string)

dataPath must point to a directory containing nodes.json and graph.json (both are generated by ffmap-backend). Don't forget the trailing slash! Data may be served from a different domain with CORS enabled. Also, GZip will greatly reduce bandwidth consumption.

siteName (string)

Change this to match your communities' name. It will be used in various places.

mapSigmaScale (float)

This affects the initial scale of the map. Greater values will show a larger area. Values like 1.0 and 0.5 might be good choices.

showContact (bool)

Setting this to false will hide contact information for nodes.

maxAge (integer)

Nodes being online for less than maxAge days are considered "new". Likewise, nodes being offline for less than than maxAge days are considered "lost".

nodeInfos (array, optional)

This option allows to show client statistics depending on following case-sensitive parameters:

  • name caption of statistics segment in infobox
  • href absolute or relative URL to statistics image
  • thumbnail absolute or relative URL to thumbnail image, can be the same like href
  • caption is shown, if thumbnail is not present (no thumbnail in infobox)

To insert current node-id in either href, thumbnail or caption you can use the case-sensitive template string {NODE_ID}.

Examples for nodeInfos:

"nodeInfos": [
  { "name": "Clientstatistik",
    "href": "nodes/{NODE_ID}.png",
    "thumbnail": "nodes/{NODE_ID}.png",
    "caption": "Knoten {NODE_ID}"
  },
  { "name": "Uptime",
    "href": "nodes_uptime/{NODE_ID}.png",
    "thumbnail": "nodes_uptime/{NODE_ID}.png",
    "caption": "Knoten {NODE_ID}"
  }
]

In order to have statistics images available, you have to run the backend with parameter --with-rrd or generate them in other ways.

globalInfos (array, optional)

This option allows to show global statistics on statistics page depending on following case-sensitive parameters:

  • name caption of statistics segment in infobox
  • href absolute or relative URL to statistics image
  • thumbnail absolute or relative URL to thumbnail image, can be the same like href
  • caption is shown, if thumbnail is not present (no thumbnail in infobox)

In contrast to nodeInfos there is no template substitution in href, thumbnail or caption.

Examples for globalInfos:

"globalInfos": [
  { "name": "Wochenstatistik",
    "href": "nodes/globalGraph.png",
    "thumbnail": "nodes/globalGraph.png",
    "caption": "Bild mit Wochenstatistik"
  },
  { "name": "Jahresstatistik",
    "href": "nodes/globalGraph52.png",
    "thumbnail": "nodes/globalGraph52.png",
    "caption": "Bild mit Jahresstatistik"
  }
]

In order to have global statistics available, you have to run the backend with parameter --with-rrd (this only creates globalGraph.png) or generate them in other ways.

Building

Just run the following command from the meshviewer directory:

node_modules/.bin/grunt

This will generate build/ containing all required files.