]> git.openstreetmap.org Git - nominatim-ui.git/blobdiff - src/layout.html
projects / nominatim-ui.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Merge pull request #33 from mtmail/debug-info-link
[nominatim-ui.git] / src / layout.html
diff --git a/src/layout.html b/src/layout.html
index fe4f63395b8c56467f1d5d5e75ba27bf6c58626c..a1ef890006d3e76ca8a52e23ac49092b2cfecaf0 100644 (file)
--- a/src/layout.html
+++ b/src/layout.html
@@ -1,126 +1,122 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <title>OpenStreetMap Nominatim</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
+  <title>OpenStreetMap Nominatim</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
 
-    <link href="nominatim.xml" rel="search" title="Nominatim Search" type="application/opensearchdescription+xml" />
+  <link rel="icon" type="image/png" href="/assets/images/favicon-194x194.png" sizes="194x194" />
+  <link rel="icon" type="image/png" href="/assets/images/favicon-16x16.png" sizes="16x16" />
 
 
-    <link rel="icon" type="image/png" href="/assets/images/favicon-194x194.png" sizes="194x194" />
-    <link rel="icon" type="image/png" href="/assets/images/favicon-16x16.png" sizes="16x16" />
-
-    <link href="assets/css/leaflet.css" rel="stylesheet" />
-    <link href="assets/css/Control.Minimap.min.css" rel="stylesheet" />
-    <link href="assets/css/bootstrap-theme.min.css" rel="stylesheet" />
-    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
-    <link href="assets/css/common.css" rel="stylesheet" />
-    <link href="assets/css/search.css" rel="stylesheet" type="text/css" />
-    <link href="assets/css/details.css" rel="stylesheet" type="text/css" />
+  <link href="assets/css/leaflet.css" rel="stylesheet" />
+  <link href="assets/css/Control.MiniMap.min.css" rel="stylesheet" />
+  <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
+  <link href="assets/css/common.css" rel="stylesheet" />
+  <link href="assets/css/search.css" rel="stylesheet" type="text/css" />
+  <link href="assets/css/details.css" rel="stylesheet" type="text/css" />
 </head>
 <body id="BODYID">
 
 </head>
 <body id="BODYID">
 
+  <div id="error-overlay"></div>
 
 
-    <header class="container-fluid">
-        <div class="row">
-            <div class="col-xs-4">
-                <div class="brand">
-                    <a href="/">
-                        <img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
-                        <h1>Nominatim</h1>
-                    </a>
-                </div>
-            </div>
-            <div id="last-updated" class="col-xs-4 text-center">
-                Data from <a id="api-request-link" href="">API request</a>
-                <br>
-                Data last updated:
-                <span id="data-date"></span>
-            </div>
-            <div class="col-xs-4 text-right">
-                <div class="btn-group">
-                    <button class="dropdown-toggle btn btn-sm btn-default" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
-                        About &amp; Help <span class="caret"></span>
-                    </button>
-                    <ul class="dropdown-menu dropdown-menu-right">
-                        <li><a href="http://wiki.openstreetmap.org/wiki/Nominatim" target="_blank">Documentation</a></li>
-                        <li><a href="http://wiki.openstreetmap.org/wiki/Nominatim/FAQ" target="_blank">FAQ</a></li>
-                        <li role="separator" class="divider"></li>
-                        <li><a href="#" class="" data-toggle="modal" data-target="#report-modal">Report problem with results</a></li>
-                    </ul>
-                </div>
-            </div>
+  <header class="container-fluid">
+    <div class="row">
+      <div class="col-4">
+        <div class="brand">
+          <a href="search.html">
+            <img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
+            <h1>Nominatim</h1>
+          </a>
         </div>
         </div>
