-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
153 lines (151 loc) · 6.7 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html><head>
{{$ styles}}
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#" id="app-name"></a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="#infoModal" role="button" data-toggle="modal">About</a></li>
</ul>
<div class="btn-group pull-right" id="config-button" style="margin-left: 10px; display:none;">
<a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-cog icon-white"></i>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a id="config" href="#">Configure Site</a></li>
<!--<li><a href="#">Download Points</a></li>-->
</ul>
</div>
<button class="btn btn-success pull-right" type="button" id="draw"-toggle""><i class="icon-map-marker icon-white"></i> Create Point</button>
<!-- <button class="btn btn-success pull-right" type="button" id="draw-toggle">Create Point</button> -->
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!-- a placeholder for my list of things, with an input for adding new things -->
<div id="map">
</div>
<!-- About Modal -->
<div id="infoModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="app-modal-title"></h3>
</div>
<div class="modal-body" id="app-modal-body"></div>
<div class="modal-footer">
<button class="btn btn-success" data-dismiss="modal" aria-hidden="true">Get in there!</button>
</div>
</div>
<!-- Config Modal -->
<div id="configModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Site Configuration Settings</h3>
</div>
<div class="modal-body">
<form id="site-config-form">
<h5>General Site Settings</h5>
<div class="row-fluid">
<div class="control-group span6">
<label>Site Name</label>
<input class="required span12" type="text" id="inSiteName" name="inSiteName" placeholder="">
<span class="help-block"></span>
</div>
<div class="control-group span6">
<label>Site Info Header</label>
<input class="required span12" type="text" id="inSiteInfoHeader" name="inSiteInfoHeader" placeholder="">
<span class="help-block"></span>
</div>
</div>
<div class="row-fluid">
<div class="control-group span12">
<label>Site Info Body</label>
<textarea class="required xxlarge span12" id="inSiteInfoBody" rows="6" placeholder=""></textarea>
<span class="help-block"></span>
</div>
</div>
<hr>
<h5>Map Settings</h5>
<div class="row-fluid">
<div class="control-group span4">
<label>Zoom Level</label>
<input class="required span12" type="text" id="inMapZoom" name="inMapZoom">
<span class="help-block"></span>
</div>
<div class="control-group span4">
<label>Latitude</label>
<input class="required span12" type="text" id="inMapLat" name="inMapLat">
<span class="help-block"></span>
</div>
<div class="control-group span4">
<label>Longitude</label>
<input class="required span12" type="text" id="inMapLng" name="inMapLng">
<span class="help-block"></span>
</div>
</div>
<div class="row-fluid">
<div class="control-group span4">
<label>Marker Icon (<a href="http://twitter.github.io/bootstrap/base-css.html#icons" target="_blank">Glyphicon</a>)</label>
<input class="required span12" type="text" id="inMapIcon" name="inMapIcon">
<span class="help-block"></span>
</div>
<div class="control-group span4">
<label>Marker Color</label>
<select class="required span12" id="inMapMkrColor" name="inMapMkrColor">
<option>blue</option>
<option>red</option>
<option>darkred</option>
<option>orange</option>
<option>green</option>
<option>darkgreen</option>
<option>darkblue</option>
<option>purple</option>
<option>darkpurple</option>
<option>cadetblue</option>
</select>
<span class="help-block"></span>
</div>
<div class="control-group span4">
<label>Draw Marker Color</label>
<select class="required span12" id="inDrawMkrColor" name="inDrawMkrColor">
<option>red</option>
<option>darkred</option>
<option>orange</option>
<option>green</option>
<option>darkgreen</option>
<option>blue</option>
<option>darkblue</option>
<option>purple</option>
<option>darkpurple</option>
<option>cadetblue</option>
</select>
<span class="help-block"></span>
</div>
</div>
<div class="row-fluid">
<div class="control-group span12">
<label>Point Types (comma-separated list)</label>
<input class="required span12" type="text" id="inPtTypes" name="inPtTypes">
<span class="help-block"></span>
</div>
</div>
<br>
<div class="row-fluid">
<button id="site-update" class="btn btn-success pull-right" type="submit">Update Site</button>
</div>
</form>
</div>
</div>
{{$ scripts}}
</body>
</html>