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.minLon && data.minLat && data.maxLon && data.maxLat) {
  33       map.fitBounds([[data.minLat, data.minLon], [data.maxLat, data.maxLon]]);
  34     } else {
  35       map.setView(center, data.zoom);
  36     }
  37
  38     // Let clicks to object browser links propagate.
  39     if (data.type && data.id) return;
  40
  41     marker.setLatLng(center).addTo(map);
  42
  43     e.preventDefault();
  44     e.stopPropagation();
  45   }
  46
  47   var marker = L.marker([0, 0], {icon: getUserIcon()});
  48
  49   var page = {};
  50
  51   page.pushstate = page.popstate = function(path) {
  52     var params = querystring.parse(path.substring(path.indexOf('?') + 1));
  53     $(".search_form input[name=query]").val(params.query);
  54     OSM.loadSidebarContent(path, page.load);
  55   };
  56
  57   page.load = function() {
  58     $(".search_results_entry").each(function() {
  59       var entry = $(this);
  60       $.ajax({
  61         url: entry.data("href"),
  62         method: 'GET',
  63         data: {
  64           zoom: map.getZoom(),
  65           minlon: map.getBounds().getWest(),
  66           minlat: map.getBounds().getSouth(),
  67           maxlon: map.getBounds().getEast(),
  68           maxlat: map.getBounds().getNorth()
  69         },
  70         success: function(html) {
  71           entry.html(html);
  72         }
  73       });
  74     });
  75
  76     return map.getState();
  77   };
  78
  79   page.unload = function() {
  80     map.removeLayer(marker);
  81     map.removeObject();
  82     $(".search_form input[name=query]").val("");
  83   };
  84
  85   return page;
  86 };