forked from kamba4/sunders
266 lines
10 KiB
PHP
266 lines
10 KiB
PHP
<?php
|
|
if (!isset($pathToWebFolder)) {
|
|
$pathToWebFolder = './';
|
|
}
|
|
|
|
include $pathToWebFolder.'config.php';
|
|
|
|
if (!isset($initialLanguage)) {
|
|
$initialLanguage = DEFAULT_LANGUAGE;
|
|
}
|
|
$initialZoom = DEFAULT_ZOOM;
|
|
$initialLat = DEFAULT_LAT;
|
|
$initialLon = DEFAULT_LON;
|
|
|
|
include $pathToWebFolder.'decode-json.php';
|
|
include $pathToWebFolder.'i18n.php';
|
|
include $pathToWebFolder.'add-lists.php';
|
|
|
|
/* Check if the URL contains a numeric zoom value and if that value is between 1 and 19.
|
|
If not use DEFAULT_ZOOM from config.php. */
|
|
if (array_key_exists('zoom', $_GET)) {
|
|
$initialZoom = $_GET['zoom'];
|
|
if (!is_numeric($initialZoom) || intval($initialZoom) < 1 || intval($initialZoom) > 19) {
|
|
$initialZoom = DEFAULT_ZOOM;
|
|
}
|
|
}
|
|
|
|
/* Check if the URL contains a numeric lat value and a numeric lon value.
|
|
If not use DEFAULT_LAT and DEFAULT_LON from config.php. */
|
|
if (array_key_exists('lat', $_GET) && array_key_exists('lon', $_GET)) {
|
|
$initialLat = $_GET['lat'];
|
|
$initialLon = $_GET['lon'];
|
|
if (!is_numeric($initialLat) || !is_numeric($initialLon)) {
|
|
$initialLat = DEFAULT_LAT;
|
|
$initialLon = DEFAULT_LON;
|
|
}
|
|
}
|
|
|
|
$sliderToggleChecked = 'checked="checked"';
|
|
$embQueryFirst = '';
|
|
$embedPerma = 'null';
|
|
$embedMode = '';
|
|
if (array_key_exists('emb', $_GET)) {
|
|
$embedMode = $_GET['emb'];
|
|
if ($embedMode == 'wosb') {
|
|
$sliderToggleChecked = '';
|
|
}
|
|
}
|
|
|
|
$useStatistics = USE_STATISTICS;
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
|
|
|
|
<title>Surveillance under Surveillance</title>
|
|
|
|
<meta name="description" content="Surveillance Camera Map"/>
|
|
<meta name="keywords" lang="en" content="surveillance, cameras, cctv, video, map"/>
|
|
<meta name="keywords" lang="de" content="überwachung, kameras, video, karte"/>
|
|
|
|
<link rel="shortcut icon" href="<?php echo $pathToWebFolder.'favicon.ico' ?>"/>
|
|
<link rel="icon" type="image/png" href="<?php echo $pathToWebFolder.'favicon.png' ?>" sizes="32x32"/>
|
|
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo $pathToWebFolder.'apple-touch-icon.png' ?>"/>
|
|
<meta name="msapplication-TileColor" content="#f1eee8"/>
|
|
<meta name="msapplication-TileImage" content="<?php echo $pathToWebFolder.'mstile-144x144.png' ?>"/>
|
|
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
<meta name="mobile-web-app-capable" content="yes"/>
|
|
|
|
<link rel="stylesheet" href="<?php echo $pathToWebFolder.'Leaflet/leaflet.css' ?>"/>
|
|
<link rel="stylesheet" href="<?php echo $pathToWebFolder.'css/sunders.css' ?>"/>
|
|
<link rel="stylesheet" href="<?php echo $pathToWebFolder.'css/spinner.css' ?>"/>
|
|
</head>
|
|
<body>
|
|
|
|
<?php
|
|
if ($embedMode != 'wsb' && $embedMode != 'wosb') {
|
|
echo '<script language="javascript">
|
|
if (window.self !== window.top) {
|
|
window.top.location.href="./sunders.html";
|
|
}
|
|
</script>';
|
|
} else {
|
|
$embQuery = 'emb='.$embedMode;
|
|
$embQueryFirst = '?'.$embQuery;
|
|
$embedPerma = '\''.$embedMode.'\'';
|
|
}
|
|
?>
|
|
|
|
<input class="slider-toggle-input" type="checkbox" id="slider-id" <?php echo $sliderToggleChecked ?>>
|
|
<label class="slider-toggle-button" for="slider-id">
|
|
<img src="<?php echo $pathToWebFolder.'images/slider-toggle.png' ?>">
|
|
</label>
|
|
<label class="slider-toggle-bar toggle-true" for="slider-id">
|
|
show map
|
|
</label>
|
|
<label class="slider-toggle-bar toggle-false" for="slider-id">
|
|
Surveillance under Surveillance
|
|
</label>
|
|
|
|
<div id="map"></div>
|
|
|
|
<!-- <div class="slider-overlay" id="news">
|
|
<div><img src="<?php echo $pathToWebFolder.'images/yarrow-up.png' ?>"></div>
|
|
<div class="text"><?php echo translate($i18nCommon, $i18nCommonDefault, 'new-stats', [], [], []) ?></div>
|
|
</div> -->
|
|
|
|
<div class="slider-overlay" id="anchorbar">
|
|
<div class="topbar anchorbar">
|
|
<a title="<?php echo translate($i18nCommon, $i18nCommonDefault, 'what-alt', [], [], []) ?>" href="#what">
|
|
<div class="bar-button main what" style="<?php echo 'background-image: url(\''.$pathToWebFolder.'images/link-what-'.$initialLanguage.'.png\');' ?>"></div>
|
|
</a>
|
|
<a title="<?php echo translate($i18nCommon, $i18nCommonDefault, 'how-alt', [], [], []) ?>" href="#how">
|
|
<div class="bar-button main how" style="<?php echo 'background-image: url(\''.$pathToWebFolder.'images/link-how-'.$initialLanguage.'.png\');' ?>"></div>
|
|
</a>
|
|
<a title="<?php echo translate($i18nCommon, $i18nCommonDefault, 'where-alt', [], [], []) ?>" href="#where">
|
|
<div class="bar-button main where" style="<?php echo 'background-image: url(\''.$pathToWebFolder.'images/link-where-'.$initialLanguage.'.png\');' ?>"></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="slider-overlay" id="buttonbar">
|
|
<div class="topbar buttonbar">
|
|
<div title="<?php echo translate($i18nCommon, $i18nCommonDefault, 'search-button-alt', [], [], []) ?>" class="bar-button search" onClick="displaySearchOverlay();return false;"></div>
|
|
<div title="<?php echo translate($i18nCommon, $i18nCommonDefault, 'permalink-button-alt', [], [], []) ?>" class="bar-button permalink" onClick="permalink(null, <?php echo $embedPerma ?>);return false;"></div>
|
|
|
|
<?php
|
|
if ($useStatistics) {
|
|
echo '<a title="'.translate($i18nCommon, $i18nCommonDefault, 'stats-button-alt', [], [], []).'" href="'.$pathToWebFolder.$initialLanguage.'/stats/'.$embQueryFirst.'">
|
|
<div class="bar-button stats"></div>
|
|
</a>';
|
|
}
|
|
?>
|
|
<?php addListLanguages($initialLanguage, $i18nCommon, $i18nCommonDefault); ?>
|
|
</div>
|
|
|
|
<div id="search-overlay">
|
|
<div class="close" onClick="closeSearchOverlay();return false;"></div>
|
|
<form class="search-field-row" onsubmit="searchLocation();return false;">
|
|
<input id="search-input" type="text" autofocus>
|
|
<button class="search-button" type="submit"></button>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="search-results-overlay">
|
|
<div id="search-spinner-block">
|
|
<div id="search-spinner"></div>
|
|
</div>
|
|
<div id="search-results-list-block">
|
|
<div id="search-results-list"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="slider">
|
|
<div class="slider-item slider-logo">
|
|
<img src="<?php echo $pathToWebFolder.'images/logo.png' ?>" alt="Surveillance under Surveillance">
|
|
</div>
|
|
|
|
<?php
|
|
$subtitle = translate($i18nCommon, $i18nCommonDefault, 'subtitle', [], [], []);
|
|
$translation = translate($i18nCommon, $i18nCommonDefault, 'translation', [], [], []);
|
|
|
|
if (! empty($subtitle)) {
|
|
echo '<div class="slider-subtitle">'.$subtitle.'</div>';
|
|
}
|
|
|
|
if (! empty($translation)) {
|
|
echo '<div class="slider-translation">'.$translation.'</div>';
|
|
}
|
|
?>
|
|
|
|
<div id="what"></div>
|
|
<div class="slider-item slider-title">
|
|
<img src="<?php echo $pathToWebFolder.'images/title-what-'.$initialLanguage.'.png' ?>" alt="<?php echo translate($i18nCommon, $i18nCommonDefault, 'what-alt', [], [], []) ?>">
|
|
</div>
|
|
<div class="slider-item">
|
|
<p><?php echo translate($i18nCommon, $i18nCommonDefault, 'what-show', [], [], []); ?></p>
|
|
</div>
|
|
<div class="slider-item">
|
|
<p><?php echo translate($i18nCommon, $i18nCommonDefault, 'what-icons', [], [], []); ?></p>
|
|
</div>
|
|
|
|
<?php
|
|
addListSymbology($pathToWebFolder.'json/symbology.json', $i18nSymbology, $i18nSymbologyDefault);
|
|
?>
|
|
|
|
<div id="how"></div>
|
|
<div class="slider-item slider-title">
|
|
<img src="<?php echo $pathToWebFolder.'images/title-how-'.$initialLanguage.'.png' ?>" alt="<?php echo translate($i18nCommon, $i18nCommonDefault, 'how-alt', [], [], []) ?>">
|
|
</div>
|
|
<div class="slider-item">
|
|
<p><?php echo translate($i18nCommon, $i18nCommonDefault, 'how-osm', ['https://www.openstreetmap.org/login', 'https://www.openstreetmap.org/user/new'], [['https://www.openstreetmap.org'], ['OpenStreetMap']], []); ?></p>
|
|
</div>
|
|
<div class="slider-item">
|
|
<p><?php echo translate($i18nCommon, $i18nCommonDefault, 'how-update', [], [], []); ?></p>
|
|
</div>
|
|
<div class="slider-item">
|
|
<p><?php echo translate($i18nCommon, $i18nCommonDefault, 'how-keyval', [], [], []); ?></p>
|
|
</div>
|
|
|
|
<?php
|
|
addListManual($pathToWebFolder.'json/manual.json', $i18nManual, $i18nManualDefault);
|
|
?>
|
|
|
|
<!-- <div class="slider-item">
|
|
<p><br><br> -->
|
|
|
|
<?php
|
|
// echo translate($i18nCommon, $i18nCommonDefault, 'how-fork', [], [['https://gitlab.com/kamba4/sunders'], ['GitLab']], []);
|
|
?>
|
|
|
|
<!-- </p>
|
|
</div> -->
|
|
|
|
<div id="where"></div>
|
|
<div class="slider-item slider-title">
|
|
<img src="<?php echo $pathToWebFolder.'images/title-where-'.$initialLanguage.'.png' ?>" alt="<?php echo translate($i18nCommon, $i18nCommonDefault, 'where-alt', [], [], []) ?>">
|
|
</div>
|
|
<div class="slider-item">
|
|
<p><?php echo translate($i18nCommon, $i18nCommonDefault, 'where-sites', [], [], []); ?></p>
|
|
</div>
|
|
|
|
<?php
|
|
addListLinks($pathToWebFolder.'json/links.json', $i18nLinks, $i18nLinksDefault);
|
|
?>
|
|
|
|
<div class="slider-item slider-footer text-small">
|
|
❖ ❖ ❖
|
|
<br><br><br>
|
|
<?php
|
|
addListCredits($pathToWebFolder.'json/credits.json', $i18nCredits, $i18nCreditsDefault);
|
|
?>
|
|
<br><br>
|
|
❖
|
|
<br><br><br>
|
|
<a href="<?php echo IMPRESSUM_URL?>">Impressum</a>
|
|
<br><br>
|
|
<?php echo translate($i18nCommon, $i18nCommonDefault, 'gdpr', [], [], []); ?>
|
|
<br><br>
|
|
</div>
|
|
</div>
|
|
|
|
<script language="javascript">
|
|
<?php
|
|
echo 'var initialZoom = '.$initialZoom.';
|
|
var initialLat = '.$initialLat.';
|
|
var initialLon = '.$initialLon.';';
|
|
?>
|
|
</script>
|
|
|
|
<script src="<?php echo $pathToWebFolder.'Leaflet/leaflet.js' ?>"></script>
|
|
<script src="<?php echo $pathToWebFolder.'Leaflet/semicircle.js' ?>"></script>
|
|
<script src="<?php echo $pathToWebFolder.'js/leafletembed_icons.js' ?>"></script>
|
|
<script src="<?php echo $pathToWebFolder.'js/leafletembed_functions.js' ?>"></script>
|
|
<script src="<?php echo $pathToWebFolder.'js/search.js' ?>"></script>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
<?php
|
|
header('Content-type: text/html; charset="UTF-8"');
|
|
?>
|