X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/32645dd8565e7bbad75ab4a03a6b25c4f14e4bda..9029e47ce9e41a220710d117868e14d8cd1c719a:/app/assets/javascripts/index/search.js diff --git a/app/assets/javascripts/index/search.js b/app/assets/javascripts/index/search.js index 132447ec5..434135df5 100644 --- a/app/assets/javascripts/index/search.js +++ b/app/assets/javascripts/index/search.js @@ -7,28 +7,39 @@ OSM.Search = function(map) { $("#describe_location").fadeIn(100); }); - $("#sidebar_content").on("click", ".search_results_entry a.set_position", clickSearchResult); + $("#sidebar_content") + .on("click", ".search_more a", clickSearchMore) + .on("click", ".search_results_entry a.set_position", clickSearchResult); - function clickSearchResult(e) { + function clickSearchMore(e) { e.preventDefault(); + e.stopPropagation(); + + var div = $(this).parents(".search_more"); + + $(this).hide(); + div.find(".loader").show(); + + $.get($(this).attr("href"), function(data) { + div.replaceWith(data); + }); + } + function clickSearchResult(e) { var data = $(this).data(), center = L.latLng(data.lat, data.lon); + if (data.type && data.id) return; // Browse link + + e.preventDefault(); + e.stopPropagation(); + if (data.minLon && data.minLat && data.maxLon && data.maxLat) { map.fitBounds([[data.minLat, data.minLon], [data.maxLat, data.maxLon]]); } else { map.setView(center, data.zoom); } - - marker - .setLatLng(center) - .addTo(map); - - if (data.type && data.id) { - map.addObject(data, { zoom: false, style: { opacity: 0.2, fill: false } }); - } } var marker = L.marker([0, 0], {icon: getUserIcon()}); @@ -38,12 +49,12 @@ OSM.Search = function(map) { page.pushstate = page.popstate = function(path) { var params = querystring.parse(path.substring(path.indexOf('?') + 1)); $("#query").val(params.query); - $("#sidebar").removeClass("minimized"); map.invalidateSize(); $("#sidebar_content").load(path, page.load); }; page.load = function() { + $("#sidebar").removeClass("minimized"); $(".search_results_entry").each(function() { var entry = $(this); $.ajax({