]> git.openstreetmap.org Git - nominatim-ui.git/blob - src/layout.html
make sure error overlay is on top of map (page)
[nominatim-ui.git] / src / layout.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 href="nominatim.xml" rel="search" title="Nominatim Search" type="application/opensearchdescription+xml" />
8
9     <link rel="icon" type="image/png" href="/assets/images/favicon-194x194.png" sizes="194x194" />
10     <link rel="icon" type="image/png" href="/assets/images/favicon-16x16.png" sizes="16x16" />
11
12     <link href="assets/css/leaflet.css" rel="stylesheet" />
13     <link href="assets/css/Control.Minimap.min.css" rel="stylesheet" />
14     <link href="assets/css/bootstrap-theme.min.css" rel="stylesheet" />
15     <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
16     <link href="assets/css/common.css" rel="stylesheet" />
17     <link href="assets/css/search.css" rel="stylesheet" type="text/css" />
18     <link href="assets/css/details.css" rel="stylesheet" type="text/css" />
19 </head>
20 <body id="BODYID">
21
22     <div id="error-overlay">
23         You need Javascript enabled to view this page.
24     </div>
25
26     <header class="container-fluid">
27         <div class="row">
28             <div class="col-xs-4">
29                 <div class="brand">
30                     <a href="/">
31                         <img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
32                         <h1>Nominatim</h1>
33                     </a>
34                 </div>
35             </div>
36             <div id="last-updated" class="col-xs-4 text-center">
37                 Data from <a id="api-request-link" href="">API request</a>
38                 <br>
39                 Data last updated:
40                 <span id="data-date"></span>
41             </div>
42             <div class="col-xs-4 text-right">
43                 <div class="btn-group">
44                     <button class="dropdown-toggle btn btn-sm btn-default" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
45                         About &amp; Help <span class="caret"></span>
46                     </button>
47                     <ul class="dropdown-menu dropdown-menu-right">
48                         <li><a href="http://wiki.openstreetmap.org/wiki/Nominatim" target="_blank">Documentation</a></li>
49                         <li><a href="http://wiki.openstreetmap.org/wiki/Nominatim/FAQ" target="_blank">FAQ</a></li>
50                         <li role="separator" class="divider"></li>
51                         <li><a href="#" class="" data-toggle="modal" data-target="#report-modal">Report problem with results</a></li>
52                     </ul>
53                 </div>
54             </div>
55         </div>
56     </header>
57
58     <div class="modal fade" id="report-modal">
59         <div class="modal-dialog">
60             <div class="modal-content">
61                 <div class="modal-header">
62                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
63                     <h4 class="modal-title">Report a problem</h4>
64                 </div>
65                 <div class="modal-body">
66                     <p>
67                         Before reporting problems please read the <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Nominatim">user documentation</a>
68                         and
69                         <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Nominatim/FAQ">FAQ</a>.
70
71                         If your problem relates to the address of a particular search result please use the 'details' link 
72                         to check how the address was generated before reporting a problem.
73                     </p>
74                     <p>
75                         Use <a target="_blank" href="https://github.com/openstreetmap/nominatim/issues">Nominatim issues on github</a>
76                         to report problems.
77                     </p>
78                     <p>
79                         Please ensure that you include a full description of the problem, including the search
80                         query that you used, the problem with the result and, if the problem relates to missing data,
81                         the osm type (node, way, relation) and id of the item that is missing.
82                     </p>
83                     <p>
84                         Problems that contain enough detail are likely to get looked at before ones that require
85                         significant research.
86                     </p>
87                 </div>
88                 <div class="modal-footer">
89                     <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
90                 </div>
91             </div>
92         </div>
93     </div>
94
95     <main>
96     </main>
97
98     <footer>
99         <p class="disclaimer">
100             Addresses and postcodes are approximate
101         </p>
102         <p class="copyright">
103             &copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors
104         </p>
105     </footer>
106
107     <script src="assets/js/jquery.min.js"></script>
108     <script src="assets/js/bootstrap.min.js"></script>
109     <script src="assets/js/leaflet.min.js"></script>
110     <script src="assets/js/Control.Minimap.min.js"></script>
111     <script src="assets/js/handlebars.min.js"></script>
112     <script src="assets/js/url-search-params.js"></script>
113
114     <script src="config.js"></script>
115     <script src="handlebar_helpers.js"></script>
116     <script id="searchpage-template" type="text/x-handlebars-template">
117         @include(src/templates/searchpage.hbs)
118     </script>
119     <script id="reversepage-template" type="text/x-handlebars-template">
120         @include(src/templates/reversepage.hbs)
121     </script>
122     <script id="detailspage-template" type="text/x-handlebars-template">
123         @include(src/templates/detailspage.hbs)
124     </script>
125
126
127     <script src="assets/js/nominatim-ui.js"></script>
128 </body>
129 </head>