]> git.openstreetmap.org Git - nominatim-ui.git/commitdiff
Add a &debug=1 API link in the header instead of redirecting
authormarc tobias <mtmail@gmx.net>
Mon, 10 Aug 2020 13:56:11 +0000 (15:56 +0200)
committermarc tobias <mtmail@gmx.net>
Wed, 12 Aug 2020 14:07:23 +0000 (16:07 +0200)
12 files changed:
dist/assets/css/common.css
dist/assets/js/nominatim-ui.js
dist/deletable.html
dist/details.html
dist/polygons.html
dist/reverse.html
dist/search.html
src/assets/css/common.css
src/assets/js/base.js
src/assets/js/controller.js
src/assets/js/searchpage.js
src/layout.html

index ab814d77ed45f6b908718319bc327b807bebf63f..1141b33568a8071d75691d131fc1fc2f4194e82a 100755 (executable)
@@ -32,6 +32,7 @@ header #last-updated {
   font-size: 0.7em;
   white-space: nowrap;
   text-align: center;
+  display: none;
 }
 
 header .dropdown-menu {
index e36e866610a056b0bf8c07fe52e4371c1422e61a..406cf23ebfe65d852727a178aeb879fbf5886364 100644 (file)
@@ -96,18 +96,36 @@ function generate_full_api_url(endpoint_name, params) {
   return api_url;
 }
 
-function fetch_from_api(endpoint_name, params, callback) {
+function update_last_updated(endpoint_name, params) {
+  if (endpoint_name === 'status') return;
+
   var api_url = generate_full_api_url(endpoint_name, params);
-  if (endpoint_name !== 'status') {
-    $('#api-request-link').attr('href', api_url);
+  $('#last-updated').show();
+
+  $('#api-request a').attr('href', api_url);
+  $('#api-request').show();
+
+  if (endpoint_name === 'search' || endpoint_name === 'reverse') {
+    $('#api-request-debug a').attr('href', api_url + '&debug=1');
+    $('#api-request-debug').show();
+  } else {
+    $('#api-request-debug').hide();
   }
+}
+
+function fetch_from_api(endpoint_name, params, callback) {
+  var api_url = generate_full_api_url(endpoint_name, params);
   $.get(api_url, function (data) {
+    if (endpoint_name !== 'status') {
+      update_last_updated(endpoint_name, params);
+    }
     callback(data);
   });
 }
 
 function update_data_date() {
   fetch_from_api('status', { format: 'json' }, function (data) {
+    $('#last-updated').show();
     $('#data-date').text(data.data_updated);
   });
 }
@@ -586,11 +604,6 @@ function search_page_load() {
       format: 'jsonv2'
     };
 
-    if (search_params.get('debug') === '1') {
-      window.location.href = generate_full_api_url('reverse', api_request_params);
-      return;
-    }
-
     context = {
       // aPlace: aPlace,
       fLat: api_request_params.lat,
@@ -655,11 +668,6 @@ function search_page_load() {
       format: 'jsonv2'
     };
 
-    if (search_params.get('debug') === '1') {
-      window.location.href = generate_full_api_url('search', api_request_params);
-      return;
-    }
-
     context = {
       sQuery: api_request_params.q,
       sViewBox: search_params.get('viewbox'),
@@ -792,6 +800,7 @@ jQuery(document).ready(function () {
 
   function is_relative_url(url) {
     if (!url) return false;
+    if (url.match(/debug=1/)) return false;
     if (url.indexOf('?') === 0) return true;
     if (url.indexOf('/') === 0) return true;
     if (url.indexOf('#') === 0) return false;
index e323dcc10ec647e794612b338610034d006090d3..ac074d30e5555026124c43de23ecc32612d98ea6 100644 (file)
       </div>
       <div id="last-updated" class="col-4 text-center">
         <div id="loading">loading...</div>
-        Data from <a id="api-request-link" href="">API request</a>
-        <br>
-        Data last updated:
-        <span id="data-date"></span>
+        <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 class="col-4 text-right">
         <div class="dropdown">
index e323dcc10ec647e794612b338610034d006090d3..ac074d30e5555026124c43de23ecc32612d98ea6 100644 (file)
       </div>
       <div id="last-updated" class="col-4 text-center">
         <div id="loading">loading...</div>
-        Data from <a id="api-request-link" href="">API request</a>
-        <br>
-        Data last updated:
-        <span id="data-date"></span>
+        <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 class="col-4 text-right">
         <div class="dropdown">
index e323dcc10ec647e794612b338610034d006090d3..ac074d30e5555026124c43de23ecc32612d98ea6 100644 (file)
       </div>
       <div id="last-updated" class="col-4 text-center">
         <div id="loading">loading...</div>
-        Data from <a id="api-request-link" href="">API request</a>
-        <br>
-        Data last updated:
-        <span id="data-date"></span>
+        <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 class="col-4 text-right">
         <div class="dropdown">
index e323dcc10ec647e794612b338610034d006090d3..ac074d30e5555026124c43de23ecc32612d98ea6 100644 (file)
       </div>
       <div id="last-updated" class="col-4 text-center">
         <div id="loading">loading...</div>
-        Data from <a id="api-request-link" href="">API request</a>
-        <br>
-        Data last updated:
-        <span id="data-date"></span>
+        <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 class="col-4 text-right">
         <div class="dropdown">
index e323dcc10ec647e794612b338610034d006090d3..ac074d30e5555026124c43de23ecc32612d98ea6 100644 (file)
       </div>
       <div id="last-updated" class="col-4 text-center">
         <div id="loading">loading...</div>
-        Data from <a id="api-request-link" href="">API request</a>
-        <br>
-        Data last updated:
-        <span id="data-date"></span>
+        <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 class="col-4 text-right">
         <div class="dropdown">
index ab814d77ed45f6b908718319bc327b807bebf63f..1141b33568a8071d75691d131fc1fc2f4194e82a 100755 (executable)
@@ -32,6 +32,7 @@ header #last-updated {
   font-size: 0.7em;
   white-space: nowrap;
   text-align: center;
+  display: none;
 }
 
 header .dropdown-menu {
index 0a5b2c8ae9277c38820c739bafb7791513287dcb..0be31f4a1e9d65cd486846d6b10610946615e051 100644 (file)
@@ -96,18 +96,36 @@ function generate_full_api_url(endpoint_name, params) {
   return api_url;
 }
 
-function fetch_from_api(endpoint_name, params, callback) {
+function update_last_updated(endpoint_name, params) {
+  if (endpoint_name === 'status') return;
+
   var api_url = generate_full_api_url(endpoint_name, params);
-  if (endpoint_name !== 'status') {
-    $('#api-request-link').attr('href', api_url);
+  $('#last-updated').show();
+
+  $('#api-request a').attr('href', api_url);
+  $('#api-request').show();
+
+  if (endpoint_name === 'search' || endpoint_name === 'reverse') {
+    $('#api-request-debug a').attr('href', api_url + '&debug=1');
+    $('#api-request-debug').show();
+  } else {
+    $('#api-request-debug').hide();
   }
+}
+
+function fetch_from_api(endpoint_name, params, callback) {
+  var api_url = generate_full_api_url(endpoint_name, params);
   $.get(api_url, function (data) {
+    if (endpoint_name !== 'status') {
+      update_last_updated(endpoint_name, params);
+    }
     callback(data);
   });
 }
 
 function update_data_date() {
   fetch_from_api('status', { format: 'json' }, function (data) {
+    $('#last-updated').show();
     $('#data-date').text(data.data_updated);
   });
 }
index 364e8f2611e01e5359e596df2bfca88c1e91a7a9..56c7d009944c63ec677e3a7fb76985788eba9183 100644 (file)
@@ -22,6 +22,7 @@ jQuery(document).ready(function () {
 
   function is_relative_url(url) {
     if (!url) return false;
+    if (url.match(/debug=1/)) return false;
     if (url.indexOf('?') === 0) return true;
     if (url.indexOf('/') === 0) return true;
     if (url.indexOf('#') === 0) return false;
index ee76ba83fcd98a3a184984e0bcf329a2eaad251a..95d842d5d176f3fd3a29c84e7a25559ca38b39b2 100755 (executable)
@@ -321,11 +321,6 @@ function search_page_load() {
       format: 'jsonv2'
     };
 
-    if (search_params.get('debug') === '1') {
-      window.location.href = generate_full_api_url('reverse', api_request_params);
-      return;
-    }
-
     context = {
       // aPlace: aPlace,
       fLat: api_request_params.lat,
@@ -390,11 +385,6 @@ function search_page_load() {
       format: 'jsonv2'
     };
 
-    if (search_params.get('debug') === '1') {
-      window.location.href = generate_full_api_url('search', api_request_params);
-      return;
-    }
-
     context = {
       sQuery: api_request_params.q,
       sViewBox: search_params.get('viewbox'),
index 81c613a35de6b9bda48d65b0006720d9e4dce522..640794c8d00feb3264397c6afe4f7ccb57927f6d 100644 (file)
       </div>
       <div id="last-updated" class="col-4 text-center">
         <div id="loading">loading...</div>
-        Data from <a id="api-request-link" href="">API request</a>
-        <br>
-        Data last updated:
-        <span id="data-date"></span>
+        <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 class="col-4 text-right">
         <div class="dropdown">