X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/eb7678145a87c1b9e3cd7ff2d3b5dc08132e4b51..92a4c1feffb6e96fde5129b106f8ae17b4bd8baa:/app/assets/javascripts/index/search.js diff --git a/app/assets/javascripts/index/search.js b/app/assets/javascripts/index/search.js index 17945436e..9ed243466 100644 --- a/app/assets/javascripts/index/search.js +++ b/app/assets/javascripts/index/search.js @@ -1,7 +1,10 @@ //= require jquery.simulate +//= require querystring -OSM.Search = function(map) { - $(".search_form input[name=query]").on("input", function(e) { +OSM.Search = function (map) { + var querystring = require("querystring-component"); + + $(".search_form input[name=query]").on("input", function (e) { if ($(e.target).val() === "") { $(".describe_location").fadeIn(100); } else { @@ -9,7 +12,7 @@ OSM.Search = function(map) { } }); - $(".search_form a.button.switch_link").on("click", function(e) { + $(".search_form a.button.switch_link").on("click", function (e) { e.preventDefault(); var query = $(e.target).parent().parent().find("input[name=query]").val(); if (query) { @@ -19,7 +22,7 @@ OSM.Search = function(map) { } }); - $(".search_form").on("submit", function(e) { + $(".search_form").on("submit", function (e) { e.preventDefault(); $("header").addClass("closed"); var query = $(this).find("input[name=query]").val(); @@ -30,10 +33,10 @@ OSM.Search = function(map) { } }); - $(".describe_location").on("click", function(e) { + $(".describe_location").on("click", function (e) { e.preventDefault(); var center = map.getCenter().wrap(), - precision = OSM.zoomPrecision(map.getZoom()); + precision = OSM.zoomPrecision(map.getZoom()); OSM.router.route("/search?whereami=1&query=" + encodeURIComponent( center.lat.toFixed(precision) + "," + center.lng.toFixed(precision) )); @@ -42,9 +45,9 @@ OSM.Search = function(map) { $("#sidebar_content") .on("click", ".search_more a", clickSearchMore) .on("click", ".search_results_entry a.set_position", clickSearchResult) - .on("mouseover", "p.search_results_entry:has(a.set_position)", showSearchResult) - .on("mouseout", "p.search_results_entry:has(a.set_position)", hideSearchResult) - .on("mousedown", "p.search_results_entry:has(a.set_position)", function () { + .on("mouseover", "li.search_results_entry:has(a.set_position)", showSearchResult) + .on("mouseout", "li.search_results_entry:has(a.set_position)", hideSearchResult) + .on("mousedown", "li.search_results_entry:has(a.set_position)", function () { var moved = false; $(this).one("click", function (e) { if (!moved && !$(e.target).is("a")) { @@ -66,7 +69,7 @@ OSM.Search = function(map) { $(this).hide(); div.find(".loader").show(); - $.get($(this).attr("href"), function(data) { + $.get($(this).attr("href"), function (data) { div.replaceWith(data); }); } @@ -77,7 +80,7 @@ OSM.Search = function(map) { if (!marker) { var data = $(this).find("a.set_position").data(); - marker = L.marker([data.lat, data.lon], {icon: OSM.getUserIcon()}); + marker = L.marker([data.lat, data.lon], { icon: OSM.getUserIcon() }); $(this).data("marker", marker); } @@ -119,15 +122,15 @@ OSM.Search = function(map) { var page = {}; - page.pushstate = page.popstate = function(path) { + page.pushstate = page.popstate = function (path) { var params = querystring.parse(path.substring(path.indexOf("?") + 1)); $(".search_form input[name=query]").val(params.query); $(".describe_location").hide(); OSM.loadSidebarContent(path, page.load); }; - page.load = function() { - $(".search_results_entry").each(function(index) { + page.load = function () { + $(".search_results_entry").each(function (index) { var entry = $(this); $.ajax({ url: entry.data("href"), @@ -139,7 +142,7 @@ OSM.Search = function(map) { maxlon: map.getBounds().getEast(), maxlat: map.getBounds().getNorth() }, - success: function(html) { + success: function (html) { entry.html(html); // go to first result of first geocoder if (index === 0) { @@ -155,7 +158,7 @@ OSM.Search = function(map) { return map.getState(); }; - page.unload = function() { + page.unload = function () { markers.clearLayers(); $(".search_form input[name=query]").val(""); $(".describe_location").fadeIn(100);