Initial website
This commit is contained in:
Simon Marsh
parent
f2224a6db5
commit
dbba2212d9
GPG Key ID:
7B9FE8780CFB6593
3
webapp/.browserslistrc
Normal file
3
webapp/.browserslistrc
Normal file
@ -0,0 +1,3 @@
|
||||
> 1%
|
||||
last 2 versions
|
||||
not ie <= 8
|
||||
14
webapp/.eslintrc.js
Normal file
14
webapp/.eslintrc.js
Normal file
@ -0,0 +1,14 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
env: {
|
||||
node: true
|
||||
},
|
||||
extends: ["plugin:vue/essential", "@vue/prettier"],
|
||||
rules: {
|
||||
"no-console": process.env.NODE_ENV === "production" ? "error" : "off",
|
||||
"no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
|
||||
},
|
||||
parserOptions: {
|
||||
parser: "babel-eslint"
|
||||
}
|
||||
};
|
||||
21
webapp/.gitignore
vendored
Normal file
21
webapp/.gitignore
vendored
Normal file
@ -0,0 +1,21 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw*
|
||||
29
webapp/README.md
Normal file
29
webapp/README.md
Normal file
@ -0,0 +1,29 @@
|
||||
# DN42 Global Route Collector Website
|
||||
|
||||
## Project setup
|
||||
```
|
||||
npm install
|
||||
```
|
||||
|
||||
### Compiles and hot-reloads for development
|
||||
```
|
||||
npm run serve
|
||||
```
|
||||
|
||||
### Compiles and minifies for production
|
||||
```
|
||||
npm run build
|
||||
```
|
||||
|
||||
### Run your tests
|
||||
```
|
||||
npm run test
|
||||
```
|
||||
|
||||
### Lints and fixes files
|
||||
```
|
||||
npm run lint
|
||||
```
|
||||
|
||||
### Customize configuration
|
||||
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||||
3
webapp/babel.config.js
Normal file
3
webapp/babel.config.js
Normal file
@ -0,0 +1,3 @@
|
||||
module.exports = {
|
||||
presets: ["@vue/app"]
|
||||
};
|
||||
12016
webapp/package-lock.json
generated
Normal file
12016
webapp/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
27
webapp/package.json
Normal file
27
webapp/package.json
Normal file
@ -0,0 +1,27 @@
|
||||
{
|
||||
"name": "app",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"vue": "^2.6.6",
|
||||
"vue-router": "^3.0.1",
|
||||
"vuex": "^3.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "^3.4.0",
|
||||
"@vue/cli-plugin-eslint": "^3.4.0",
|
||||
"@vue/cli-service": "^3.4.0",
|
||||
"@vue/eslint-config-prettier": "^4.0.1",
|
||||
"babel-eslint": "^10.0.1",
|
||||
"eslint": "^5.8.0",
|
||||
"eslint-plugin-vue": "^5.0.0",
|
||||
"node-sass": "^4.9.0",
|
||||
"sass-loader": "^7.1.0",
|
||||
"vue-template-compiler": "^2.5.21"
|
||||
}
|
||||
}
|
||||
5
webapp/postcss.config.js
Normal file
5
webapp/postcss.config.js
Normal file
@ -0,0 +1,5 @@
|
||||
module.exports = {
|
||||
plugins: {
|
||||
autoprefixer: {}
|
||||
}
|
||||
};
|
||||
12
webapp/public/bootstrap.min.css
vendored
Normal file
12
webapp/public/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
21
webapp/public/index.html
Normal file
21
webapp/public/index.html
Normal file
@ -0,0 +1,21 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>DN42 Global Route Collector</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel="stylesheet" href="bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||||
<!-- Style overrides -->
|
||||
<style>
|
||||
.material-icons { display:inline-flex;vertical-align:middle }
|
||||
body { box-shadow: inset 0 2em 10em rgba(0,0,0,0.4); min-height: 100vh }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="IndexApp"></div>
|
||||
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
webapp/src/assets/dn42_logo.png
Normal file
BIN
webapp/src/assets/dn42_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
67
webapp/src/components/NavBar.vue
Normal file
67
webapp/src/components/NavBar.vue
Normal file
@ -0,0 +1,67 @@
|
||||
<template>
|
||||
<nav class="navbar navbar-fixed-top navbar-expand-md navbar-dark bg-dark">
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#navlinks"
|
||||
aria-controls="navlinks"
|
||||
aria-expanded="false"
|
||||
aria-label="Nav Links"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navlinks">
|
||||
<ul class="navbar-nav mr-auto text-center">
|
||||
<li class="nav-item" v-for="link in Links" :key="link[0]">
|
||||
<a class="nav-link" v-bind:href="link[1]">{{ link[0] }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="text-nowrap">
|
||||
<a class="navbar-brand" href="/">Global Route Collector</a> <a
|
||||
class="pull-right navbar-brand"
|
||||
href="https://dn42.us/"
|
||||
><img src="@/assets/dn42_logo.png" width="173" height="60"
|
||||
/></a>
|
||||
</div>
|
||||
</nav>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
LinksRaw: [
|
||||
["Home", "/"],
|
||||
[
|
||||
"Registry",
|
||||
"http://collector.dn42:8042/",
|
||||
"https://explorer.burble.com/"
|
||||
],
|
||||
["!Prefixes", "/"],
|
||||
["!Peers", "/"],
|
||||
["!Diagnostics", "/"]
|
||||
]
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
Links() {
|
||||
// is this app running against DN42 addresses ?
|
||||
var hostname = window.location.hostname;
|
||||
var ix = hostname.endsWith("burble.com") ? 2 : 1;
|
||||
|
||||
// compile list of links to return
|
||||
var links = [];
|
||||
this.LinksRaw.forEach(link => {
|
||||
if (link.length > 2) {
|
||||
links.push([link[0], link[ix]]);
|
||||
} else {
|
||||
links.push([link[0], link[1]]);
|
||||
}
|
||||
});
|
||||
return links;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
177
webapp/src/index/IndexApp.vue
Normal file
177
webapp/src/index/IndexApp.vue
Normal file
@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<div>
|
||||
<NavBar />
|
||||
|
||||
<div class="p-3">
|
||||
<div class="jumbotron">
|
||||
<h1 class="text-primary">DN42 Global Route Collector</h1>
|
||||
<p>
|
||||
The global route collector is a common resource for collecting route
|
||||
data from across the DN42 network.<br />
|
||||
This data can then be used to provide statistics and a global map of
|
||||
the DN42 network.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="p-3">
|
||||
<h3>Providing Routes to the Collector</h3>
|
||||
|
||||
<p>
|
||||
All DN42 users are invited to provide routes to the collector; the
|
||||
more users that take part, the more useful the collector becomes.
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<b
|
||||
>Contact burble@hackint or mail dn42@burble.com, including your AS
|
||||
number and BGP peer address(es)</b
|
||||
>
|
||||
<p class="mt-2">
|
||||
The collector runs bird2 and supports multiprotocol BGP; the
|
||||
preference is for multiprotocol peering over IPv6.
|
||||
<br />
|
||||
If you are unable to support multiprotocol BGP, please provide
|
||||
both IPv4 and IPv6 peer addresses.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<b>Configure a BGP session for the collector on your router</b>
|
||||
<p class="mt-2">
|
||||
Some example client configurations are included in the
|
||||
<a href="https://git.dn42.us/burble/grc">Git Repository</a>.
|
||||
<br />
|
||||
Users are encouraged to configure the BGP Add-Path extension to
|
||||
provide a comprehensive set of routes to the collector.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="pt-3">Route Collector Services</h3>
|
||||
|
||||
<h5 class="text-primary">Website</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="http://collector.dn42/">http://collector.dn42/</a> (DN42
|
||||
link)
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://grc.burble.com/">https://grc.burble.com/</a>
|
||||
(public internet link)
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
In progress - the website will provide stats and a network map of the
|
||||
DN42 network.
|
||||
</p>
|
||||
|
||||
<h5 class="text-primary">Global Route Collector REST API</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="http://collector.dn42/api">http://collector.dn42/api</a>
|
||||
(DN42 link)
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://grc.burble.com/api">https://grc.burble.com/api</a>
|
||||
(public internet link)
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://git.dn42.us/burble/dn42grcsrv">Git Repository</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
In progress - the API will provide access to the route data via a REST
|
||||
service
|
||||
</p>
|
||||
|
||||
<h5 class="text-primary">DN42 Registry REST API</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="http://collector.dn42:8042">http://collector.dn42:8042/</a>
|
||||
(DN42 link)
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://explorer.burble.com/"
|
||||
>https://explorer.burble.com/</a
|
||||
>
|
||||
(public internet link)
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://git.dn42.us/burble/dn42regsrv">Git Repository</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
A REST API and web application for querying DN42 registry data.
|
||||
</p>
|
||||
<ul>
|
||||
<li>REST API for querying DN42 registry objects</li>
|
||||
<li>
|
||||
Able to decorate objects with relationship information based on
|
||||
SCHEMA type definitions
|
||||
</li>
|
||||
<li>
|
||||
Automatic pull from the DN42 git repository to keep the registry up
|
||||
to date
|
||||
</li>
|
||||
<li>API endpoints for ROA data in JSON, and bird formats</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="text-primary">birdc shell</h5>
|
||||
<ul>
|
||||
<li>ssh shell@collector.dn42</li>
|
||||
</ul>
|
||||
<p>
|
||||
For command line interrogation of the route collector bird daemon via
|
||||
a birdc shell.
|
||||
</p>
|
||||
|
||||
<h5 class="text-primary">Looking Glass</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="http://collector.dn42:5001/">http://collector.dn42:5001</a>
|
||||
(DN42 link)
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://lg-grc.burble.com/">https://lg-grc.burble.com/</a>
|
||||
(public internet link)
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
The burble.dn42 looking glass is based on bird-lg with patches by
|
||||
Zhaofeng and Burble to fix formating and bird2 compatibility.
|
||||
</p>
|
||||
|
||||
<h5 class="text-primary">Prometheus Metrics</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="http://collector.dn42:9324/metrics"
|
||||
>http://collector.dn42:9324/metrics</a
|
||||
>
|
||||
(DN42 Link)
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
The collector runs bird_exporter and the metrics are publically
|
||||
available on the default bird_exporter port.
|
||||
</p>
|
||||
|
||||
<h5 class="text-primary">Downstream BGP Sessions</h5>
|
||||
<p>
|
||||
Contact dn42@burble.com if you would like a downstream BGP session for
|
||||
your own analysis or metrics.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import NavBar from "@/components/NavBar.vue";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
NavBar
|
||||
}
|
||||
};
|
||||
</script>
|
||||
8
webapp/src/index/main.js
Normal file
8
webapp/src/index/main.js
Normal file
@ -0,0 +1,8 @@
|
||||
import Vue from "vue";
|
||||
import IndexApp from "./IndexApp.vue";
|
||||
|
||||
Vue.config.productionTip = false;
|
||||
|
||||
new Vue({
|
||||
render: h => h(IndexApp)
|
||||
}).$mount("#IndexApp");
|
||||
5
webapp/vue.config.js
Normal file
5
webapp/vue.config.js
Normal file
@ -0,0 +1,5 @@
|
||||
module.exports = {
|
||||
pages: {
|
||||
index: "src/index/main.js"
|
||||
}
|
||||
};
|
||||
Loading…
x
Reference in New Issue
Block a user