assetwebsite/index.php at master · VCDH/assetwebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<?php
/*
 	assetwebsite - viewer en aanvraagformulier voor verkeersmanagementassets
    Copyright (C) 2020, 2023 Gemeente Den Haag, Netherlands
    Developed by Jasper Vries

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
*/
session_start();
include_once('getuserdata.inc.php');
include('dbconnect.inc.php');
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Assets - Kaart</title>
<link rel="stylesheet" type="text/css" href="bundled/jquery-ui/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="bundled/leaflet/leaflet.css">
<link rel="stylesheet" type="text/css" href="bundled/Leaflet.Measure/src/leaflet.measure.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="icon" type="image/png" href="favicon.png">
<script src="bundled/jquery/jquery.min.js"></script>
<script src="bundled/jquery-ui/jquery-ui.min.js"></script>
<script src="bundled/js-cookie/js.cookie.min.js"></script>
<script src="bundled/leaflet/leaflet.js"></script>
<script src="bundled/leaflet-rotatedmarker/leaflet.rotatedMarker.js"></script>
<script src="bundled/Leaflet.Measure/src/leaflet.measure.js"></script>
<script src="map.js"></script>
<script src="details.js"></script>
<!-- <script src="search.js"></script>TODO misschien opnemen in map.js -->
<script src="help.js"></script>
</head>
<body>

<div style="position: fixed; left: 0; top: 0; width: 100%; height: 100%">
	<div id="map" style="width: 100%; min-height: 100%"></div>
</div>

<div id="map-options-container">
	<fieldset>
    <legend>Lagen</legend>
    <ul id="map-layers">
        <?php
        //get layers from db
        $qry = "SELECT `id`, `name`, `public` FROM `".$db['prefix']."assettype` ORDER BY `name`";
        $res = mysqli_query($db['link'], $qry);
        while ($data = mysqli_fetch_assoc($res)) {
            echo '<li';
            //not enable layer if user is nog logged in or has no organisation attached
            if (($data['public'] != 1) && (!getuserdata() || (getuserdata('organisation') == 0))) echo ' title="Aanmelden vereist" class="disabled"';
            echo '><input type="checkbox" id="map-layer-' . $data['id'] . '"';
            if (($data['public'] != 1) && (!getuserdata() || (getuserdata('organisation') == 0))) echo ' disabled="disabled"';
            echo '><label for="map-layer-' . $data['id'] . '">' . htmlspecialchars($data['name']) . '</label></input></li>';
        }
        ?>
		<li><input type="checkbox" id="map-layer-hecto"><label for="map-layer-hecto">HM-posities</label></input></li>
	</ul>
    </fieldset>
    <fieldset>
    <legend>Kaartachtergrond</legend>
        <ul id="map-tile"></ul>
    </fieldset>
    <fieldset>
    <legend>Kaartweergave</legend>
		<ul id="map-style">
            <li><input type="radio" name="map-style" id="map-style-default"><label for="map-style-default">Standaard</label></li>
            <li><input type="radio" name="map-style" id="map-style-lighter"><label for="map-style-lighter">Lichter</label></li>
            <li><input type="radio" name="map-style" id="map-style-grayscale"><label for="map-style-grayscale">Grijswaarden</label></li>
            <li><input type="radio" name="map-style" id="map-style-dark"><label for="map-style-dark">Donker</label></li>
            <li><input type="radio" name="map-style" id="map-style-oldskool"><label for="map-style-oldskool">Vergeeld</label></li>
        </ul>
        <ul id="map-labels">
            <li><input type="checkbox" id="map-labels-active"><label for="map-labels-active">Toon labels</label></li>
        </ul>
    </fieldset>
</div>

<div id="map-loading">
    <span>Bezig met laden...</span>
</div>
<div id="map-nolayersactive">
    <span class="info">Selecteer een kaartlaag in het menu aan de rechterzijde.</span>
</div>

<?php
include('menu.inc.php');
?>

</body>
</html>