app/assets/javascripts/browse.js

   1 $(document).ready(function () {
   2   function remoteEditHandler(bbox, select) {
   3     var left = bbox.getWestLng() - 0.0001;
   4     var top = bbox.getNorthLat() + 0.0001;
   5     var right = bbox.getEastLng() + 0.0001;
   6     var bottom = bbox.getSouthLat() - 0.0001;
   7     var loaded = false;
   8
   9     $("#linkloader").load(function () { loaded = true; });
  10
  11     if (select) {
  12       $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom + "&select=" + select);
  13     } else {
  14       $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom);
  15     }
  16
  17     setTimeout(function () {
  18       if (!loaded) alert(I18n.t('site.index.remote_failed'));
  19     }, 1000);
  20
  21     return false;
  22   }
  23
  24   var map = createMap("small_map", {
  25     layerControl: false,
  26     panZoomControl: false,
  27     attributionControl: false
  28   });
  29
  30   var params = $("#small_map").data();
  31   if (params.type == "changeset") {
  32     var bbox = L.latLngBounds([params.minlat, params.minlon],
  33                               [params.maxlat, params.maxlon]);
  34
  35     map.fitBounds(bbox);
  36     addBoxToMap(bbox);
  37
  38     $("#loading").hide();
  39     $("#browse_map .geolink").show();
  40
  41     $("a[data-editor=remote]").click(function () {
  42       return remoteEditHandler(bbox);
  43     });
  44
  45     var centre = bbox.getCenter();
  46     updatelinks(centre.lon, centre.lat, 16, null, params.minlon, params.minlat, params.maxlon, params.maxlat);
  47   } else if (params.type == "note") {
  48     var object = {type: params.type, id: params.id};
  49
  50     map.setView([params.lat, params.lon], 16);
  51
  52     L.marker([params.lat, params.lon], { icon: getUserIcon() }).addTo(map);
  53
  54     var bbox = map.getBounds();
  55
  56     $("#loading").hide();
  57     $("#browse_map .geolink").show();
  58
  59     $("a[data-editor=remote]").click(function () {
  60       return remoteEditHandler(bbox);
  61     });
  62
  63     updatelinks(params.lon, params.lat, 16, null,
  64                 bbox.getWestLng(), bbox.getSouthLat(),
  65                 bbox.getEastLng(), bbox.getNorthLat(),
  66                 object);
  67   } else {
  68     $("#object_larger_map").hide();
  69     $("#object_edit").hide();
  70
  71     var object = {type: params.type, id: params.id};
  72
  73     if (!params.visible) {
  74       object.version = params.version - 1;
  75     }
  76
  77     addObjectToMap(object, true, function(extent) {
  78       $("#loading").hide();
  79       $("#browse_map .geolink").show();
  80
  81       if (extent) {
  82         $("a.bbox[data-editor=remote]").click(function () {
  83           return remoteEditHandler(extent);
  84         });
  85
  86         $("a.object[data-editor=remote]").click(function () {
  87           return remoteEditHandler(extent, params.type + params.id);
  88         });
  89
  90         $("#object_larger_map").show();
  91         $("#object_edit").show();
  92
  93         var centre = extent.getCenter();
  94         updatelinks(centre.lng,
  95                     centre.lat,
  96                     16, null,
  97                     extent.getWestLng(),
  98                     extent.getSouthLat(),
  99                     extent.getEastLng(),
 100                     extent.getNorthLat(),
 101                     object);
 102       } else {
 103         $("#small_map").hide();
 104       }
 105     });
 106   }
 107
 108   createMenu("area_edit", "area_edit_menu", "right");
 109   createMenu("object_edit", "object_edit_menu", "right");
 110 });