-    </header>
-
-    <div class="modal fade" id="report-modal">
-        <div class="modal-dialog">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title">Report a problem</h4>
-                </div>
-                <div class="modal-body">
-                    <p>
-                        Before reporting problems please read the <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Nominatim">user documentation</a>
-                        and
-                        <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Nominatim/FAQ">FAQ</a>.
-
-                        If your problem relates to the address of a particular search result please use the 'details' link 
-                        to check how the address was generated before reporting a problem.
-                    </p>
-                    <p>
-                        Use <a target="_blank" href="https://github.com/openstreetmap/nominatim/issues">Nominatim issues on github</a>
-                        to report problems.
-                    </p>
-                    <p>
-                        Please ensure that you include a full description of the problem, including the search
-                        query that you used, the problem with the result and, if the problem relates to missing data,
-                        the osm type (node, way, relation) and id of the item that is missing.
-                    </p>
-                    <p>
-                        Problems that contain enough detail are likely to get looked at before ones that require
-                        significant research.
-                    </p>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
-                </div>
-            </div>
+      </div>
+      <div class="col-4">
+        <div id="last-updated" class="text-center">
+          <div id="loading">loading...</div>
+          <div id="api-request">
+            Data from <a href="">API request</a>
+            <span id="api-request-debug">(<a href="">debug output</a>)</span>
+          </div>
+          Data last updated: <span id="data-date"></span>
+        </div>
+      </div>
+      <div class="col-4 text-right">
+        <div class="dropdown">
+          <button class="dropdown-toggle btn btn-sm btn-outline-secondary" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+            About &amp; Help
+          </button>
+          <div class="dropdown-menu dropdown-menu-right">
+            <a class="dropdown-item" href="https://nominatim.org/release-docs/develop/api/Overview/" target="_blank">API Reference</a>
+            <a class="dropdown-item" href="https://nominatim.org/release-docs/develop/api/Faq/" target="_blank">FAQ</a>
+            <a class="dropdown-item" href="https://help.openstreetmap.org/tags/nominatim/">OpenStreetMap Help</a>
+            <a class="dropdown-item" href="https://github.com/osm-search/Nominatim">Nominatim on Github</a>
+            <a class="dropdown-item" href="https://github.com/osm-search/nominatim-ui">This frontend on Github</a>
+            <div class="dropdown-divider"></div>
+            <a class="dropdown-item" href="#" data-toggle="modal" data-target="#report-modal">Report problem with results</a>
+          </div>
         </div>
         </div>
+      </div>
     </div>
     </div>
+  </header>
 
 
-    <main>
-    </main>
+  <div class="modal fade" id="report-modal">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h4 class="modal-title">Report a problem</h4>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        </div>
+        <div class="modal-body">
+          <p>
+            Before reporting problems please read the <a target="_blank" href="https://nominatim.org/release-docs/develop/api/Overview/">user documentation</a>
+            and
+            <a target="_blank" href="https://nominatim.org/release-docs/develop/api/Faq/">FAQ</a>.
 
 
-    <footer>
-        <p class="disclaimer">
-            Addresses and postcodes are approximate
-        </p>
-        <p class="copyright">
-            &copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors
-        </p>
-    </footer>
+            If your problem relates to the address of a particular search result please use the 'details' link 
+            to check how the address was generated before reporting a problem.
+          </p>
+          <p>
+            Use <a target="_blank" href="https://github.com/osm-search/Nominatim/issues">Nominatim issues on github</a>
+            to report problems.
+          </p>
+          <p>
+            Please ensure that you include a full description of the problem, including the search
+            query that you used, the problem with the result and, if the problem relates to missing data,
+            the osm type (node, way, relation) and id of the item that is missing.
+          </p>
+          <p>
+            Problems that contain enough detail are likely to get looked at before ones that require
+            significant research.
+          </p>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">OK</button>
+        </div>
+      </div>
+    </div>
+  </div>
 
 
-    <script src="assets/js/jquery.min.js"></script>
-    <script src="assets/js/bootstrap.min.js"></script>
-    <script src="assets/js/leaflet.min.js"></script>
-    <script src="assets/js/Control.Minimap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js"></script>
+  <main>
+  </main>
 
 
+  <footer>
+    <p class="disclaimer">
+      Addresses and postcodes are approximate
+    </p>
+    <p class="copyright">
+      &copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors
+    </p>
+  </footer>
 
 
-    <script src="config.js"></script>
-    <script src="handlebar_helpers.js"></script>
-    <script id="searchpage-template" type="text/x-handlebars-template">
-        @include(src/templates/searchpage.hbs)
-    </script>
-    <script id="reversepage-template" type="text/x-handlebars-template">
-        @include(src/templates/reversepage.hbs)
-    </script>
-    <script id="detailspage-template" type="text/x-handlebars-template">
-        @include(src/templates/detailspage.hbs)
-    </script>
+  <script src="assets/js/jquery.min.js"></script>
+  <script src="assets/js/bootstrap.bundle.min.js"></script>
+  <script src="assets/js/leaflet.js"></script>
+  <script src="assets/js/Control.MiniMap.min.js"></script>
+  <script src="assets/js/handlebars.min.js"></script>
+  <script src="assets/js/url-search-params.js"></script>
 
 
+  <script src="config.js"></script>
+  <script src="handlebar_helpers.js"></script>
 
 
-    <script src="assets/js/nominatim-ui.js"></script>
+  <script src="assets/js/nominatim-ui.js"></script>
 </body>
 </body>
-</head>
\ No newline at end of file
+</html>
\ No newline at end of file
Debug UI for Nominatim