forked from PeWu/osm-history
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
107 lines (107 loc) · 3.24 KB
/
home.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
<div class="panel panel-default">
<div class="panel-body">
<form ng-submit="ctrl.showHistory('node', ctrl.nodeId)">
<label for="node-id">Node</label>
<div class="row">
<div class="col-lg-3 col-md-4">
<div class="input-group">
<input
type="number"
class="form-control"
placeholder="node id"
id="node-id"
ng-model="ctrl.nodeId"
/>
<span class="input-group-btn">
<button class="btn btn-default" type="submit">Go!</button>
</span>
</div>
</div>
<div class="col-md-3">
<input
class="btn btn-warning"
type="button"
value="Random"
ng-click="ctrl.randomize('node')"
/>
</div>
</div>
</form>
<form ng-submit="ctrl.showHistory('way', ctrl.wayId)">
<label for="way-id">Way</label>
<div class="row">
<div class="col-lg-3 col-md-4">
<div class="input-group">
<input
type="number"
class="form-control"
placeholder="way id"
id="way-id"
ng-model="ctrl.wayId"
/>
<span class="input-group-btn">
<button class="btn btn-default" type="submit">Go!</button>
</span>
</div>
</div>
<div class="col-md-3">
<input
class="btn btn-warning"
type="button"
value="Random"
ng-click="ctrl.randomize('way')"
/>
</div>
</div>
</form>
<form ng-submit="ctrl.showHistory('relation', ctrl.relationId)">
<label for="relation-id">Relation</label>
<div class="row">
<div class="col-lg-3 col-md-4">
<div class="input-group">
<input
type="number"
class="form-control"
placeholder="relation id"
id="relation-id"
ng-model="ctrl.relationId"
/>
<span class="input-group-btn">
<button class="btn btn-default" type="submit">Go!</button>
</span>
</div>
</div>
<div class="col-md-3">
<input
class="btn btn-warning"
type="button"
value="Random"
ng-click="ctrl.randomize('relation')"
/>
</div>
</div>
</form>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Bookmarklet</h3>
</div>
<div class="panel-body">
<p>
Drag this button to your bookmarks bar:
<a
class="btn btn-primary btn-xs"
role="button"
href="javascript:(function(){m=(window.getSelection().toString().toLowerCase()||location.href).match(/(way|node|relation)\D+(\d+)/);if(m!=null){window.open('https://pewu.github.io/osm-history/#/'+(m?m[1]+'/'+m[2]:''));}else{alert('The selection and the URL doesn\'t contain any object id.');};})()"
>
OSM History
</a>
</p>
<p>
You can use it to navigate to the history page from
<a href="https://OpenStreetMap.org">OpenStreetMap.org</a> and some other
sites.
</p>
</div>
</div>