X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/5f7dd9d8b378ee532e29f6b49fc745cf9b949e5b..3fbc8a3d3224a4f5bb4a222aa820d885944a60fe:/app/assets/javascripts/index/search.js diff --git a/app/assets/javascripts/index/search.js b/app/assets/javascripts/index/search.js index 7f93cca69..23af46145 100644 --- a/app/assets/javascripts/index/search.js +++ b/app/assets/javascripts/index/search.js @@ -1,5 +1,3 @@ -//= require qs/dist/qs - OSM.Search = function (map) { $(".search_form input[name=query]").on("input", function (e) { if ($(e.target).val() === "") { @@ -12,30 +10,26 @@ OSM.Search = function (map) { $(".search_form a.btn.switch_link").on("click", function (e) { e.preventDefault(); var query = $(this).closest("form").find("input[name=query]").val(); - if (query) { - OSM.router.route("/directions?from=" + encodeURIComponent(query) + OSM.formatHash(map)); - } else { - OSM.router.route("/directions" + OSM.formatHash(map)); - } + let search = ""; + if (query) search = "?" + new URLSearchParams({ from: query }); + OSM.router.route("/directions" + search + OSM.formatHash(map)); }); $(".search_form").on("submit", function (e) { e.preventDefault(); $("header").addClass("closed"); var query = $(this).find("input[name=query]").val(); - if (query) { - OSM.router.route("/search?query=" + encodeURIComponent(query) + OSM.formatHash(map)); - } else { - OSM.router.route("/" + OSM.formatHash(map)); - } + let search = "/"; + if (query) search = "/search?" + new URLSearchParams({ query }); + OSM.router.route(search + OSM.formatHash(map)); }); $(".describe_location").on("click", function (e) { e.preventDefault(); $("header").addClass("closed"); - const [lat, lon] = OSM.cropLocation(map.getCenter(), map.getZoom()).map(encodeURIComponent); + const [lat, lon] = OSM.cropLocation(map.getCenter(), map.getZoom()); - OSM.router.route("/search?" + Qs.stringify({ lat, lon })); + OSM.router.route("/search?" + new URLSearchParams({ lat, lon })); }); $("#sidebar_content") @@ -115,12 +109,12 @@ OSM.Search = function (map) { var page = {}; page.pushstate = page.popstate = function (path) { - var params = Qs.parse(path.substring(path.indexOf("?") + 1)); - if (params.query) { - $(".search_form input[name=query]").val(params.query); + const params = new URLSearchParams(path.substring(path.indexOf("?"))); + if (params.has("query")) { + $(".search_form input[name=query]").val(params.get("query")); $(".describe_location").hide(); - } else if (params.lat && params.lon) { - $(".search_form input[name=query]").val(params.lat + ", " + params.lon); + } else if (params.has("lat") && params.has("lon")) { + $(".search_form input[name=query]").val(params.get("lat") + ", " + params.get("lon")); $(".describe_location").hide(); } OSM.loadSidebarContent(path, page.load);