restructure rank display

[nominatim-ui.git] / src / assets / js / detailpage.js

diff --git a/src/assets/js/detailpage.js b/src/assets/js/detailpage.js
index d1803459bd0f3c32aaedf4f98fde06f47ce8e130..3a951877a6dee35787795532a400262f6146fad6 100644 (file)
--- a/src/assets/js/detailpage.js
+++ b/src/assets/js/detailpage.js
@@ -1,26 +1,29 @@
-/*********************************************************
-* DETAILS PAGE
-*********************************************************/
-
+// *********************************************************
+// DETAILS PAGE
+// *********************************************************

 
 
 function init_map_on_detail_page(lat, lon, geojson) {
 
 
 function init_map_on_detail_page(lat, lon, geojson) {

+  var attribution = get_config_value('Map_Tile_Attribution') || null;

   map = new L.map('map', {
     // center: [nominatim_map_init.lat, nominatim_map_init.lon],
     // zoom:   nominatim_map_init.zoom,
   map = new L.map('map', {
     // center: [nominatim_map_init.lat, nominatim_map_init.lon],
     // zoom:   nominatim_map_init.zoom,

-    attributionControl: (get_config_value('Map_Tile_Attribution') && get_config_value('Map_Tile_Attribution').length),
-    scrollWheelZoom:    true, // !L.Browser.touch,
-    touchZoom:          false,
+    attributionControl: (attribution && attribution.length),
+    scrollWheelZoom: true, // !L.Browser.touch,
+    touchZoom: false

   });
 
   L.tileLayer(get_config_value('Map_Tile_URL'), {
     // moved to footer
   });
 
   L.tileLayer(get_config_value('Map_Tile_URL'), {
     // moved to footer

-    attribution: (get_config_value('Map_Tile_Attribution') || null ) //'&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
+    // '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
+    attribution: attribution

   }).addTo(map);
 
   }).addTo(map);
 

-  var layerGroup = new L.layerGroup().addTo(map);
+  // var layerGroup = new L.layerGroup().addTo(map);

 
 

-  var circle = L.circleMarker([lat,lon], { radius: 10, weight: 2, fillColor: '#ff7800', color: 'blue', opacity: 0.75});
+  var circle = L.circleMarker([lat, lon], {
+    radius: 10, weight: 2, fillColor: '#ff7800', color: 'blue', opacity: 0.75
+  });

   map.addLayer(circle);
 
   if (geojson) {
   map.addLayer(circle);
 
   if (geojson) {


@@ -28,48 +31,57 @@ function init_map_on_detail_page(lat, lon, geojson) {
       // https://leafletjs.com/reference-1.0.3.html#path-option
       parse_and_normalize_geojson_string(geojson),
       {
       // https://leafletjs.com/reference-1.0.3.html#path-option
       parse_and_normalize_geojson_string(geojson),
       {

-        style: function(feature) {
-          return { interactive: false, color: 'blue' }; 
+        style: function () {
+          return { interactive: false, color: 'blue' };

         }
       }
     );
     map.addLayer(geojson_layer);
     map.fitBounds(geojson_layer.getBounds());
   } else {
         }
       }
     );
     map.addLayer(geojson_layer);
     map.fitBounds(geojson_layer.getBounds());
   } else {

-    map.setView([lat,lon],10);
+    map.setView([lat, lon], 10);

   }
 
   }
 

-  var osm2 = new L.TileLayer(get_config_value('Map_Tile_URL'), {minZoom: 0, maxZoom: 13, attribution: (get_config_value('Map_Tile_Attribution') || null )});
-  var miniMap = new L.Control.MiniMap(osm2, {toggleDisplay: true}).addTo(map);
+  var osm2 = new L.TileLayer(
+    get_config_value('Map_Tile_URL'),
+    {
+      minZoom: 0,
+      maxZoom: 13,
+      attribution: (get_config_value('Map_Tile_Attribution') || null)
+    }
+  );
+  (new L.Control.MiniMap(osm2, { toggleDisplay: true })).addTo(map);

 }
 
 
 }
 
 

+function details_page_load() {

 
 

-jQuery(document).ready(function(){
-
-  if ( !$('#details-page').length ){ return; }
-
-  var search_params = new URLSearchParams(location.search);
+  var search_params = new URLSearchParams(window.location.search);

   // var place_id = search_params.get('place_id');
 
   var api_request_params = {
     place_id: search_params.get('place_id'),
     osmtype: search_params.get('osmtype'),
     osmid: search_params.get('osmid'),
   // var place_id = search_params.get('place_id');
 
   var api_request_params = {
     place_id: search_params.get('place_id'),
     osmtype: search_params.get('osmtype'),
     osmid: search_params.get('osmid'),

+    class: search_params.get('class'),

     keywords: search_params.get('keywords'),
     addressdetails: 1,
     keywords: search_params.get('keywords'),
     addressdetails: 1,

-    hierarchy: 1,
+    hierarchy: (search_params.get('hierarchy') === '1' ? 1 : 0),

     group_hierarchy: 1,
     polygon_geojson: 1,
     format: 'json'
   };
 
     group_hierarchy: 1,
     polygon_geojson: 1,
     format: 'json'
   };
 

-  if (api_request_params.place_id || (api_request_params.osmtype && api_request_params.osmid )){
-    fetch_from_api('details', api_request_params, function(aFeature){
-
-      var context = { aPlace: aFeature };
+  if (api_request_params.place_id || (api_request_params.osmtype && api_request_params.osmid)) {
+    fetch_from_api('details', api_request_params, function (aFeature) {
+      var context = { aPlace: aFeature, base_url: window.location.search };

 
       render_template($('main'), 'detailspage-template', context);
 
       render_template($('main'), 'detailspage-template', context);

+      if (api_request_params.place_id) {
+        update_html_title('Details for ' + api_request_params.place_id);
+      } else {
+        update_html_title('Details for ' + api_request_params.osmtype + api_request_params.osmid);
+      }

 
       update_data_date();
 
 
       update_data_date();
 


@@ -81,7 +93,7 @@ jQuery(document).ready(function(){
     render_template($('main'), 'detailspage-index-template');
   }
 
     render_template($('main'), 'detailspage-index-template');
   }
 

-  $('#form-by-type-and-id,#form-by-osm-url').on('submit', function(e){
+  $('#form-by-type-and-id,#form-by-osm-url').on('submit', function (e) {

     e.preventDefault();
 
     var val = $(this).find('input[type=edit]').val();
     e.preventDefault();
 
     var val = $(this).find('input[type=edit]').val();


@@ -99,5 +111,4 @@ jQuery(document).ready(function(){
       alert('invalid input');
     }
   });
       alert('invalid input');
     }
   });

-
-});
\ No newline at end of file
+}