409 lines
29 KiB
PHP
409 lines
29 KiB
PHP
<?php require "../includes/bootstrap.php"; ?>
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title><?php echo getWebsiteConfig('title'); ?></title>
|
||
|
||
<!-- Mobile meta -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
|
||
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
||
<meta name="mobile-web-app-capable" content="yes">
|
||
|
||
<!-- JS libs used by this website (not a dependency for the track direct js lib) -->
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.4.5/mobile-detect.min.js" integrity="sha512-1vJtouuOb2tPm+Jh7EnT2VeiCoWv0d7UQ8SGl/2CoOU+bkxhxSX4gDjmdjmbX4OjbsbCBN+Gytj4RGrjV3BLkQ==" crossorigin="anonymous"></script>
|
||
<script type="text/javascript" src="//www.gstatic.com/charts/loader.js"></script>
|
||
|
||
<!-- Stylesheets used by this website (not a dependency for the track direct js lib) -->
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
|
||
|
||
<!-- Track Direct js dependencies -->
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js" integrity="sha512-jGsMH83oKe9asCpkOVkBnUrDDTp8wl+adkB2D+//JtlxO4SrLoJdhbOysIFQJloQFD+C4Fl1rMsQZF76JjV0eQ==" crossorigin="anonymous"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment-with-locales.min.js" integrity="sha512-LGXaggshOkD/at6PFNcp2V2unf9LzFq6LE+sChH7ceMTDP0g2kn6Vxwgg7wkPP7AAtX+lmPqPdxB47A0Nz0cMQ==" crossorigin="anonymous"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/autolinker/3.14.2/Autolinker.min.js" integrity="sha512-qyoXjTIJ69k6Ik7CxNVKFAsAibo8vW/s3WV3mBzvXz6Gq0yGup/UsdZBDqFwkRuevQaF2g7qhD3E4Fs+OwS4hw==" crossorigin="anonymous"></script>
|
||
<script src="/js/convex-hull.js" crossorigin="anonymous"></script>
|
||
|
||
<!-- Map api javascripts and related dependencies -->
|
||
<?php $mapapi = $_GET['mapapi'] ?? 'leaflet'; ?>
|
||
<?php if ($mapapi == 'google') : ?>
|
||
<?php if (getWebsiteConfig('google_key') != null) : ?>
|
||
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=<?php echo getWebsiteConfig('google_key'); ?>&libraries=visualization,geometry"></script>
|
||
<?php else : ?>
|
||
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?libraries=visualization,geometry"></script>
|
||
<?php endif; ?>
|
||
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/OverlappingMarkerSpiderfier/1.0.3/oms.min.js" integrity="sha512-/3oZy+rGpR6XGen3u37AEGv+inHpohYcJupz421+PcvNWHq2ujx0s1QcVYEiSHVt/SkHPHOlMFn5WDBb/YbE+g==" crossorigin="anonymous"></script>
|
||
|
||
<?php elseif ($mapapi == 'leaflet' || $mapapi == 'leaflet-vector'): ?>
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.min.css" integrity="sha512-1xoFisiGdy9nvho8EgXuXvnpR5GAMSjFwp40gSRE3NwdUdIMIKuPa7bqoUhLD0O/5tPNhteAsE5XyyMi5reQVA==" crossorigin="anonymous" />
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.min.js" integrity="sha512-SeiQaaDh73yrb56sTW/RgVdi/mMqNeM2oBwubFHagc5BkixSpP1fvqF47mKzPGWYSSy4RwbBunrJBQ4Co8fRWA==" crossorigin="anonymous"></script>
|
||
|
||
<?php if ($mapapi == 'leaflet-vector'): ?>
|
||
<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.35.1/mapbox-gl.css" rel='stylesheet' />
|
||
<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.35.1/mapbox-gl.js"></script>
|
||
<script src="https://unpkg.com/mapbox-gl-leaflet@0.0.3/leaflet-mapbox-gl.js"></script>
|
||
<?php endif; ?>
|
||
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-providers/1.11.0/leaflet-providers.min.js" integrity="sha512-TO+Wd5hbpDsACTmvzSqAZL83jMQCXGRFNoS4WZxcxrlJBTdgMYaT7g5uX49C5+Kbuxzlg2A+TFJ6UqdsXuOKLw==" crossorigin="anonymous"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.heat/0.2.0/leaflet-heat.js" integrity="sha512-KhIBJeCI4oTEeqOmRi2gDJ7m+JARImhUYgXWiOTIp9qqySpFUAJs09erGKem4E5IPuxxSTjavuurvBitBmwE0w==" crossorigin="anonymous"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/OverlappingMarkerSpiderfier-Leaflet/0.2.6/oms.min.js" integrity="sha512-V8RRDnS4BZXrat3GIpnWx+XNYBHQGdK6nKOzMpX4R0hz9SPWt7fltGmmyGzUkVFZUQODO1rE+SWYJJkw3SYMhg==" crossorigin="anonymous"></script>
|
||
<?php endif; ?>
|
||
|
||
<!-- Track Direct jslib -->
|
||
<script type="text/javascript" src="/js/trackdirect.min.js?v107"></script>
|
||
|
||
|
||
<script type="text/javascript" src="/js/main.js?v107"></script>
|
||
<link rel="stylesheet" href="/css/main.css?v107">
|
||
|
||
<script>
|
||
// Start everything!!!
|
||
$(document).ready(function() {
|
||
google.charts.load('current', {'packages':['corechart', 'timeline']});
|
||
|
||
var options = {};
|
||
options['isMobile'] = false;
|
||
options['useImperialUnit'] = <?php echo (isImperialUnitUser() ? 'true': 'false'); ?>;
|
||
options['coverageDataUrl'] = '/data/coverage.php';
|
||
options['coveragePercentile'] = <?php echo (getWebsiteConfig('coverage_percentile') ?? "95"); ?>;
|
||
options['defaultTimeLength'] = 60; // In minutes
|
||
|
||
var md = new MobileDetect(window.navigator.userAgent);
|
||
if (md.mobile() !== null) {
|
||
options['isMobile'] = true;
|
||
}
|
||
|
||
options['time'] = "<?php echo $_GET['time'] ?? '' ?>"; // How many minutes of history to show
|
||
options['center'] = "<?php echo $_GET['center'] ?? '' ?>"; // Position to center on (for example "46.52108,14.63379")
|
||
options['zoom'] = "<?php echo $_GET['zoom'] ?? '' ?>"; // Zoom level
|
||
options['timetravel'] = "<?php echo $_GET['timetravel'] ?? '' ?>"; // Unix timestamp to travel to
|
||
options['maptype'] = "<?php echo $_GET['maptype'] ?? '' ?>"; // May be "roadmap", "terrain" or "satellite"
|
||
options['mid'] = "<?php echo $_GET['mid'] ?? '' ?>"; // Render map from "Google My Maps" (requires https)
|
||
|
||
options['filters'] = {};
|
||
options['filters']['sid'] = "<?php echo $_GET['sid'] ?? '' ?>"; // Station id to filter on
|
||
options['filters']['sname'] = "<?php echo $_GET['sname'] ?? '' ?>"; // Station name to filter on
|
||
options['filters']['sidlist'] = "<?php echo $_GET['sidlist'] ?? '' ?>"; // Station id list to filter on (colon separated)
|
||
options['filters']['snamelist'] = "<?php echo $_GET['snamelist'] ?? '' ?>"; // Station name list to filter on (colon separated)
|
||
|
||
// Tell jslib which html element to use to show connection status and mouse cordinates
|
||
options['statusContainerElementId'] = 'status-container';
|
||
options['cordinatesContainerElementId'] = 'cordinates-container';
|
||
|
||
// Use this setting so enlarge some symbols (for example airplanes when using OGN as data source)
|
||
//options['symbolsToScale'] = [[88,47],[94,null]];
|
||
|
||
// Set this setting to false if you want to stop animations
|
||
options['animate'] = true;
|
||
|
||
// Use Stockholm as default position (will be used if we fail to fetch location from ip-location service)
|
||
options['defaultLatitude'] = '59.30928';
|
||
options['defaultLongitude'] = '18.08830';
|
||
|
||
// Tip: request position from some ip->location service (https://freegeoip.app/json and https://ipapi.co/json is two examples)
|
||
$.getJSON('https://ipapi.co/json', function(data) {
|
||
if (data.latitude && data.longitude) {
|
||
options['defaultLatitude'] = data.latitude;
|
||
options['defaultLongitude'] = data.longitude;
|
||
}
|
||
}).fail(function() {
|
||
console.log('Failed to fetch location, using default location');
|
||
}).always(function() {
|
||
<?php if ($mapapi == 'leaflet-vector') : ?>
|
||
options['mapboxGLStyle'] = "https://api.maptiler.com/maps/bright/style.json?optimize=true&key=<?php echo getWebsiteConfig('maptiler_key'); ?>";
|
||
options['mapboxGLAttribution'] = 'Map © <a href="https://www.maptiler.com">MapTiler</a>, OpenStreetMap contributors';
|
||
<?php endif; ?>
|
||
|
||
<?php if ($mapapi == 'leaflet') : ?>
|
||
// We are using Leaflet -- read about leaflet-providers and select your favorite maps
|
||
// https://leaflet-extras.github.io/leaflet-providers/preview/
|
||
|
||
// Make sure to read the license requirements for each provider before launching a public website
|
||
// https://wiki.openstreetmap.org/wiki/Tile_servers
|
||
|
||
// Many providers require a map api key or similar, the following is an example for HERE
|
||
L.TileLayer.Provider.providers['HERE'].options['app_id'] = '<?php echo getWebsiteConfig('here_app_id'); ?>';
|
||
L.TileLayer.Provider.providers['HERE'].options['app_code'] = '<?php echo getWebsiteConfig('here_app_code'); ?>';
|
||
|
||
options['supportedMapTypes'] = {};
|
||
options['supportedMapTypes']['roadmap'] = "<?php echo getWebsiteConfig('leaflet_raster_tile_roadmap'); ?>";
|
||
options['supportedMapTypes']['terrain'] = "<?php echo getWebsiteConfig('leaflet_raster_tile_terrain'); ?>";
|
||
options['supportedMapTypes']['satellite'] = "<?php echo getWebsiteConfig('leaflet_raster_tile_satellite'); ?>";
|
||
<?php endif; ?>
|
||
|
||
// host is used to create url to /heatmaps and /images
|
||
options['host'] = "<?php echo $_SERVER['HTTP_HOST']; ?>";
|
||
|
||
var supportsWebSockets = 'WebSocket' in window || 'MozWebSocket' in window;
|
||
if (supportsWebSockets) {
|
||
<?php if (getWebsiteConfig('websocket_url') != null) : ?>
|
||
var wsServerUrl = "<?php echo getWebsiteConfig('websocket_url'); ?>";
|
||
<?php else : ?>
|
||
var wsServerUrl = (((window.location.protocol==='https:')?'wss://':'ws://')+window.location.host+':9002/ws');
|
||
<?php endif; ?>
|
||
var mapElementId = 'map-container';
|
||
|
||
trackdirect.init(wsServerUrl, mapElementId, options);
|
||
} else {
|
||
alert('This service require HTML 5 features to be able to feed you APRS data in real-time. Please upgrade your browser.');
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div class="topnav" id="tdTopnav">
|
||
<a style="background-color: #af7a4c; color: white;"
|
||
href=""
|
||
onclick="
|
||
if (location.protocol != 'https:') {
|
||
trackdirect.setCenter(); // Will go to default position
|
||
} else {
|
||
trackdirect.setMapLocationByGeoLocation(
|
||
function(errorMsg) {
|
||
var msg = 'We failed to determine your current location by using HTML 5 Geolocation functionality';
|
||
if (typeof errorMsg !== 'undefined' && errorMsg != '') {
|
||
msg += ' (' + errorMsg + ')';
|
||
}
|
||
msg += '.';
|
||
alert(msg);
|
||
},
|
||
function() {},
|
||
5000
|
||
);
|
||
}
|
||
return false;"
|
||
title="Перейти к моей позиции">
|
||
Моя позиция
|
||
</a>
|
||
|
||
<div class="dropdown">
|
||
<button class="dropbtn">Время
|
||
<i class="fa fa-caret-down"></i>
|
||
</button>
|
||
<div class="dropdown-content" id="tdTopnavTimelength">
|
||
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(15); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">15 минут</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(30); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">30 минут</a>
|
||
<a href="javascript:void(0);" id="tdTopnavTimelengthDefault" onclick="trackdirect.setTimeLength(60); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">1 час</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(180); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">3 часа</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(360); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">6 часов</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(720); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">12 часов</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(1440); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">1 день</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(2880); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox dropdown-content-checkbox-only-filtering dropdown-content-checkbox-hidden">2 дня</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(4320); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox dropdown-content-checkbox-only-filtering dropdown-content-checkbox-hidden">3 дня</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="dropdown">
|
||
<button class="dropbtn">API карты
|
||
<i class="fa fa-caret-down"></i>
|
||
</button>
|
||
<div class="dropdown-content">
|
||
<?php if (getWebsiteConfig('google_key') != null) : ?>
|
||
<a href="/?mapapi=google" title="Переключить на Google Maps" <?= ($mapapi=="google"?"class='dropdown-content-checkbox dropdown-content-checkbox-active'":"class='dropdown-content-checkbox'") ?>>Google Maps API</a>
|
||
<?php endif; ?>
|
||
<a href="/?mapapi=leaflet" title="Переключить на Leaflet" <?= ($mapapi=="leaflet"?"class='dropdown-content-checkbox dropdown-content-checkbox-active'":"class='dropdown-content-checkbox'") ?>>Leaflet - Raster Tiles</a>
|
||
<?php if (getWebsiteConfig('maptiler_key') != null) : ?>
|
||
<a href="/?mapapi=leaflet-vector" title="Switch to Leaflet with vector tiles" <?= ($mapapi=="leaflet-vector"?"class='dropdown-content-checkbox dropdown-content-checkbox-active'":"class='dropdown-content-checkbox'") ?>>Leaflet - Vector Tiles</a>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
|
||
<?php if ($mapapi != 'leaflet-vector') : ?>
|
||
<div class="dropdown">
|
||
<button class="dropbtn">Тип карты
|
||
<i class="fa fa-caret-down"></i>
|
||
</button>
|
||
<div class="dropdown-content" id="tdTopnavMapType">
|
||
<a href="javascript:void(0);" onclick="trackdirect.setMapType('roadmap'); $('#tdTopnavMapType>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox dropdown-content-checkbox-active">Дорожная карта</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.setMapType('terrain'); $('#tdTopnavMapType>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">Рельеф</a>
|
||
<?php if ($mapapi == 'google' || getWebsiteConfig('leaflet_raster_tile_satellite') != null) : ?>
|
||
<a href="javascript:void(0);" onclick="trackdirect.setMapType('satellite'); $('#tdTopnavMapType>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">Спутник</a>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<div class="dropdown">
|
||
<button class="dropbtn">Настройки
|
||
<i class="fa fa-caret-down"></i>
|
||
</button>
|
||
<div class="dropdown-content" id="tdTopnavSettings">
|
||
<a href="javascript:void(0);" onclick="trackdirect.toggleImperialUnits(); $(this).toggleClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox <?php echo (isImperialUnitUser()?'dropdown-content-checkbox-active':''); ?>" title="Переключиться на Британскую систему измерений">Британская система измерений</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.toggleStationaryPositions(); $(this).toggleClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox" title="Скрыть не движущиеся объекты">Скрыть статичные объекты</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.toggleInternetPositions(); $(this).toggleClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox" title="Скрыть станции, отправляющие пакеты по TCP/UDP">Скрыть интернет объекты</a>
|
||
|
||
<!--
|
||
<a href="javascript:void(0);" onclick="trackdirect.toggleCwopPositions(); $(this).toggleClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox" title="Hide CWOP weather stations">Hide CWOP stations</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.toggleOgflymPositions(); $(this).toggleClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox" title="Hide model airplanes (OGFLYM)">Hide model airplanes (OGFLYM)</a>
|
||
<a href="javascript:void(0);" onclick="trackdirect.toggleUnknownPositions(); $(this).toggleClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox" title="Hide unknown aircrafts">Hide unknown aircrafts</a>
|
||
-->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="dropdown">
|
||
<button class="dropbtn">Другое
|
||
<i class="fa fa-caret-down"></i>
|
||
</button>
|
||
<div class="dropdown-content">
|
||
|
||
<a href="/views/search.php"
|
||
class="tdlink"
|
||
title="Поиск станции/автомобиля">
|
||
Поиск объектов
|
||
</a>
|
||
|
||
<a href="/views/latest.php"
|
||
class="tdlink"
|
||
title="Список последних принятых станций">
|
||
Последние пакеты
|
||
</a>
|
||
|
||
<a href="javascript:void(0);"
|
||
onclick="$('#modal-timetravel').show();"
|
||
title="Поиск по дате и времени">
|
||
Поиск по дате и времени
|
||
</a>
|
||
|
||
<a class="triple-notselected" href="#" onclick="trackdirect.togglePHGCircles(); return false;" title="Показать PHG">
|
||
Переключатель PHG
|
||
</a>
|
||
|
||
<a href="/views/about.php"
|
||
class="tdlink"
|
||
title="Подробнее об этом сайте">
|
||
Подробнее
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="dropdown">
|
||
<form method="get" id="hdr-search-form" action="">
|
||
<input type="hidden" name="seconds" id="hdr-search-form-seconds" value="0">
|
||
<input type="text" style="width:100px;padding-left:10px;margin-top:8px;margin-bottom:10px;margin-left:10px;height:20px;text-transform:uppercase;" id="hdr-search-form-q" autocomplete="off" spellcheck="false" autocorrect="off" name="q" placeholder="Поиск" title="Поиск объектов">
|
||
<input type="submit" value="Ок" style="margin-top:8px;line-height:0px;padding-left:6px;padding-right:6px">
|
||
</form>
|
||
</div>
|
||
|
||
<a href="javascript:void(0);" class="icon" onclick="toggleTopNav()">☰</a>
|
||
</div>
|
||
|
||
<div id="map-container"></div>
|
||
|
||
<div id="right-container">
|
||
<div id="right-container-info">
|
||
<div id="status-container"></div>
|
||
<div id="cordinates-container"></div>
|
||
</div>
|
||
|
||
<div id="right-container-filtered">
|
||
<div id="right-container-filtered-content"></div>
|
||
<a href="#" style="font-size:115%;color:white;display:inline-block;border-radius:2px;padding:2px 7px;background:#269cfc;opacity:0.8;" onclick="trackdirect.filterOnStationId([]); return false;">СБРОС</a>
|
||
</div>
|
||
|
||
<div id="right-container-timetravel">
|
||
<div id="right-container-timetravel-content"></div>
|
||
<a href="#" style="font-size:115%;color:white;display:inline-block;border-radius:2px;padding:2px 7px;background:#269cfc;opacity:0.8;" onclick="trackdirect.setTimeTravelTimestamp(0); $('#right-container-timetravel').hide(); return false;">СБРОС</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="td-modal" class="modal">
|
||
<div class="modal-long-content">
|
||
<div class="modal-content-header">
|
||
<span class="modal-close" id="td-modal-close">×</span>
|
||
<h2><span class="modal-title" id="td-modal-title"><?php echo getWebsiteConfig('title'); ?></h2>
|
||
</div>
|
||
<div class="modal-content-body">
|
||
<div id="td-modal-content">
|
||
<?php $view = getView($_GET['view']); ?>
|
||
<?php if ($view) : ?>
|
||
<?php include($view); ?>
|
||
<?php else: ?>
|
||
<div id="td-modal-content-nojs">
|
||
<div class="modal-inner-content">
|
||
<div class="modal-inner-content-menu">
|
||
<a href="/views/about.php" class="tdlink" title="More about this website!">Подробнее</a>
|
||
<a href="/views/latest.php" class="tdlink" title="List latest heard stations!">Последние пакеты</a>
|
||
<a href="/views/search.php" class="tdlink" title="Search for a station/vehicle here!">Поиск объектов</a>
|
||
</div>
|
||
<div class="horizontal-line"> </div>
|
||
<p>Привет! Здесь живёт APRS-карта.</p>
|
||
<p>Этот веб-сайт основан на APRS Track Direct. Подробнее на <a href="https://github.com/qvarforth/trackdirect" target="_blank">GitHub</a>.</p>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal-timetravel" class="modal">
|
||
<div class="modal-content">
|
||
<div class="modal-content-header">
|
||
<span class="modal-close" onclick="$('#modal-timetravel').hide();">×</span>
|
||
<h2><span class="modal-title">Поиск по дате и времени</span></h2>
|
||
</div>
|
||
<div class="modal-content-body" style="margin: 0px 20px 20px 20px;">
|
||
<?php if (!isAllowedToShowOlderData()) : ?>
|
||
<div style="text-align: center;">
|
||
<p style="max-width: 800px; display: inline-block; color: red;">
|
||
На этом веб-сайте отключена функция путешествия во времени, которая позволяет вам увидеть карту в том виде, в каком она была в более раннюю дату.
|
||
</p>
|
||
</div>
|
||
<?php else : ?>
|
||
<p>Выберите дату и время для показа объектов в заданном интервале. Выпадающий список выбора обычной продолжительности времени по-прежнему можно использовать для выбора того, насколько старые данные должны отображаться (относительно выбранной даты и времени).</p>
|
||
<p>* Обратите внимание, что карта активных районов по-прежнему будет основываться на данных за последний час (а не за выбранные дату и время).</p>
|
||
<p>Дата и время:</p>
|
||
|
||
<form id="timetravel-form">
|
||
<select id="timetravel-date" class="timetravel-select form-control">
|
||
<option value="0" selected>Выбор даты</option>
|
||
<?php for($i=0; $i <= 366; $i++) : ?>
|
||
<?php $date = date('Y-m-d', strtotime("-$i days")); ?>
|
||
<option value="<?php echo $date; ?>"><?php echo $date; ?></option>
|
||
<?php endfor; ?>
|
||
</select>
|
||
<select id="timetravel-time" class="timetravel-select form-control">
|
||
<option value="0" selected>Выбор времени</option>
|
||
<option value="00:00">00:00</option>
|
||
<option value="01:00">01:00</option>
|
||
<option value="02:00">02:00</option>
|
||
<option value="03:00">03:00</option>
|
||
<option value="04:00">04:00</option>
|
||
<option value="05:00">05:00</option>
|
||
<option value="06:00">06:00</option>
|
||
<option value="07:00">07:00</option>
|
||
<option value="08:00">08:00</option>
|
||
<option value="09:00">09:00</option>
|
||
<option value="10:00">10:00</option>
|
||
<option value="11:00">11:00</option>
|
||
<option value="12:00">12:00</option>
|
||
<option value="13:00">13:00</option>
|
||
<option value="14:00">14:00</option>
|
||
<option value="15:00">15:00</option>
|
||
<option value="16:00">16:00</option>
|
||
<option value="17:00">17:00</option>
|
||
<option value="18:00">18:00</option>
|
||
<option value="19:00">19:00</option>
|
||
<option value="20:00">20:00</option>
|
||
<option value="21:00">21:00</option>
|
||
<option value="22:00">22:00</option>
|
||
<option value="23:00">23:00</option>
|
||
</select>
|
||
<input type="submit" value="Ok" onclick="if ($('#timetravel-date').val() != '0' && $('#timetravel-time').val() != '0') {trackdirect.setTimeLength(60, false);var ts = moment($('#timetravel-date').val() + ' ' + $('#timetravel-time').val(), 'YYYY-MM-DD HH:mm').unix();trackdirect.setTimeTravelTimestamp(ts);$('#right-container-timetravel-content').html('Машина времени -> ' + $('#timetravel-date').val() + ' ' + $('#timetravel-time').val());$('#right-container-timetravel').show();} else {trackdirect.setTimeTravelTimestamp(0, true);$('#right-container-timetravel').hide();}$('#modal-timetravel').hide();return false;"/>
|
||
</form>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$('#hdr-search-form').bind('submit',function(e) {
|
||
var q = $('#hdr-search-form-q').val();
|
||
/*$('#hdr-search-form-q').val('');*/
|
||
var seconds = $('#hdr-search-form-seconds').val();
|
||
loadView('/views/search.php?q=' + q + '&seconds=' + seconds);
|
||
e.preventDefault();
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|