]> git.openstreetmap.org Git - nominatim-ui.git/blob - dist/details.html
details html page: no longer use place_id in URLs
[nominatim-ui.git] / dist / details.html
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4   <title>OpenStreetMap Nominatim</title>
5   <meta name="viewport" content="width=device-width, initial-scale=1">
6
7   <link rel="icon" type="image/png" href="/assets/images/favicon-194x194.png" sizes="194x194" />
8   <link rel="icon" type="image/png" href="/assets/images/favicon-16x16.png" sizes="16x16" />
9
10   <link href="assets/css/leaflet.css" rel="stylesheet" />
11   <link href="assets/css/Control.MiniMap.min.css" rel="stylesheet" />
12   <link href="assets/css/bootstrap-theme.min.css" rel="stylesheet" />
13   <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
14   <link href="assets/css/common.css" rel="stylesheet" />
15   <link href="assets/css/search.css" rel="stylesheet" type="text/css" />
16   <link href="assets/css/details.css" rel="stylesheet" type="text/css" />
17 </head>
18 <body id="details-page">
19
20   <div id="error-overlay">
21     You need Javascript enabled to view this page.
22   </div>
23
24   <header class="container-fluid">
25     <div class="row">
26       <div class="col-xs-4">
27         <div class="brand">
28           <a href="/">
29             <img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
30             <h1>Nominatim</h1>
31           </a>
32         </div>
33       </div>
34       <div id="last-updated" class="col-xs-4 text-center">
35         Data from <a id="api-request-link" href="">API request</a>
36         <br>
37         Data last updated:
38         <span id="data-date"></span>
39       </div>
40       <div class="col-xs-4 text-right">
41         <div class="btn-group">
42           <button class="dropdown-toggle btn btn-sm btn-default" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
43             About &amp; Help <span class="caret"></span>
44           </button>
45           <ul class="dropdown-menu dropdown-menu-right">
46             <li><a href="https://wiki.openstreetmap.org/wiki/Nominatim" target="_blank">Documentation</a></li>
47             <li><a href="https://wiki.openstreetmap.org/wiki/Nominatim/FAQ" target="_blank">FAQ</a></li>
48             <li role="separator" class="divider"></li>
49             <li><a href="#" class="" data-toggle="modal" data-target="#report-modal">Report problem with results</a></li>
50           </ul>
51         </div>
52       </div>
53     </div>
54   </header>
55
56   <div class="modal fade" id="report-modal">
57     <div class="modal-dialog">
58       <div class="modal-content">
59         <div class="modal-header">
60           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
61           <h4 class="modal-title">Report a problem</h4>
62         </div>
63         <div class="modal-body">
64           <p>
65             Before reporting problems please read the <a target="_blank" href="https://wiki.openstreetmap.org/wiki/Nominatim">user documentation</a>
66             and
67             <a target="_blank" href="https://wiki.openstreetmap.org/wiki/Nominatim/FAQ">FAQ</a>.
68
69             If your problem relates to the address of a particular search result please use the 'details' link 
70             to check how the address was generated before reporting a problem.
71           </p>
72           <p>
73             Use <a target="_blank" href="https://github.com/openstreetmap/nominatim/issues">Nominatim issues on github</a>
74             to report problems.
75           </p>
76           <p>
77             Please ensure that you include a full description of the problem, including the search
78             query that you used, the problem with the result and, if the problem relates to missing data,
79             the osm type (node, way, relation) and id of the item that is missing.
80           </p>
81           <p>
82             Problems that contain enough detail are likely to get looked at before ones that require
83             significant research.
84           </p>
85         </div>
86         <div class="modal-footer">
87           <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
88         </div>
89       </div>
90     </div>
91   </div>
92
93   <main>
94   </main>
95
96   <footer>
97     <p class="disclaimer">
98       Addresses and postcodes are approximate
99     </p>
100     <p class="copyright">
101       &copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors
102     </p>
103   </footer>
104
105   <script src="assets/js/jquery.min.js"></script>
106   <script src="assets/js/bootstrap.min.js"></script>
107   <script src="assets/js/leaflet.js"></script>
108   <script src="assets/js/Control.MiniMap.min.js"></script>
109   <script src="assets/js/handlebars.min.js"></script>
110   <script src="assets/js/url-search-params.js"></script>
111
112   <script src="config.js"></script>
113   <script src="handlebar_helpers.js"></script>
114
115   <script src="assets/js/nominatim-ui.js"></script>
116 <script id="detailspage-template" type="text/x-handlebars-template">
117
118 {{#*inline "partial_details_one_row"}}
119   <tr class="{{isaddresses_unused this}}">
120     <td class="name">
121       {{#if this.localname}}
122         {{this.localname}}
123       {{else}}
124         <span class="noname">No Name</span>
125       {{/if}}
126     </td>
127     <td>{{this.class}}:{{this.type}}</td>
128     <td>{{osmLink this}}</td>
129     <td>{{this.rank_address}}</td>
130     <td>{{formatAdminLevel this.admin_level}}</td>
131     <td>{{formatDistance this.distance}}</td>
132     <td>{{detailsLink this null}}</td>
133   </tr>
134 {{/inline}}
135
136 {{#*inline "partial_details_keyword_one_row"}}
137   <tr>
138     <td>{{formatKeywordToken this.token}}</td>
139     {{#if this.id}}
140       <td>word id: {{this.id}}</td>
141     {{/if}}
142   </tr>
143 {{/inline}}
144
145
146 {{#*inline "partial_h2"}}
147   <tr class="all-columns"><td colspan="6"><h2>{{this}}</h2></td></tr>
148 {{/inline}}
149
150 {{#*inline "partial_h3"}}
151   <tr class="all-columns"><td colspan="6"><h3>{{this}}</h3></td></tr>
152 {{/inline}}
153
154 <div class="container">
155   <div class="row">
156     <div class="col-sm-10">
157       <h1>{{aPlace.localname}} <small>{{detailsPermaLink aPlace 'link to this page'}}</small></h1>
158     </div>
159     <div class="col-sm-2 text-right">
160       {{formatMapIcon aPlace.icon}}
161     </div>
162   </div>
163   <div class="row">
164     <div class="col-md-6">
165       <table id="locationdetails" class="table table-striped">
166         <tr>
167           <td>Name</td>
168           <td>
169             {{#each aPlace.names}}
170               <div class="line"><span class="name">{{this}}</span> ({{@key}})</div>
171             {{/each}}
172           </td>
173         </tr>
174         <tr>
175           <td>Type</td>
176           <td>{{aPlace.category}}:{{aPlace.type}}</td>
177         </tr>
178         <tr>
179           <td>Last Updated</td>
180           <td>{{aPlace.indexed_date}}</td>
181         </tr>
182         <tr>
183           <td>Admin Level</td>
184           <td>{{aPlace.admin_level}}</td>
185         </tr>
186         <tr>
187           <td>Rank</td>
188           <td>{{formatSearchRank aPlace.rank_search}}</td>
189         </tr>
190         {{#if aPlace.calculated_importance}}
191           <tr>
192             <td>Importance</td>
193             <td>
194               {{aPlace.calculated_importance}}
195               {{#unless aPlace.importance}} (estimated){{/unless}}
196             </td>
197           </tr>
198         {{/if}}
199         <tr>
200           <td>Coverage</td>
201           <td>{{coverageType aPlace}}</td>
202         </tr>
203         <tr>
204           <td>Centre Point (lat,lon)</td>
205           <td>{{aPlace.centroid.coordinates.[1]}},{{aPlace.centroid.coordinates.[0]}}</td>
206         </tr>
207         <tr>
208           <td>OSM</td>
209           <td>{{osmLink aPlace}}
210         </tr>
211         <tr>
212           <td>Place Id (<a href="https://nominatim.org/release-docs/develop/api/Output/#place_id-is-not-a-persistent-id">on this server</a>)</td>
213           <td>{{aPlace.place_id}}</td>
214         </tr>
215         {{#if aPlace.calculated_wikipedia}}
216           <tr>
217             <td>Wikipedia Calculated</td>
218             <td>{{wikipediaLink aPlace}}</td>
219           </tr>
220         {{/if}}
221         <tr>
222           <td>Computed Postcode</td>
223           <td>{{aPlace.calculated_postcode}}</td>
224         </tr>
225         <tr>
226           <td>Address Tags</td>
227           <td>
228             {{#each aPlace.addresstags}}
229               <div class="line"><span class="name">{{this}}</span> ({{@key}})</div>
230             {{/each}}
231           </td>
232         </tr>
233         <tr>
234           <td>Extra Tags</td>
235           <td>
236             {{#each aPlace.extratags}}
237               <div class="line"><span class="name">{{this}}</span> ({{@key}})</div>
238             {{/each}}
239           </td>
240         </tr>
241       </table>
242     </div>
243     <div class="col-md-6">
244       <div id="map"></div>
245     </div>
246   </div>
247   <div class="row">
248     <div class="col-md-12">
249       <h2>Address</h2>
250        <table id="address" class="table table-striped table-responsive">
251         <thead>
252           <tr>
253             <th>Local name</th>
254             <th>Type</th>
255             <th>OSM</th>
256             <th>Address rank</th>
257             <th>Admin level</th>
258             <th>Distance</th>
259             <th></th>
260           </tr>
261         </thead>
262         <tbody>
263           {{#if aPlace.address}}
264             {{#each aPlace.address}}
265               {{> partial_details_one_row}}
266             {{/each}}
267           {{/if}}
268
269           {{#if aPlace.linked_places}}
270             {{> partial_h2 'Linked Places'}}
271             {{#each aPlace.linked_places}}
272               {{> partial_details_one_row}}
273             {{/each}}
274           {{/if}}
275
276           {{#if aPlace.keywords}}
277             {{> partial_h2 'Name Keywords'}}
278             {{#each aPlace.keywords.name}}
279               {{> partial_details_keyword_one_row}}
280             {{/each}}
281
282             {{> partial_h2 'Address Keywords'}}
283             {{#each aPlace.keywords.address}}
284               {{> partial_details_keyword_one_row}}
285             {{/each}}
286           {{/if}}
287
288           {{#if aPlace.hierarchy}}
289             {{> partial_h2 'Parent Of'}}
290
291             {{#each aPlace.hierarchy as |lines type|}}
292               {{> partial_h3 type}}
293               {{#each lines}}
294                 {{> partial_details_one_row}}
295               {{/each}}
296             {{/each}}
297           {{/if}}
298           {{tooManyHierarchyLinesWarning aPlace}}
299         </tbody>
300       </table>
301     </div>
302   </div>
303 </div>
304
305 </script>
306 <script id="detailspage-index-template" type="text/x-handlebars-template">
307 <div class="container" id="details-index-page">
308   <div class="row">
309     <div class="col-md-12">
310
311       <h1>Show details for place</h1>
312
313       <div class="search-form">
314         <h4>Search by place id</h4>
315
316         <form class="form-inline" action="details.html">
317           <input type="edit" class="form-control input-sm" pattern="^[0-9]+$" name="place_id" placeholder="12345" />
318           <input type="submit" class="btn btn-primary btn-sm" value="Show" />
319         </form>
320       </div>
321
322       <div class="search-form">
323         <h4>Search by OSM type and OSM id</h4>
324
325         <form id="form-by-type-and-id" class="form-inline" action="details.html">
326           <input type="edit" class="form-control input-sm" pattern="^[NWR][0-9]+$" placeholder="N123 or W123 or R123" />
327           <input type="hidden" name="osmtype" />
328           <input type="hidden" name="osmid" />
329           <input type="submit" class="btn btn-primary btn-sm" value="Show" />
330         </form>
331       </div>
332
333       <div class="search-form">
334         <h4>Search by openstreetmap.org URL</h4>
335
336         <form id="form-by-osm-url" class="form-inline" action="details.html">
337           <input type="edit" class="form-control input-sm" pattern=".*openstreetmap.*" placeholder="https://www.openstreetmap.org/relation/123" />
338           <input type="hidden" name="osmtype" />
339           <input type="hidden" name="osmid" />
340           <input type="submit" class="btn btn-primary btn-sm" value="Show" />
341         </form>
342       </div>
343
344     </div>
345   </div>
346 </div></script>
347 </body>
348 </html>