+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <title>live russ map</title>
-
- <script src="js/jquery-3.1.0.min.js"></script>
- <script src="js/chart.umd.js"></script>
- <script src="js/js.storage.min.js"></script>
- <script src="js/kismet.ui.theme.js"></script>
-
- <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
- <link rel="stylesheet" href="css/leaflet.css" />
- <link rel="stylesheet" type="text/css" href="css/jquery.jspanel.min.css" />
- <link rel="stylesheet" type="text/css" href="css/Control.Loading.css" />
-
- <script src="js/leaflet.js"></script>
- <script src="js/Leaflet.MultiOptionsPolyline.min.js"></script>
- <script src="js/Control.Loading.js"></script>
- <script src="js/chroma.min.js"></script>
-
- <script src="js/js.storage.min.js"></script>
- <script src="js/kismet.utils.js"></script>
- <script src="js/kismet.units.js"></script>
-
- <script src="js/datatables.min.js"></script>
- <script src="js/dataTables.scrollResize.js"></script>
-
- <style>
- :root {
- --adsb-sidebar-background: white;
- --adsb-sidebar-background-offset: #f9f9f9;
- }
-
- [data-theme="dark"] {
- --adsb-sidebar-background: #222;
- --adsb-sidebar-background-offset: #444;
- --map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
- }
-
- .map-tiles {
- filter: var(--map-tiles-filter, none);
- }
-
- body {
- padding: 0;
- margin: 0;
- }
-
- html, body, #map {
- height: 100%;
- font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
- }
-
- .marker-center {
- margin: 0;
- position: absolute;
- top: 50%;
- left: 50%;
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- }
-
- .right-sidebar {
- position: absolute;
- top: 10px;
- bottom: 10px;
- right: 10px;
- width: 20%;
- border: 1px solid black;
- background: var(--adsb-sidebar-background);
- z-index: 999;
- padding: 10px;
- }
-
- .warning {
- position: absolute;
- top: 10%;
- bottom: 10%;
- right: 25%;
- left: 25%;
- border: 1px solid black;
- background: var(--adsb-sidebar-background);
- z-index: 10000;
- padding: 10px;
- }
-
- #alt_scale {
- width: 50%;
- position: absolute;
- bottom: 10px;
- left: 25%;
- height: 15px;
- z-index: 999;
- border: 1px solid black;
- padding-left: 10px;
- padding-right: 10px;
- background: linear-gradient(to right,
- hsl(50,100%,50%),
- hsl(100,100%,50%),
- hsl(150,100%,50%),
- hsl(200,100%,50%),
- hsl(250,100%,50%),
- hsl(300,100%,50%),
- hsl(360,100%,50%));
- text-align: center;
- }
-
- #alt_min {
- position: absolute;
- left: 10px;
- }
-
- #alt_mini {
- position: absolute;
- left: 25%;
- }
-
- #alt_maxi {
- position: absolute;
- left: 75%;
- }
-
- #alt_max {
- position: absolute;
- right: 10px;
- }
-
- #alt_title {
- display: inline-block;
- }
-
- .resize_wrapper {
- position: relative;
- box-sizing: border-box;
- height: calc(100% - 125px);
- padding: 0.5em 0.5em 1.5em 0.5em;
- border-radius: 0.5em;
- background: var(--adsb-sidebar-background-offset);
- overflow: hidden;
- }
-
- </style>
-</head>
-<body>
- <div id="map"></div>
- <script src="/js/leaflet-heat.js"></script>
- <script src="/js/testdata.js"></script>
- <script>
- var map = L.map('map').setView([-37.87, 175.475], 12);
-
- var tiles = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
- attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
- }).addTo(map);
-
- addressPoints = addressPoints.map(function (p) { return [p[0], p[1]]; });
-
- var heat = L.heatLayer(addressPoints).addTo(map);
-
- var window_visible = true;
-
- // Visibility detection from https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API
- // Set the name of the hidden property and the change event for visibility
- var hidden, visibilityChange;
- if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support
- hidden = "hidden";
- visibilityChange = "visibilitychange";
- } else if (typeof document.msHidden !== "undefined") {
- hidden = "msHidden";
- visibilityChange = "msvisibilitychange";
- } else if (typeof document.webkitHidden !== "undefined") {
- hidden = "webkitHidden";
- visibilityChange = "webkitvisibilitychange";
- }
-
- function handleVisibilityChange() {
- if (document[hidden]) {
- window_visible = false;
- } else {
- window_visible = true;
- }
- }
-
- function map_cb(d) {
- console.log("and here");
- data = kismet.sanitizeObject(d);
-
- // $('#count').html("Active in the last 10 minutes: " + data['kismet.adsb.map.devices'].length);
- $('#numplanes').html(data['kismet.adsb.map.devices'].length);
-
- if (!map_configured) {
- var lat1 = data['kismet.russ.map.min_lat'];
- var lon1 = data['kismet.russ.map.min_lon'];
- var lat2 = data['kismet.russ.map.max_lat'];
- var lon2 = data['kismet.russ.map.max_lon'];
-
- map = L.map('map', {
- loadingControl: true
- });
- map.fitBounds([[lat1, lon1], [lat2, lon2]])
- L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
- maxZoom: 19,
- attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
- className: 'map-tiles',
- }).addTo(map);
-
- map_configured = true;
- }
- var dt = $('#datapoints').DataTable();
- dt.clear();
- alert('here');
- for (var d = 0; d < data.length; d++) {
- try {
- console.log(d);
- dt.row.add(d);
- } catch (error) {
- console.log("Error");
- ;
- }
- }
- }
-
- function poll_map() {
- $.get(local_uri_prefix + KISMET_PROXY_PREFIX + "phy/RUSS/map_data.json")
- .done(function(d) {
- console.log("uNF");
- map_cb(d);
- })
- }
-
- // Warn if the browser doesn't support addEventListener or the Page Visibility API
- if (typeof document.addEventListener === "undefined" || hidden === undefined) {
- ; // Do nothing
- } else {
- // Handle page visibility change
- document.addEventListener(visibilityChange, handleVisibilityChange, false);
- }
-
- var urlparam = new URL(window.location.href);
- var param_url = urlparam.searchParams.get('parent_url') + "/";
- var param_prefix = urlparam.searchParams.get('local_uri_prefix', "");
- var KISMET_PROXY_PREFIX = urlparam.searchParams.get('KISMET_PROXY_PREFIX', "");
-
- if (param_prefix == 0)
- param_prefix=""
-
- var local_uri_prefix = param_url + param_prefix;
- if (typeof(KISMET_URI_PREFIX) !== 'undefined')
- local_uri_prefix = KISMET_URI_PREFIX;
-
- var map_configured = true; //set back to false once i fix the json parsing
-
- var map = null;
- poll_map();
- </script>
-</body>
-</html>
projects / kismet-logviewer.git / commitdiff