]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/index/search.js
Fix search
[rails.git] / app / assets / javascripts / index / search.js
1 OSM.Search = function(map) {
2   $(".search_form input[name=query]")
3     .on("focus", function() {
4       $(".describe_location").fadeOut(100);
5     })
6     .on("blur", function() {
7       $(".describe_location").fadeIn(100);
8     });
9
10   $("#sidebar_content")
11     .on("click", ".search_more a", clickSearchMore)
12     .on("click", ".search_results_entry a.set_position", clickSearchResult);
13
14   function clickSearchMore(e) {
15     e.preventDefault();
16     e.stopPropagation();
17
18     var div = $(this).parents(".search_more");
19
20     $(this).hide();
21     div.find(".loader").show();
22
23     $.get($(this).attr("href"), function(data) {
24       div.replaceWith(data);
25     });
26   }
27
28   function clickSearchResult(e) {
29     var data = $(this).data(),
30       center = L.latLng(data.lat, data.lon);
31
32     if (data.type && data.id) return; // Browse link
33
34     e.preventDefault();
35     e.stopPropagation();
36
37     if (data.minLon && data.minLat && data.maxLon && data.maxLat) {
38       map.fitBounds([[data.minLat, data.minLon],
39         [data.maxLat, data.maxLon]]);
40     } else {
41       map.setView(center, data.zoom);
42     }
43   }
44
45   var marker = L.marker([0, 0], {icon: getUserIcon()});
46
47   var page = {};
48
49   page.pushstate = page.popstate = function(path) {
50     var params = querystring.parse(path.substring(path.indexOf('?') + 1));
51     $(".search_form input[name=query]").val(params.query);
52     map.invalidateSize();
53     $("#sidebar_content").load(path, function(a, b, xhr) {
54       if (xhr.getResponseHeader('X-Page-Title')) {
55         document.title = xhr.getResponseHeader('X-Page-Title');
56       }
57       page.load();
58     });
59   };
60
61   page.load = function() {
62     $(".search_results_entry").each(function() {
63       var entry = $(this);
64       $.ajax({
65         url: entry.data("href"),
66         method: 'GET',
67         data: {
68           zoom: map.getZoom(),
69           minlon: map.getBounds().getWest(),
70           minlat: map.getBounds().getSouth(),
71           maxlon: map.getBounds().getEast(),
72           maxlat: map.getBounds().getNorth()
73         },
74         success: function(html) {
75           entry.html(html);
76         }
77       });
78     });
79   };
80
81   page.unload = function() {
82     map.removeLayer(marker);
83     map.removeObject();
84     $(".search_form input[name=query]").val("");
85   };
86
87   return page;
88 };