/
index.html
executable file
·131 lines (131 loc) · 7.24 KB
/
index.html
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
<!-- Want more information about the code? Contact justin.chines@gmail.com -->
<meta charset="utf-8">
<title>The de'Barbari Explorer</title>
<link rel="stylesheet" href="css/leaflet.css" />
<link rel="stylesheet" href="css/leaflet.draw.css" />
<link rel="stylesheet" href="css/jquery-ui.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="js/mini/Control.MiniMap.css" />
<link rel="stylesheet" href="style.css" />
<script src="js/leaflet.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/leaflet.draw.js"></script>
<script type='text/javascript' src='https://cdn.firebase.com/v0/firebase.js'></script>
<script type='text/javascript' src='https://cdn.firebase.com/v0/firebase-simple-login.js'></script>
<script src="js/mini/Control.MiniMap.js"></script>
<script src="debarbari.js"></script>
<script>debarbariInit();</script>
</head>
<body>
<div id="map"></div>
<div class="header" id="mini-header">
<input class="search form-control" id="mini-search" placeholder="Search..." />
<div class="btn-group">
<button id="dlbutton" class="btn btn-default" data-toggle="tooltip" title="Download what is currently visible"><img class="icon" src="img/filesave.png" /></button>
<button id="select" class="btn btn-default" data-toggle="tooltip" title="Download a selection"><img class="icon" src="img/select.png" /></button>
<div id="layer-dropdown" class="btn-group">
<button id="layers" class="btn btn-default dropdown-toggle" data-toggle="dropdown" data-target="#layer-dropdown" title="Enable and disable layers"><img class="icon" src="img/layers.png" /></button>
<ul class="dropdown-menu layers-menu" role="menu">
</ul>
</div>
<button id="drawmode" class="btn btn-default" data-toggle="tooltip" title="Draw a new polygon"><img class="icon" src="img/pencil.png" /></button>
<button id="plus-sign" class="btn btn-default" data-toggle="tooltip" title="Get more information"><img class="icon" src="img/about.png" /></button>
</div>
</div>
<div class="login panel panel-default">
<div class="panel-body">
<span id="login-text"><a id="login-link" href="#">Login</a> / <a id="signup-link" href="#">Sign up</a></span>
<span id="loggedin-text">Logged in as <span id="loggedin-username"></span>. <a id="logout-link" href="#">Logout</a></span>
<div id="login-form" class="login-form">
<input id="email" class="login-input form-control" placeholder="Email" /><br />
<input id="password" class="login-input form-control" type="password" placeholder="Password" />
</div>
</div>
</div>
<div id="info-modal" class="modal fade" id="header">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">The de'Barbari Map</h4>
</div>
<div class="modal-body">
<iframe style="border: none; width: 100%; height: 500px;" src="https://docs.google.com/document/d/1cyCoW299mZt4utjXZ95eD4_MYctKkfvK0GMFzvmDqgA/pub?embedded=true"></iframe>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Okay!</button>
</div>
</div>
</div>
</div>
<div id="new-feature" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Save new feature</h4>
</div>
<div class="modal-body">
<label for="new-feature-name">Name: </label><input id="new-feature-name" class="form-control" placeholder="Name of this landmark">
<br />
<label for="new-feature-type">Type: </label><select id="new-feature-type" class="form-control layers-select"></select>
<br />
<label for="new-feature-link">Link: </label><input id="new-feature-link" class="form-control" placeholder="A link to more information (such as a Venipedia page)"></select>
</div>
<div class="modal-footer">
<button id="new-feature-discard" type="button" class="btn btn-danger">Delete</button>
<button id="new-feature-submit" type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div id="new-layer" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Create a new layer</h4>
</div>
<div class="modal-body">
<label for="new-layer-name">Name: </label><input id="new-layer-name" class="form-control" placeholder="Name that will appear in the layers list (eg. Demolished Churches)">
<br />
<label for="new-layer-id">ID: </label><input id="new-layer-id" class="form-control" placeholder="Short name to be used internally (eg. demolished-church)">
<br />
<label for="new-layer-color">Color: </label><input id="new-layer-color" class="form-control" placeholder="HTML Color (eg. #c0c0c0 or silver)">
<br />
<label for="new-layer-parent">Parent: </label><select id="new-layer-parent" class="form-control"><option selected="selected" value="">None</option><option id="new-layer-parent-other" value="Other">Other (Enter below)</option></select>
<br />
<label for="new-layer-new-parent">Other: </label><input id="new-layer-new-parent" class="form-control" placeholder="Name for layer parent when not in list">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button id="new-layer-button" type="button" class="btn btn-primary">Create</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div id="clone-layer" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Clone to other layer</h4>
</div>
<div class="modal-body">
<label for="clone-layer-type">Layer: </label><select id="clone-layer-type" class="form-control layers-select"></select>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button id="clone-button" type="button" class="btn btn-primary">Clone</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
<!--Tiles generated by MapTiler/GDAL2Tiles, Copyright © 2008 Klokan Petr Pridal, GDAL & OSGeo GSoC-->
</html>