-function initializeSearch(map) {
- $("#search_form").submit(submitSearch);
- $("#describe_location").click(describeLocation);
+//= require jquery.simulate
+
+OSM.Search = function(map) {
+ $(".search_form input[name=query]")
+ .on("input", function(e) {
+ if ($(e.target).val() == "") {
+ $(".describe_location").fadeIn(100);
+ } else {
+ $(".describe_location").fadeOut(100);
+ }
+ })
+
+ $("#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 () {
+ var moved = false;
+ $(this).one("click", function (e) {
+ if (!moved && !$(e.target).is('a')) {
+ $(this).find("a.set_position").simulate("click", e);
+ }
+ }).one("mousemove", function () {
+ moved = true;
+ });
+ });
- if ($("#query").val()) {
- $("#search_form").submit();
- }
+ function clickSearchMore(e) {
+ e.preventDefault();
+ e.stopPropagation();
- // Focus the search field for browsers that don't support
- // the HTML5 'autofocus' attribute
- if (!("autofocus" in document.createElement("input"))) {
- $("#query").focus();
+ var div = $(this).parents(".search_more");
+
+ $(this).hide();
+ div.find(".loader").show();
+
+ $.get($(this).attr("href"), function(data) {
+ div.replaceWith(data);
+ });
}
- $("#sidebar_content").on("click", ".search_results_entry a.set_position", clickSearchResult);
+ function showSearchResult(e) {
+ var marker = $(this).data("marker");
- var marker = L.marker([0, 0], {icon: getUserIcon()});
+ if (!marker) {
+ var data = $(this).find("a.set_position").data();
- function submitSearch(e) {
- e.preventDefault();
+ marker = L.marker([data.lat, data.lon], {icon: getUserIcon()});
- var bounds = map.getBounds();
+ $(this).data("marker", marker);
+ }
- $("#sidebar_title").html(I18n.t('site.sidebar.search_results'));
- $("#sidebar_content").load($(this).attr("action"), {
- query: $("#query").val(),
- minlon: bounds.getWest(),
- minlat: bounds.getSouth(),
- maxlon: bounds.getEast(),
- maxlat: bounds.getNorth()
- });
+ markers.addLayer(marker);
- openSidebar();
+ $(this).closest("li").addClass("selected");
+ }
- $("#sidebar").one("closed", function () {
- map.removeLayer(marker);
- map.removeObject();
- });
+ function hideSearchResult(e) {
+ var marker = $(this).data("marker");
+
+ if (marker) {
+ markers.removeLayer(marker);
+ }
+
+ $(this).closest("li").removeClass("selected");
}
function clickSearchResult(e) {
- e.preventDefault();
-
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 } });
- }
+ e.preventDefault();
+ e.stopPropagation();
}
- function describeLocation(e) {
- e.preventDefault();
+ var markers = L.layerGroup().addTo(map);
+
+ var page = {};
+
+ page.pushstate = page.popstate = function(path) {
+ var params = querystring.parse(path.substring(path.indexOf('?') + 1));
+ $(".search_form input[name=query]").val(params.query);
+ OSM.loadSidebarContent(path, page.load);
+ };
+
+ page.load = function() {
+ $(".search_results_entry").each(function() {
+ var entry = $(this);
+ $.ajax({
+ url: entry.data("href"),
+ method: 'GET',
+ data: {
+ zoom: map.getZoom(),
+ minlon: map.getBounds().getWest(),
+ minlat: map.getBounds().getSouth(),
+ maxlon: map.getBounds().getEast(),
+ maxlat: map.getBounds().getNorth()
+ },
+ success: function(html) {
+ entry.html(html);
+ }
+ });
+ });
- var center = map.getCenter(),
- zoom = map.getZoom();
+ return map.getState();
+ };
- $("#sidebar_title").html(I18n.t('site.sidebar.search_results'));
- $("#sidebar_content").load($(this).attr("href"), {
- lat: center.lat,
- lon: center.lng,
- zoom: zoom
- }, openSidebar);
- }
-}
+ page.unload = function() {
+ markers.clearLayers();
+ $(".search_form input[name=query]").val("");
+ $(".describe_location").fadeIn(100);
+ };
+
+ return page;
+};