-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
173 lines (173 loc) · 8.86 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">
<head>
<title>TransforMap Editor</title>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi">
<script src="vendor.js"></script>
<script src="app.js"></script>
<script>require('initialize')</script>
<script defer="defer" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<script defer="defer" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script defer="defer" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<script>
if(! Modernizr.promises) {
document.write('<script src="https://www.promisejs.org/polyfills/promise-7.0.4.min.js"></sc' + 'ript>')
document.write('<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.2/fetch.min.js"></sc' + 'ript>')
}
</script>
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="vendor.css">
</head>
<body>
<div id="forms">
<h1>TransforMap Editor</h1>
<form>
<fieldset class="no-padding">
<div class="row" id="menu"><a class="btn btn-default" href="http://viewer.transformap.co/editable.html?background=mapnik#5/50.458/10.261" id="gotomap" target="_blank">→ Go to Map</a><a class="btn btn-default" href="https://github.com/TransforMap/transformap-editor/blob/master/HELP.md" id="help" target="_blank">Help</a><a class="btn btn-success" href="." id="newbutton" title="Create a new POI">New</a><a class="btn btn-danger" href="" id="resetbutton">Reset</a></div>
</fieldset>
<fieldset id="address">
<legend>Name and address</legend>
<div class="row" id="name">
<label for="_key_name">Name</label>
<input class="form-control" type="text" id="_key_name">
</div>
<div class="row">
<label for="_key_addr:country">Country</label>
<input class="form-control" type="text" id="_key_addr:country">
</div>
<div class="row">
<label for="_key_addr:city">City</label>
<input class="form-control" type="text" id="_key_addr:city">
</div>
<div class="row">
<label for="_key_addr:postcode">Postcode</label>
<input class="form-control" type="text" id="_key_addr:postcode">
</div>
<div class="row">
<label for="_key_addr:street">Street Name</label>
<input class="form-control" type="text" id="_key_addr:street">
</div>
<div class="row">
<label for="_key_addr:housenumber">House Number</label>
<input class="form-control" type="text" id="_key_addr:housenumber">
</div>
<!--fixme add support for addr:housename and addr:place-->
<div class="row" style="margin-top:1em">
<label>Search for Coordinates from Address</label>
<button class="btn btn-success" type="button" id="coordsearch">Go!</button>
<Search>using OpenStreetMap</Search>
</div>
<div class="row" style="margin-top:1em">
<label for="_geometry_lon" title="X, WGS84, decimal degree">Longitude</label>
<input class="form-control" type="text" id="_geometry_lon">
</div>
<div class="row">
<label for="_geometry_lat" title="Y, WGS84, decimal degree">Latitude</label>
<input class="form-control" type="text" id="_geometry_lat">
<!--TODO add reset coords button-->
</div>
</fieldset>
<fieldset>
<legend>Description</legend>
<div class="row">
<label for="_key_description">Description text</label>
<textarea class="form-control" id="_key_description" rows="6"></textarea>
<!--fixme different langs for description-->
</div>
<div class="row" id="toi">
<label for="_key_type_of_initiative">Type of Initiative</label>
<select class="selectpicker show-tick" id="_key_type_of_initiative" multiple size="5" data-live-search="true">
<option value="">== Choose at least one type of initiative ==</option>
</select>
</div>
</fieldset>
<fieldset>
<legend>TransforMap Taxonomy</legend>
<div class="row">
<label for="_key_provides">Fulfils Needs</label>
<select class="selectpicker show-tick" id="_key_provides" name="Needs" multiple size="5" data-live-search="true">
<option value="">== Choose all Needs fulfilled ==</option>
</select>
</div>
<div class="row">
<label for="_key_interaction">Interaction</label>
<select class="selectpicker show-tick" id="_key_interaction" name="Interaction" multiple size="5" data-live-search="true">
<option value="">== Choose any Interactions ==</option>
</select>
</div>
<div class="row">
<label for="_key_identity">Identity</label>
<select class="selectpicker show-tick" id="_key_identity" name="Identity" multiple size="5" data-live-search="true">
<option value="">== Choose An Identity ==</option>
</select>
</div>
</fieldset>
<fieldset>
<legend>Contact Data</legend>
<div class="row">
<label for="_key_contact:website">Website</label>
<input class="form-control" type="text" id="_key_contact:website">
</div>
<div class="row">
<label for="_key_contact:email">Email Address</label>
<input class="form-control" type="text" id="_key_contact:email">
</div>
<div class="row">
<label for="_key_contact:phone">Phone Number</label>
<input class="form-control" type="text" id="_key_contact:phone">
</div>
<div class="row">
<label for="_key_opening_hours">Opening Hours</label>
<input class="form-control" type="text" id="_key_opening_hours">
</div>
<!--fixme allow more than one field for each type-->
</fieldset>
<fieldset>
<legend>Additional Information</legend>
<div class="row">
<label for="_key_image">Link to image</label>
<input class="form-control" type="text" id="_key_image"><span> Upload </span><a href="https://base.transformap.co/wiki/Special:Upload" target="_blank">here</a><span>.</span>
</div>
<div class="row">
<label for="_key_video">Link to video</label>
<input class="form-control" type="text" id="_key_video">
</div>
</fieldset>
<fieldset id="freetags">
<legend>Free Tags</legend>
<!--fixme must add additional fields when user fills one-->
<div class="row header">
<p>Key</p>
<p>Value</p>
<button class="btn btn-success" type="button" id="plus">Add</button>
</div>
<div class="row">
<input class="form-control" type="text" id="key1" name="freetags">
<input class="form-control" type="text" id="value1" name="freetags">
</div>
</fieldset>
<fieldset>
<legend>Object information</legend>
<div class="row" id="osm">
<label for="_key_osm">Link to OSM object</label>
<input class="form-control" type="text" id="_key_osm"><span> </span><a id="osmlink" target="_blank">OSM</a>
</div>
<div class="row" id="id">
<label for="_id">Object ID</label>
<input class="form-control" type="text" id="_id" disabled="true"><span> </span><a id="transformapapilink" target="_blank">JSON</a>
<div class="row" id="deleted">{{{ This object is in 'deleted' state. To undelete, click 'Save' }}}</div>
</div>
</fieldset>
</form>
<button class="btn btn-danger btn-sm" type="button" id="delete">Delete POI</button>
<button class="btn btn-success btn-lg" type="button" id="save">Save</button><a href="https://github.com/TransforMap/transformap-editor/" target="_blank" id="forkme">Fork me on Github!</a>
</div>
<div id="map"></div>
</body>
</html>