]> git.openstreetmap.org Git - nominatim-ui.git/blob - dist/details.html
Add interface for setting advanced search options (#38)
[nominatim-ui.git] / dist / details.html
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4   <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
5   <title>OpenStreetMap Nominatim</title>
6   <meta name="viewport" content="width=device-width, initial-scale=1">
7
8   <link rel="icon" type="image/png" href="assets/images/favicon-194x194.png" sizes="194x194" />
9   <link rel="icon" type="image/png" href="assets/images/favicon-16x16.png" sizes="16x16" />
10
11   <link href="assets/css/leaflet.css" rel="stylesheet" />
12   <link href="assets/css/Control.MiniMap.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="BODYID">
19
20   <div id="error-overlay"></div>
21
22   <header class="container-fluid">
23     <div class="row">
24       <div class="col-4">
25         <div class="brand">
26           <a href="search.html">
27             <img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
28             <h1>Nominatim</h1>
29           </a>
30         </div>
31       </div>
32       <div class="col-4">
33         <div id="last-updated" class="text-center">
34           <div id="loading">loading...</div>
35           <div id="api-request">
36             Data from <a href="">API request</a>
37             <span id="api-request-debug">(<a href="">debug output</a>)</span>
38           </div>
39           Data last updated: <span id="data-date"></span>
40         </div>
41       </div>
42       <div class="col-4 text-right">
43         <div class="dropdown">
44           <button class="dropdown-toggle btn btn-sm btn-outline-secondary" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
45             About &amp; Help
46           </button>
47           <div class="dropdown-menu dropdown-menu-right">
48             <a class="dropdown-item" href="https://nominatim.org/release-docs/develop/api/Overview/" target="_blank">API Reference</a>
49             <a class="dropdown-item" href="https://nominatim.org/release-docs/develop/api/Faq/" target="_blank">FAQ</a>
50             <a class="dropdown-item" href="https://help.openstreetmap.org/tags/nominatim/">OpenStreetMap Help</a>
51             <a class="dropdown-item" href="https://github.com/osm-search/Nominatim">Nominatim on Github</a>
52             <a class="dropdown-item" href="https://github.com/osm-search/nominatim-ui">This frontend on Github</a>
53             <div class="dropdown-divider"></div>
54             <a class="dropdown-item" href="#" data-toggle="modal" data-target="#report-modal">Report problem with results</a>
55           </div>
56         </div>
57       </div>
58     </div>
59   </header>
60
61   <div class="modal fade" id="report-modal">
62     <div class="modal-dialog">
63       <div class="modal-content">
64         <div class="modal-header">
65           <h4 class="modal-title">Report a problem</h4>
66           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
67         </div>
68         <div class="modal-body">
69           <p>
70             Before reporting problems please read the <a target="_blank" href="https://nominatim.org/release-docs/develop/api/Overview/">user documentation</a>
71             and
72             <a target="_blank" href="https://nominatim.org/release-docs/develop/api/Faq/">FAQ</a>.
73
74             If your problem relates to the address of a particular search result please use the 'details' link 
75             to check how the address was generated before reporting a problem.
76           </p>
77           <p>
78             Use <a target="_blank" href="https://github.com/osm-search/Nominatim/issues">Nominatim issues on github</a>
79             to report problems.
80           </p>
81           <p>
82             Please ensure that you include a full description of the problem, including the search
83             query that you used, the problem with the result and, if the problem relates to missing data,
84             the osm type (node, way, relation) and id of the item that is missing.
85           </p>
86           <p>
87             Problems that contain enough detail are likely to get looked at before ones that require
88             significant research.
89           </p>
90         </div>
91         <div class="modal-footer">
92           <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">OK</button>
93         </div>
94       </div>
95     </div>
96   </div>
97
98   <main>
99   </main>
100
101   <footer>
102     <p class="disclaimer">
103       Addresses and postcodes are approximate
104     </p>
105     <p class="copyright">
106       &copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors
107     </p>
108   </footer>
109
110   <script src="assets/js/jquery.min.js"></script>
111   <script src="assets/js/bootstrap.bundle.min.js"></script>
112   <script src="assets/js/leaflet.js"></script>
113   <script src="assets/js/Control.MiniMap.min.js"></script>
114   <script src="assets/js/handlebars.min.js"></script>
115   <script src="assets/js/url-search-params.js"></script>
116
117   <script src="config.js"></script>
118   <script src="handlebar_helpers.js"></script>
119
120   <script src="assets/js/nominatim-ui.js"></script>
121 <script id="searchpage-template" type="text/x-handlebars-template">
122 {{#*inline "partial_one_result"}}
123   <div class="result" data-position="{{iResNum}}">
124     {{formatMapIcon aResult}}
125
126     <span class="name">{{aResult.display_name}}</span>
127     <span class="type">({{formatLabel aResult}})</span>
128     <p class="coords">{{aResult.lat}},{{aResult.lon}}</p>  
129
130     <a class="details btn btn-outline-secondary btn-sm" href="{{detailsURL aResult}}">details</a>
131   </div>
132 {{/inline}}
133
134 <div class="top-bar">
135   <ul class="nav nav-tabs">
136     <li class="nav-item">
137       <a class="nav-link {{#unless hStructured}}active{{/unless}}" data-toggle="tab" href="#simple">simple</a>
138     </li>
139     <li class="nav-item">
140       <a class="nav-link {{#if hStructured}}active{{/if}}" data-toggle="tab" href="#structured">structured</a>
141     </li>
142     <div class="search-type-link">
143       <a href="details.html" class="mr-2">search by id</a>
144       <a id="switch-to-reverse" href="/reverse.html">reverse search</a>
145     </div>
146   </ul>
147   <div class="tab-content p-2">
148     <div class="tab-pane {{#unless hStructured}}active{{/unless}}" id="simple" role="tabpanel">
149       <form class="form-inline" role="search" accept-charset="UTF-8" action="">
150         <input id="q"
151                name="q"
152                type="text"
153                class="form-control form-control-sm"
154                placeholder="Search"
155                value="{{sQuery}}" />
156
157         <div class="form-group search-button-group">
158           <button type="submit" class="btn btn-primary btn-sm mx-1">Search</button>
159           <input type="hidden" name="viewbox" value="{{sViewBox}}" />
160           <input type="hidden" name="dedupe" value="{{sDedupe}}" />
161           <input type="hidden" name="bounded" value="{{sBounded}}" />
162           <input type="hidden" name="accept-language" value="{{sLang}}" />
163           <input type="hidden" name="countrycodes" value="{{sCCode}}" />
164           <input type="hidden" name="limit" value="{{sLimit}}" />
165           <input type="hidden" name="polygon_threshold" value="{{sPolyThreshold}}" />
166         </div>
167       </form>
168     </div>
169     <div class="tab-pane {{#if hStructured}}active{{/if}}" id="structured" role="tabpanel">
170       <form class="form-inline" role="search" accept-charset="UTF-8" action="">
171         <input name="street" type="text" class="form-control form-control-sm mr-1"
172                placeholder="House number/Street"
173                value="{{hStructured.street}}" />
174         <input name="city" type="text" class="form-control form-control-sm mr-1"
175                placeholder="City"
176                value="{{hStructured.city}}" />
177         <input id="county" name="county" type="text" class="form-control form-control-sm mr-1"
178                placeholder="County"
179                value="{{hStructured.county}}" />
180         <input name="state" type="text" class="form-control form-control-sm mr-1"
181                placeholder="State"
182                value="{{hStructured.state}}" />
183         <input name="country" type="text" class="form-control form-control-sm mr-1"
184                placeholder="Country"
185                value="{{hStructured.country}}" />
186         <input name="postalcode" type="text" class="form-control form-control-sm mr-1"
187                placeholder="Postal Code"
188                value="{{hStructured.postalcode}}" />
189
190         <div class="form-group search-button-group">
191           <button type="submit" class="btn btn-primary btn-sm mx-1">Search</button>
192           <input type="hidden" name="viewbox" value="{{sViewBox}}" />
193           <input type="hidden" name="dedupe" value="{{#unless sDedupe}}0{{/unless}}" />
194           <input type="hidden" name="bounded" value="{{#if sBounded}}1{{/if}}" />
195           <input type="hidden" name="accept-language" value="{{sLang}}" />
196           <input type="hidden" name="countrycodes" value="{{sCCode}}" />
197           <input type="hidden" name="limit" value="{{sLimit}}" />
198           <input type="hidden" name="polygon_threshold" value="{{sPolyThreshold}}" />
199         </div>
200       </form>
201     </div>
202     <!-- Additional options -->
203     <a class="btn btn-outline-secondary btn-sm" data-toggle="collapse" data-target="#searchAdvancedOptions" role="button" aria-expanded="false" aria-controls="collapseAdvancedOptions">
204       Advanced options
205     </a>
206     <div class="collapse" id="searchAdvancedOptions">
207       <div id="searchAdvancedOptionsContent">
208           <div class="form-check form-check-inline">
209             <span><input type="checkbox" class="form-check-input api-param-setting"
210                    id="use_viewbox" {{#if sViewBox}}checked="checked"{{/if}}>
211             <label class="form-check-label" for="use_viewbox">apply viewbox</label></span>
212             <span><input type="checkbox" class="form-check-input api-param-setting"
213                    id="option_bounded" {{#if sBounded}}checked="checked"{{/if}}>
214             <label class="form-check-label" for="option_bounded">bounded to viewbox</label></span>
215             <span><input type="checkbox" class="form-check-input api-param-setting"
216                    id="option_dedupe" {{#unless sDedupe}}checked="checked"{{/unless}}>
217             <label class="form-check-label" for="option_dedupe">deduplicate results</label></span>
218           </div>
219           <div class="form-check form-check-inline">
220             <span><label class="form-check-label" for="option_limit">Maximum number of results: </label>
221             <input type="number" class="form-check-input api-param-setting" data-api-param="limit" id="option_limit" size="5" min="1" max="50" value="{{sLimit}}"></span>
222             <span><label class="form-check-label" for="option_polygon_threashold">Polygon simplification: </label>
223             <input type="number" class="form-check-input api-param-setting" data-api-param="polygon_threshold" id="option_polygon_threshold" size="5" min="0.0" step="0.01" value="{{sPolyThreshold}}"></span>
224           </div>
225           <div class="form-check form-check-inline">
226             <span><label class="form-check-label" for="accept_lang">Languages: </label>
227             <input type="text" placeholder="e.g. en,zh-Hant" class="form-check-input api-param-setting" data-api-param="accept-language" id="accept_lang" size="15" value="{{sLang}}"></span>
228             <span><label class="form-check-label" for="option_ccode">Countries: </label>
229             <input type="text" placeholder="e.g. de,gb" class="form-check-input api-param-setting" data-api-param="countrycodes" id="option_ccode" size="15" value="{{sCCode}}"></span>
230           </div>
231        </div>
232     </div>
233   </div> <!-- /tab-content -->
234 </div> <!-- /top-bar -->
235
236 <div id="content">
237
238   {{#if bSearchRan}}
239     <div id="searchresults" class="sidebar">
240       {{#each aSearchResults as |aResult|}}
241         {{>partial_one_result iResNum=@index aResult=aResult env=env}}
242       {{/each}}
243
244       {{#if aSearchResults}}
245         {{#if sMoreURL}}
246           <div class="more">
247             <a class="btn btn-primary" href="{{sMoreURL}}">
248               Search for more results
249             </a>
250           </div>
251         {{/if}}
252       {{else}}
253         <div class="noresults">No search results found</div>
254       {{/if}}
255     </div>
256
257   {{else}}
258
259     <div id="intro" class="sidebar">
260       <h2>Welcome to Nominatim</h2>
261
262       <p>
263         Nominatim is a search engine for
264         <a href="https://www.openstreetmap.org">OpenStreetMap</a> data. This
265         is the debugging interface. You may search for a name or address
266         (forward search) or look up data by its geographic coordinate (reverse
267         search). Each result comes with a link to a details page where you
268         can inspect what data about the object is saved in the database and
269         investigate how the address of the object has been computed.
270       </p>
271
272       For more information visit the
273       <a href="https://nominatim.org">Nominatim home page</a>.
274     </div>
275
276   {{/if}}
277
278   <div id="map-wrapper">
279     <div id="map-position">
280       <div id="map-position-inner"></div>
281       <div id="map-position-close"><a href="#">hide</a></div>
282     </div>
283     <div id="map"></div>
284   </div>
285 </div>
286 </script>
287 <script id="reversepage-template" type="text/x-handlebars-template">
288
289 {{#*inline "partial_one_result"}}
290   <div class="result" data-position="{{iResNum}}">
291     {{formatMapIcon aResult}}
292
293     <span class="name">{{aResult.display_name}}</span>
294     <span class="type">{{formatLabel aResult}}</span>
295     <p class="coords">{{aResult.lat}},{{aResult.lon}}</p>  
296
297     <a class="details btn btn-outline-secondary btn-sm" href="{{detailsURL aResult}}">details</a>
298   </div>
299 {{/inline}}
300
301 <div class="top-bar">
302   <form class="form-inline" role="search" accept-charset="UTF-8" action="">
303     <div class="form-group">
304       <input name="format" type="hidden" value="html">
305       <label>lat</label>
306       <input name="lat"
307              type="text"
308              class="form-control form-control-sm"
309              placeholder="latitude"
310              value="{{fLat}}" />
311       <a id="switch-coords" class="btn btn-outline-secondary btn-sm" title="switch lat and lon">&lt;&gt;</a>
312       <label>lon</label>
313       <input name="lon"
314              type="text"
315              class="form-control form-control-sm"
316              placeholder="longitude"
317              value="{{fLon}}" />
318       <label>max zoom</label>
319       <select name="zoom" class="form-control form-control-sm" value="{{iZoom}}">
320         {{zoomLevels iZoom}}
321       </select>
322       <button type="submit" class="btn btn-primary btn-sm mx-1">
323         Search
324       </button>
325     </div>
326     <div class="search-type-link">
327       <a href="details.html" class="mr-2">search by id</a>
328       <a href="search.html">forward search</a>
329     </div>
330   </form>
331 </div>
332
333 <div id="content">
334   {{#if aPlace}}
335     <div id="searchresults" class="sidebar">
336       {{>partial_one_result iResNum=0 aResult=aPlace env=env}}
337     </div>
338   {{else}}
339     <div id="intro" class="sidebar">
340       Search for coordinates or click anywhere on the map.
341     </div>
342   {{/if}}
343
344   <div id="map-wrapper">
345     <div id="map-position">
346       <div id="map-position-inner"></div>
347       <div id="map-position-close"><a href="#">hide</a></div>
348     </div>
349     <div id="map"></div>
350   </div>
351 </div>
352 </script>
353 <script id="detailspage-template" type="text/x-handlebars-template">
354
355 {{#*inline "partial_details_one_row"}}
356   <tr class="{{#unless bAddressLineUsed}}notused{{/unless}}">
357     <td class="name">
358       {{#if this.localname}}
359         {{this.localname}}
360       {{else}}
361         <span class="noname">No Name</span>
362       {{/if}}
363     </td>
364     <td>{{formatPlaceType this}}</td>
365     <td>{{osmLink this}}</td>
366     <td>{{this.rank_address}}</td>
367     <td>{{formatAdminLevel this.admin_level}}</td>
368     <td>{{formatDistance this.distance bDistanceInMeters}}</td>
369     <td>{{#if this.osm_id}}<a href="{{detailsURL this}}">details</a>{{/if}}</td>
370   </tr>
371 {{/inline}}
372
373 {{#*inline "partial_details_keyword_one_row"}}
374   <tr>
375     <td>{{formatKeywordToken this.token}}</td>
376     {{#if this.id}}
377       <td>word id: {{this.id}}</td>
378     {{/if}}
379   </tr>
380 {{/inline}}
381
382
383 {{#*inline "partial_h2"}}
384   <tr class="all-columns"><td colspan="6"><h2>{{this}}</h2></td></tr>
385 {{/inline}}
386
387 {{#*inline "partial_h3"}}
388   <tr class="all-columns"><td colspan="6"><h3>{{this}}</h3></td></tr>
389 {{/inline}}
390
391 <div class="container">
392   <div class="row">
393     <div class="col-sm-10">
394       <h1>
395         {{aPlace.localname}}
396         <small><a href="{{detailsURL aPlace}}">link to this page</a></small>
397       </h1>
398     </div>
399     <div class="col-sm-2 text-right">
400       {{formatMapIcon aPlace}}
401     </div>
402   </div>
403   <div class="row">
404     <div class="col-md-6">
405       <table id="locationdetails" class="table table-striped">
406         <tr>
407           <td>Name</td>
408           <td>
409             {{#each aPlace.names}}
410               <div class="line">
411                 <span class="name">{{this}}</span> ({{@key}})
412               </div>
413             {{/each}}
414           </td>
415         </tr>
416         <tr>
417           <td>Type</td>
418           <td>{{aPlace.category}}:{{aPlace.type}}</td>
419         </tr>
420         <tr>
421           <td>Last Updated</td>
422           <td>{{aPlace.indexed_date}}</td>
423         </tr>
424         <tr>
425           <td>Admin Level</td>
426           <td>{{aPlace.admin_level}}</td>
427         </tr>
428         <tr>
429           <td>Rank</td>
430           <td>{{formatSearchRank aPlace.rank_search}}</td>
431         </tr>
432         {{#if aPlace.calculated_importance}}
433           <tr>
434             <td>Importance</td>
435             <td>
436               {{aPlace.calculated_importance}}
437               {{#unless aPlace.importance}} (estimated){{/unless}}
438             </td>
439           </tr>
440         {{/if}}
441         <tr>
442           <td>Coverage</td>
443           <td>{{coverageType aPlace}}</td>
444         </tr>
445         <tr>
446           <td>Centre Point (lat,lon)</td>
447           <td>
448             {{aPlace.centroid.coordinates.[1]}},{{aPlace.centroid.coordinates.[0]}}
449           </td>
450         </tr>
451         <tr>
452           <td>OSM</td>
453           <td>{{osmLink aPlace}}
454         </tr>
455         <tr>
456           <td>
457             Place Id
458             (<a href="https://nominatim.org/release-docs/develop/api/Output/#place_id-is-not-a-persistent-id">on this server</a>)
459           </td>
460           <td>{{aPlace.place_id}}</td>
461         </tr>
462         {{#if aPlace.calculated_wikipedia}}
463           <tr>
464             <td>Wikipedia Calculated</td>
465             <td>{{wikipediaLink aPlace}}</td>
466           </tr>
467         {{/if}}
468         <tr>
469           <td>Computed Postcode</td>
470           <td>{{aPlace.calculated_postcode}}</td>
471         </tr>
472         <tr>
473           <td>Address Tags</td>
474           <td>
475             {{#each aPlace.addresstags}}
476               <div class="line">
477                 <span class="name">{{this}}</span> ({{@key}})
478               </div>
479             {{/each}}
480           </td>
481         </tr>
482         <tr>
483           <td>Extra Tags</td>
484           <td>
485             {{#each aPlace.extratags}}
486               <div class="line">
487                 <span class="name">{{this}}</span> ({{@key}})
488               </div>
489             {{/each}}
490           </td>
491         </tr>
492       </table>
493     </div>
494     <div class="col-md-6">
495       <div id="map"></div>
496     </div>
497   </div>
498   <div class="row">
499     <div class="col-md-12">
500       <h2>Address</h2>
501        <table id="address" class="table table-striped table-small">
502         <thead>
503           <tr>
504             <th>Local name</th>
505             <th>Type</th>
506             <th>OSM</th>
507             <th>Address rank</th>
508             <th>Admin level</th>
509             <th>Distance</th>
510             <th></th>
511           </tr>
512         </thead>
513         <tbody>
514           {{#if aPlace.address}}
515             {{#each aPlace.address}}
516               {{> partial_details_one_row bDistanceInMeters=false bAddressLineUsed=this.isaddress}}
517             {{/each}}
518           {{/if}}
519
520           {{#if aPlace.linked_places}}
521             {{> partial_h2 'Linked Places'}}
522             {{#each aPlace.linked_places}}
523               {{> partial_details_one_row bDistanceInMeters=true bAddressLineUsed=true}}
524             {{/each}}
525           {{/if}}
526
527           {{#if aPlace.keywords}}
528             {{> partial_h2 'Name Keywords'}}
529             {{#each aPlace.keywords.name}}
530               {{> partial_details_keyword_one_row}}
531             {{/each}}
532
533             {{> partial_h2 'Address Keywords'}}
534             {{#each aPlace.keywords.address}}
535               {{> partial_details_keyword_one_row}}
536             {{/each}}
537           {{/if}}
538
539           {{> partial_h2 'Parent Of'}}
540           {{#if aPlace.hierarchy}}
541
542             {{#each aPlace.hierarchy as |lines type|}}
543               {{> partial_h3 type}}
544               {{#each lines}}
545                 {{> partial_details_one_row bDistanceInMeters=true bAddressLineUsed=true}}
546               {{/each}}
547             {{/each}}
548           {{else}}
549             <tr>
550               <td>
551                 <a class="btn btn-outline-secondary btn-sm"
552                   href="{{base_url}}&hierarchy=1">display child places</a>
553               </td>
554             </tr>
555           {{/if}}
556           {{tooManyHierarchyLinesWarning aPlace}}
557         </tbody>
558       </table>
559     </div>
560   </div>
561 </div>
562
563 </script>
564 <script id="detailspage-index-template" type="text/x-handlebars-template">
565 <div class="container" id="details-index-page">
566   <div class="row">
567     <div class="col-md-12">
568
569       <h1>Show details for place</h1>
570
571       <div class="search-form">
572         <h4>Search by place id</h4>
573
574         <form class="form-inline" action="details.html">
575           <input type="edit"
576                  class="form-control input-sm"
577                  pattern="^[0-9]+$"
578                  name="place_id"
579                  placeholder="12345" />
580           <input type="submit"
581                  class="btn btn-primary btn-sm"
582                  value="Show" />
583         </form>
584       </div>
585
586       <div class="search-form">
587         <h4>Search by OSM type and OSM id</h4>
588
589         <form id="form-by-type-and-id"
590               class="form-inline"
591               action="details.html">
592           <input type="edit"
593                  class="form-control input-sm"
594                  pattern="^[NWR][0-9]+$"
595                  placeholder="N123 or W123 or R123" />
596           <input type="hidden" name="osmtype" />
597           <input type="hidden" name="osmid" />
598           <input type="submit" class="btn btn-primary btn-sm" value="Show" />
599         </form>
600       </div>
601
602       <div class="search-form">
603         <h4>Search by openstreetmap.org URL</h4>
604
605         <form id="form-by-osm-url"
606               class="form-inline"
607               action="details.html">
608           <input type="edit"
609                  class="form-control input-sm"
610                  pattern=".*openstreetmap.*"
611                  placeholder="https://www.openstreetmap.org/relation/123" />
612           <input type="hidden" name="osmtype" />
613           <input type="hidden" name="osmid" />
614           <input type="submit" class="btn btn-primary btn-sm" value="Show" />
615         </form>
616       </div>
617
618     </div>
619   </div>
620 </div></script>
621 <script id="deletable-template" type="text/x-handlebars-template">
622 <div class="container">
623   <div class="row">
624     <div class="col-sm-12">
625       <h1>Deletable</h1>
626
627       <p>
628           {{aPolygons.length}} objects have been deleted in OSM but are still in the Nominatim database.
629       </p>
630
631       <table class="table table-striped table-hover">
632         <thead>
633           <th>Place id</th>
634           <th>Country Code</th>
635           <th>Name</th>
636           <th>OSM id</th>
637           <th>OSM type</th>
638           <th>Class</th>
639           <th>Type</th>
640         </thead>
641         <tbody>
642           {{#each aPolygons}}
643           <tr>
644             <td><a href="{{detailsURL this}}">{{this.place_id}}</a></td>
645             <td>{{country_code}}</td>
646             <td>{{name}}</td>
647             <td>{{osmLink this}}</td>
648             <td>{{osm_type}}</td>
649             <td>{{class}}</td>
650             <td>{{type}}</td>
651           </tr>
652           {{/each}}
653         </tbody>
654       </table>
655
656
657     </div>
658   </div>
659 </div
660
661 </script>
662 <script id="polygons-template" type="text/x-handlebars-template">
663 <div class="container">
664   <div class="row">
665     <div class="col-sm-12">
666       <h1>Broken polygons</h1>
667
668       <p>
669           Total number of broken polygons: {{aPolygons.length}}.
670       </p>
671
672       <table class="table table-striped table-hover">
673         <thead>
674           <th>OSM type</th>
675           <th>OSM id</th>
676           <th>Class</th>
677           <th>Type</th>
678           <th>Name</th>
679           <th>Country Code</th>
680           <th>Error message</th>
681           <th>Updated</th>
682           <th>&nbsp;</th>
683         </thead>
684         <tbody>
685           {{#each aPolygons}}
686           <tr>
687             <td>{{osm_type}}</td>
688             <td>{{osmLink this}}</td>
689             <td>{{class}}</td>
690             <td>{{type}}</td>
691             <td>{{name}}</td>
692             <td>{{country_code}}</td>
693             <td>{{errormessage}}</td>
694             <td>{{updated}}</td>
695             <td>
696               <a href="http://localhost:8111/import?url=https://www.openstreetmap.org/api/0.6/{{formatOSMType osm_type}}/{{osm_id}}/full" target="josm">josm</a>
697             </td>
698           </tr>
699           {{/each}}
700         </tbody>
701       </table>
702
703
704     </div>
705   </div>
706 </div
707
708 </script>
709 </body>
710 </html>