936cc1e0e98913d4610eb160ee7353d8393f3433
[rails.git] / app / assets / javascripts / index / search.js
1 function initializeSearch(map) {
2   $("#search_form").submit(submitSearch);
3
4   if ($("#query").val()) {
5     $("#search_form").submit();
6   }
7
8   // Focus the search field for browsers that don't support
9   // the HTML5 'autofocus' attribute
10   if (!("autofocus" in document.createElement("input"))) {
11     $("#query").focus();
12   }
13
14   $("#sidebar_content").on("click", ".search_results_entry a.set_position", clickSearchResult);
15
16   var marker = L.marker([0, 0], {icon: getUserIcon()});
17
18   function submitSearch(e) {
19     e.preventDefault();
20
21     var bounds = map.getBounds();
22
23     $("#sidebar_title").html(I18n.t('site.sidebar.search_results'));
24     $("#sidebar_content").load($(this).attr("action"), {
25       query: $("#query").val(),
26       minlon: bounds.getWest(),
27       minlat: bounds.getSouth(),
28       maxlon: bounds.getEast(),
29       maxlat: bounds.getNorth()
30     });
31
32     openSidebar();
33   }
34
35   function clickSearchResult(e) {
36     e.preventDefault();
37
38     var data = $(this).data(),
39       center = L.latLng(data.lat, data.lon);
40
41     if (data.minLon && data.minLat && data.maxLon && data.maxLat) {
42       map.fitBounds([[data.minLat, data.minLon],
43                      [data.maxLat, data.maxLon]]);
44     } else {
45       map.setView(center, data.zoom);
46     }
47
48     marker
49       .setLatLng(center)
50       .addTo(map);
51
52     if (data.type && data.id) {
53       map.addObject(data, { zoom: false, style: { opacity: 0.2, fill: false } });
54     }
55   }
56 }