-
Notifications
You must be signed in to change notification settings - Fork 8
/
app.html
58 lines (56 loc) · 2.26 KB
/
app.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Pinpoint</title>
<link href="./build/css/main.css" rel="stylesheet" type="text/css">
<link href="./build/css/bootstrap.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="./libs/font-awesome-4.6.1/css/font-awesome.min.css">
<link rel="stylesheet" href="./libs/leaflet/leaflet.css" />
<link rel="stylesheet" href="./node_modules/leaflet-draw/dist/leaflet.draw.css" />
<!-- Load real app code -->
</head>
<body>
<div class="map-container" id="pinpoint">
<button id="menuButton" class="btn btn-default"
@click="showMenu = true"><i class="fa fa-bars" aria-hidden="true"></i></button>
<sidebar :show.sync="showMenu" placement="right" header="Pinpoint" :width="350">
<accordion :one-at-atime="true">
<panel header="Locator" :is-open="true" id="locator-panel">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
</panel>
<panel header="Tools" id="tools-panel">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
</panel>
<panel header="Settings" id="settings-panel">
<table>
<tr>
<td><h4 class="settings-label">Tiles: </h4></td>
<td>
<radio-group :value.sync="radioValue" type="primary">
<radio value="off">Off</radio>
<radio value="right">On</radio>
</radio-group>
</td>
</tr>
<tr></tr>
</table>
</panel>
<panel header="Help" id="help-panel">
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
</panel>
</accordion>
</sidebar>
<div id="map"></div>
</div>
<script src="./node_modules/vue/dist/vue.js"></script>
<script src="./node_modules/vue-strap/dist/vue-strap.js"></script>
<script src="./libs/leaflet/leaflet.js"></script>
<script src="./libs/leaflet-search-control.js"></script>
<script src="./node_modules/leaflet-draw/dist/leaflet.draw.js"></script>
<script src="app.js"></script>
</body>
</html>