]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/changeset.js
Organize CSS better
[rails.git] / app / assets / javascripts / changeset.js
1 function initializeChangesets(map) {
2   var changesets = [], rects = {};
3
4   var group = L.featureGroup().addTo(map);
5
6   $("[data-changeset]").each(function () {
7     var changeset = $(this).data('changeset');
8     if (changeset.bbox) {
9       changeset.bounds = L.latLngBounds([changeset.bbox.minlat, changeset.bbox.minlon],
10                                         [changeset.bbox.maxlat, changeset.bbox.maxlon]);
11       changesets.push(changeset);
12     }
13   });
14
15   changesets.sort(function (a, b) {
16     return b.bounds.getSize() - a.bounds.getSize();
17   });
18
19   for (var i = 0; i < changesets.length; ++i) {
20     var changeset = changesets[i],
21         rect = L.rectangle(changeset.bounds,
22                            {weight: 2, color: "#ee9900", fillColor: "#ffff55", fillOpacity: 0});
23     rect.id = changeset.id;
24     rects[changeset.id] = rect;
25     rect.addTo(group);
26   }
27
28   function highlightChangeset(id) {
29     rects[id].setStyle({fillOpacity: 0.5});
30     $("#changeset_" + id).addClass("selected");
31   }
32
33   function unHighlightChangeset(id) {
34     rects[id].setStyle({fillOpacity: 0});
35     $("#changeset_" + id).removeClass("selected");
36   }
37
38   group.on({
39     mouseover: function (e) {
40       highlightChangeset(e.layer.id);
41     },
42     mouseout: function (e) {
43       unHighlightChangeset(e.layer.id);
44     }
45   });
46
47   $("[data-changeset]").on({
48     mouseover: function () {
49       highlightChangeset($(this).data("changeset").id);
50     },
51     mouseout: function () {
52       unHighlightChangeset($(this).data("changeset").id);
53     }
54   });
55 }