X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/e7d200c4a6d0904ab1e027518eca7200b0ca9a08..9cc9a0098840363b6497337951b53aa583f4aa44:/app/assets/javascripts/index/search.js diff --git a/app/assets/javascripts/index/search.js b/app/assets/javascripts/index/search.js index 434135df5..81b96635b 100644 --- a/app/assets/javascripts/index/search.js +++ b/app/assets/javascripts/index/search.js @@ -1,11 +1,12 @@ OSM.Search = function(map) { - $("#query") - .on("focus", function() { - $("#describe_location").fadeOut(100); + $(".search_form input[name=query]") + .on("input", function(e) { + if ($(e.target).val() == "") { + $(".describe_location").fadeIn(100); + } else { + $(".describe_location").fadeOut(100); + } }) - .on("blur", function() { - $("#describe_location").fadeIn(100); - }); $("#sidebar_content") .on("click", ".search_more a", clickSearchMore) @@ -29,17 +30,19 @@ OSM.Search = function(map) { 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]]); + map.fitBounds([[data.minLat, data.minLon], [data.maxLat, data.maxLon]]); } else { map.setView(center, data.zoom); } + + // Let clicks to object browser links propagate. + if (data.type && data.id) return; + + marker.setLatLng(center).addTo(map); + + e.preventDefault(); + e.stopPropagation(); } var marker = L.marker([0, 0], {icon: getUserIcon()}); @@ -48,13 +51,11 @@ OSM.Search = function(map) { page.pushstate = page.popstate = function(path) { var params = querystring.parse(path.substring(path.indexOf('?') + 1)); - $("#query").val(params.query); - map.invalidateSize(); - $("#sidebar_content").load(path, page.load); + $(".search_form input[name=query]").val(params.query); + OSM.loadSidebarContent(path, page.load); }; page.load = function() { - $("#sidebar").removeClass("minimized"); $(".search_results_entry").each(function() { var entry = $(this); $.ajax({ @@ -72,12 +73,15 @@ OSM.Search = function(map) { } }); }); + + return map.getState(); }; page.unload = function() { map.removeLayer(marker); map.removeObject(); - $("#query").val(""); + $(".search_form input[name=query]").val(""); + $(".describe_location").fadeIn(100); }; return page;