]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/browse.js
Start to refactor updatelinks
[rails.git] / app / assets / javascripts / browse.js
1 $(document).ready(function () {
2   function remoteEditHandler(bbox, select) {
3     var left = bbox.getWest() - 0.0001;
4     var top = bbox.getNorth() + 0.0001;
5     var right = bbox.getEast() + 0.0001;
6     var bottom = bbox.getSouth() - 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 = L.map("small_map", {
25     attributionControl: false,
26     zoomControl: false
27   }).addLayer(new L.OSM.Mapnik());
28
29   L.control.zoom({position: 'topright'})
30     .addTo(map);
31
32   $("#small_map").on("resized", function () {
33     map.invalidateSize();
34   });
35
36   var params = $("#small_map").data();
37   if (params.type == "changeset") {
38     var bbox = L.latLngBounds([params.minlat, params.minlon],
39                               [params.maxlat, params.maxlon]);
40
41     map.fitBounds(bbox);
42
43     L.rectangle(bbox, {
44       weight: 2,
45       color: '#e90',
46       fillOpacity: 0
47     }).addTo(map);
48
49     $("#loading").hide();
50     $("#browse_map .geolink").show();
51
52     $("a[data-editor=remote]").click(function () {
53       return remoteEditHandler(bbox);
54     });
55
56     updatelinks(map.getCenter(), 16, null, params.minlon, params.minlat, params.maxlon, params.maxlat);
57   } else if (params.type == "note") {
58     var object = {type: params.type, id: params.id};
59
60     map.setView([params.lat, params.lon], 16);
61
62     L.marker([params.lat, params.lon], { icon: getUserIcon() }).addTo(map);
63
64     var bbox = map.getBounds();
65
66     $("#loading").hide();
67     $("#browse_map .geolink").show();
68
69     $("a[data-editor=remote]").click(function () {
70       return remoteEditHandler(bbox);
71     });
72
73     updatelinks(params, 16, null,
74                 bbox.getWest(), bbox.getSouth(),
75                 bbox.getEast(), bbox.getNorth(),
76                 object);
77   } else {
78     $("#object_larger_map").hide();
79     $("#object_edit").hide();
80
81     var object = {type: params.type, id: params.id};
82
83     if (!params.visible) {
84       object.version = params.version - 1;
85     }
86
87     addObjectToMap(object, map, {
88       zoom: true, 
89       callback: function(extent) {
90         $("#loading").hide();
91         $("#browse_map .geolink").show();
92
93         if (extent) {
94           $("a.bbox[data-editor=remote]").click(function () {
95             return remoteEditHandler(extent);
96           });
97
98           $("a.object[data-editor=remote]").click(function () {
99             return remoteEditHandler(extent, params.type + params.id);
100           });
101
102           $("#object_larger_map").show();
103           $("#object_edit").show();
104
105           updatelinks(map.getCenter(),
106                       16, null,
107                       extent.getWest(),
108                       extent.getSouth(),
109                       extent.getEast(),
110                       extent.getNorth(),
111                       object);
112         } else {
113           $("#small_map").hide();
114         }
115       }
116     });
117   }
118
119   createMenu("area_edit", "area_edit_menu", "right");
120   createMenu("object_edit", "object_edit_menu", "right");
121 });