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