]> git.openstreetmap.org Git - nominatim-ui.git/blob - dist/reversepage.hbs
structured search form
[nominatim-ui.git] / dist / reversepage.hbs
1
2 {{#*inline "partial_one_result"}}
3   <div class="result" data-position="{{iResNum}}">
4     {{#if aResult.icon}}
5       <img src="{{env.Images_Base_Url}}{{aResult.icon}}" />
6       {{!-- {{formatMapIcon aResult.icon}} --}}
7     {{/if}}
8
9     <span class="name">{{aResult.display_name}}</span>
10     <span class="type">{{formatLabel aResult}}</span>
11     <p class="coords">{{aResult.lat}},{{aResult.lon}}</p>  
12
13     <a class="btn btn-default btn-xs details"
14        href="details.html?osmtype={{shortOSMType aResult.osm_type}}&osmid={{aResult.osm_id}}">details</a>
15   </div>
16 {{/inline}}
17
18 <form class="form-inline" role="search" accept-charset="UTF-8" action="">
19   <div class="form-group">
20     <input name="format" type="hidden" value="html">
21     <input name="lat"
22            type="text"
23            class="form-control input-sm"
24            placeholder="latitude"
25            value="{{fLat}}" />
26     <span id="switch-coords">&lt;&gt;</span>
27     <input name="lon"
28            type="text"
29            class="form-control input-sm"
30            placeholder="longitude"
31            value="{{fLon}}" />
32     max zoom
33     <select name="zoom" class="form-control input-sm" value="{{iZoom}}">
34       {{zoomLevels iZoom}}
35     </select>
36   </div>
37   <div class="form-group search-button-group">
38     <button type="submit" class="btn btn-primary btn-sm">
39       Search
40     </button>
41   </div>
42   <div class="search-type-link">
43     <a href="/search.html">forward search</a>
44   </div>
45 </form>
46
47
48 <div id="content">
49   {{#if aPlace}}
50     <div id="searchresults" class="sidebar">
51       {{>partial_one_result iResNum=0 aResult=aPlace env=env}}
52     </div>
53   {{else}}
54     <div id="intro" class="sidebar">
55       Search for coordinates or click anywhere on the map.
56     </div>
57   {{/if}}
58
59   <div id="map-wrapper">
60     <div id="map-position">
61       <div id="map-position-inner"></div>
62       <div id="map-position-close"><a href="#">hide</a></div>
63     </div>
64     <div id="map"></div>
65   </div>
66 </div>