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 };