X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/8530e3eedb2918c4602295fef8dd34028c8077b8..d5fdc0855a48536492eaed2d2a9055fafd898a30:/app/assets/javascripts/index/search.js?ds=inline diff --git a/app/assets/javascripts/index/search.js b/app/assets/javascripts/index/search.js index 52920d8bb..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) @@ -26,26 +27,22 @@ OSM.Search = function(map) { } function clickSearchResult(e) { - e.preventDefault(); - e.stopPropagation(); - var data = $(this).data(), center = L.latLng(data.lat, data.lon); 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); } - marker - .setLatLng(center) - .addTo(map); + // Let clicks to object browser links propagate. + if (data.type && data.id) return; - if (data.type && data.id) { - map.addObject(data, { zoom: false, style: { opacity: 0.2, fill: false } }); - } + marker.setLatLng(center).addTo(map); + + e.preventDefault(); + e.stopPropagation(); } var marker = L.marker([0, 0], {icon: getUserIcon()}); @@ -54,10 +51,8 @@ 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); + $(".search_form input[name=query]").val(params.query); + OSM.loadSidebarContent(path, page.load); }; page.load = function() { @@ -78,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;