dist/search.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="search-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="searchpage-template" type="text/x-handlebars-template">
 117 {{#*inline "partial_one_result"}}
 118   <div class="result" data-position="{{iResNum}}">
 119     {{#if aResult.icon}}
 120       {{!-- <img src="{{env.Images_Base_Url}}{{aResult.icon}}" /> --}}
 121       {{formatMapIcon aResult.icon}}
 122     {{/if}}
 123
 124     <span class="name">{{aResult.display_name}}</span>
 125     <span class="type">({{formatLabel aResult}})</span>
 126     <p class="coords">{{aResult.lat}},{{aResult.lon}}</p>
 127
 128     <a class="btn btn-default btn-xs details" href="details.html?place_id={{aResult.place_id}}">details</a>
 129   </div>
 130 {{/inline}}
 131
 132
 133 <form class="form-inline" role="search" accept-charset="UTF-8" action="">
 134   <div class="form-group">
 135     <input id="q" name="q" type="text" class="form-control input-sm" placeholder="Search" value="{{sQuery}}">
 136   </div>
 137   <div class="form-group search-button-group">
 138     <button type="submit" class="btn btn-primary btn-sm">Search</button>
 139     {{#if env.Search_AreaPolygons}}
 140       <input type="hidden" value="1" name="polygon_geojson" />
 141     {{/if}}
 142     <input type="hidden" name="viewbox" value="{{sViewBox}}" />
 143     <div class="checkbox-inline">
 144       <input type="checkbox" id="use_viewbox" {{#if sViewBox}}checked="checked"{{/if}}>
 145       <label for="use_viewbox">apply viewbox</label>
 146     </div>
 147   </div>
 148   <div class="search-type-link">
 149     <a id="switch-to-reverse" href="/reverse.html">reverse search</a>
 150   </div>
 151 </form>
 152
 153 <div id="content">
 154
 155   {{#if sQuery}}
 156     <div id="searchresults" class="sidebar">
 157       {{#each aSearchResults as |aResult|}}
 158         {{>partial_one_result iResNum=@index aResult=aResult env=env}}
 159       {{/each}}
 160
 161       {{#if aSearchResults}}
 162         {{#if sMoreURL}}
 163           <div class="more">
 164             <a class="btn btn-primary" href="{{sMoreURL}}">Search for more results</a>
 165           </div>
 166         {{/if}}
 167       {{else}}
 168         <div class="noresults">No search results found</div>
 169       {{/if}}
 170     </div>
 171
 172   {{else}}
 173
 174     <div id="intro" class="sidebar">
 175       <h2>Welcome to Nominatim</h2>
 176
 177       <p>Nominatim is a search engine for <a href="https://www.openstreetmap.org">OpenStreetMap</a>
 178       data. This is the debugging interface. You may search for a name or address(forward search) or
 179       look up data by its geographic coordinate(reverse search). Each result comes with a
 180       link to a details page where you can inspect what data about the object is saved in
 181       the database and investigate how the address of the object has been computed.</p>
 182
 183       For more information visit the <a href="https://wiki.openstreetmap.org/wiki/Nominatim">Nominatim wiki page</a>.
 184     </div>
 185
 186   {{/if}}
 187
 188   <div id="map-wrapper">
 189     <div id="map-position">
 190       <div id="map-position-inner"></div>
 191       <div id="map-position-close"><a href="#">hide</a></div>
 192     </div>
 193     <div id="map"></div>
 194   </div>
 195 </div>
 196 </script>
 197 </body>
 198 </html>