angular-leaflet-rails 0.1.0.1 → 0.1.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +8 -0
  3. data/Rakefile +3 -1
  4. data/angular-leaflet-rails.gemspec +3 -0
  5. data/lib/angular-leaflet-rails.rb +11 -0
  6. data/lib/angular-leaflet-rails/version.rb +1 -1
  7. data/vendor/assets/javascripts/angular-leaflet-directive.js +153 -0
  8. data/vendor/assets/javascripts/angular-leaflet.js +3 -178
  9. data/vendor/assets/stylesheets/angular-leaflet.css +6 -0
  10. metadata +32 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 06b70b6fcd0d05403b3655ee5d37495145a7afbb
4
- data.tar.gz: b49142f05f11414cdace61acfc1294635237a0b3
3
+ metadata.gz: 4c1b6b33c352fc16a7c7f8f6278c898c29cc4cc2
4
+ data.tar.gz: 5eff4ee16ee676380fe528316c0fd3a2b8c6fdbd
5
5
  SHA512:
6
- metadata.gz: 59bc3bd6bc3437368af756638aed52df3a6f6077d6f8fca51efcfdd1687ce24853ab78f70a409a91b980bb9628b9ff63aefbeec5721bfd1fe1dbd0b590e63e3f
7
- data.tar.gz: fff2df32759ed392c30da617088369e85196fb61fa2d231da60621f99ed5245cc74cddd04812e82af3aed7ab292aadcf7062eab99778990ba52047e128767bac
6
+ metadata.gz: 568215391c96ca4ff49c7a0329e884aba0d2f6d8bc45d993ffaf4143a4cca2d4f366bd023eff52b8aa9a122ae63e646398db7157de76ee6e23ad065dff7fe88a
7
+ data.tar.gz: 6e59640ef3ec914b45455b2e0995b45fcd9d062c688f3e3faa18a7bea590784241360aea837883407b801b848d01e4c37ed6e86c9c7050ca9c4dd7f55846fe44
data/README.md CHANGED
@@ -16,6 +16,14 @@ Add the following directive to your Javascript manifest file (application.js):
16
16
  //= require angular-leaflet
17
17
  ```
18
18
 
19
+ Add the following directive to your CSS manifest file (application.css):
20
+
21
+ ```css
22
+ *= require angular-leaflet
23
+ ```
24
+
25
+
26
+
19
27
 
20
28
  ## Contributing
21
29
 
data/Rakefile CHANGED
@@ -2,5 +2,7 @@ require "bundler/gem_tasks"
2
2
 
3
3
  desc "Fetch new version from https://github.com/tombatossals/angular-leaflet-directive"
4
4
  task :fetch do
5
- `curl https://raw.github.com/tombatossals/angular-leaflet-directive/master/src/angular-leaflet-directive.js > vendor/assets/javascripts/angular-leaflet.js`
5
+ source = "https://raw.github.com/tombatossals/angular-leaflet-directive/master/src/angular-leaflet-directive.js"
6
+ target = "vendor/assets/javascripts/angular-leaflet-directive.js"
7
+ sh "curl #{source} > #{target}"
6
8
  end
data/angular-leaflet-rails.gemspec CHANGED
@@ -18,6 +18,9 @@ Gem::Specification.new do |spec|
18
18
  spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
19
19
  spec.require_paths = ["lib"]
20
20
 
21
+ spec.add_dependency "angular-rails"
22
+ spec.add_dependency "leaflet-rails"
23
+
21
24
  spec.add_development_dependency "bundler", "~> 1.3"
22
25
  spec.add_development_dependency "rake"
23
26
  end
data/lib/angular-leaflet-rails.rb ADDED
@@ -0,0 +1,11 @@
1
+ require "angular-leaflet-rails/version"
2
+ require "angular-rails"
3
+ require "leaflet-rails"
4
+
5
+ module AngularLeaflet
6
+ module Rails
7
+ class Engine < ::Rails::Engine
8
+ # Rails -> use vendor directory.
9
+ end
10
+ end
11
+ end
data/lib/angular-leaflet-rails/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module AngularLeaflet
2
2
  module Rails
3
- VERSION = "0.1.0.1"
3
+ VERSION = "0.1.0.2"
4
4
  end
5
5
  end
data/vendor/assets/javascripts/angular-leaflet-directive.js ADDED
@@ -0,0 +1,153 @@
1
+ var leafletDirective = angular.module("leaflet-directive", []);
2
+
3
+ leafletDirective.directive("leaflet", ["$http", "$log", function ($http, $log) {
4
+ return {
5
+ restrict: "E",
6
+ replace: true,
7
+ transclude: true,
8
+ scope: {
9
+ center: "=center",
10
+ tilelayer: "=tilelayer",
11
+ markers: "=markers",
12
+ path: "=path",
13
+ maxZoom: "@maxzoom"
14
+ },
15
+ template: '<div class="angular-leaflet-map"></div>',
16
+ link: function (scope, element, attrs, ctrl) {
17
+ var $el = element[0],
18
+ map = new L.Map($el);
19
+
20
+ // Expose the map object, for testing purposes
21
+ if (attrs.map) {
22
+ scope.map = map;
23
+ }
24
+
25
+ // Set maxZoom from attrs
26
+ if (attrs.maxzoom){
27
+ scope.maxZoom = parseInt(attrs.maxzoom)
28
+ }
29
+
30
+ // Set initial view
31
+ map.setView([0, 0], 1);
32
+
33
+ // Set tile layer
34
+ var tilelayer = scope.tilelayer || 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
35
+ var maxZoom = scope.maxZoom || 12;
36
+ L.tileLayer(tilelayer, { maxZoom: maxZoom }).addTo(map);
37
+
38
+ // Manage map center events
39
+ if (attrs.center && scope.center) {
40
+
41
+ if (scope.center.lat && scope.center.lng && scope.center.zoom) {
42
+ map.setView(new L.LatLng(scope.center.lat, scope.center.lng), scope.center.zoom);
43
+ } else if (scope.center.autoDiscover === true) {
44
+ map.locate({ setView: true, maxZoom: maxZoom });
45
+ }
46
+
47
+ map.on("dragend", function(e) {
48
+ scope.$apply(function (s) {
49
+ s.center.lat = map.getCenter().lat;
50
+ s.center.lng = map.getCenter().lng;
51
+ });
52
+ });
53
+
54
+ map.on("zoomend", function(e) {
55
+ scope.$apply(function (s) {
56
+ s.center.zoom = map.getZoom();
57
+ });
58
+ });
59
+
60
+ scope.$watch("center", function (center, oldValue) {
61
+ map.setView([center.lat, center.lng], center.zoom);
62
+ }, true);
63
+ }
64
+
65
+ if (attrs.markers && scope.markers) {
66
+ var markers = {};
67
+
68
+ var createAndLinkMarker = function(key, scope) {
69
+ var data = scope.markers[key];
70
+ var marker = new L.marker(
71
+ scope.markers[key],
72
+ {
73
+ draggable: data.draggable ? true:false
74
+ }
75
+ );
76
+
77
+ marker.on("dragend", function(e) {
78
+ scope.$apply(function (s) {
79
+ data.lat = marker.getLatLng().lat;
80
+ data.lng = marker.getLatLng().lng;
81
+ if (data.message) {
82
+ marker.openPopup();
83
+ }
84
+ });
85
+ });
86
+
87
+ scope.$watch('markers.' + key, function(newval, oldval) {
88
+ if (!newval) {
89
+ map.removeLayer(markers[key]);
90
+ delete markers[key];
91
+ return;
92
+ }
93
+
94
+ if (newval.draggable !== undefined && newval.draggable !== oldval.draggable) {
95
+ newval.draggable ? marker.dragging.enable() : marker.dragging.disable();
96
+ }
97
+
98
+ if (newval.focus !== undefined && newval.focus !== oldval.focus) {
99
+ newval.focus ? marker.openPopup() : marker.closePopup();
100
+ }
101
+
102
+ if (newval.message !== undefined && newval.message !== oldval.message) {
103
+ marker.bindPopup(newval);
104
+ }
105
+
106
+ if (newval.lat !== oldval.lat || newval.lng !== oldval.lng) {
107
+ marker.setLatLng(new L.LatLng(newval.lat, newval.lng));
108
+ }
109
+ }, true);
110
+
111
+ return marker;
112
+ }; // end of create and link marker
113
+
114
+ scope.$watch("markers", function(newMarkerList) {
115
+ // add new markers
116
+ for (var key in scope.markers) {
117
+ if (markers[key] === undefined) {
118
+ var marker = createAndLinkMarker(key, scope);
119
+ map.addLayer(marker);
120
+ markers[key] = marker;
121
+ }
122
+ }
123
+ }, true);
124
+ } // if attrs.markers
125
+
126
+ if (attrs.path) {
127
+ var polyline = new L.Polyline([], { weight: 10, opacity: 1});
128
+ map.addLayer(polyline);
129
+ scope.$watch("path.latlngs", function(latlngs) {
130
+ for (var idx=0, length=latlngs.length; idx < length; idx++) {
131
+ if (latlngs[idx] === undefined || latlngs[idx].lat === undefined || latlngs[idx].lng === undefined) {
132
+ $log.warn("Bad path point inn the $scope.path array ");
133
+ latlngs.splice(idx, 1);
134
+ }
135
+ }
136
+ polyline.setLatLngs(latlngs);
137
+ }, true);
138
+
139
+ scope.$watch("path.weight", function(weight) {
140
+ polyline.setStyle({
141
+ weight: weight
142
+ });
143
+ }, true);
144
+
145
+ scope.$watch("path.color", function(color) {
146
+ polyline.setStyle({
147
+ color: color
148
+ });
149
+ }, true);
150
+ } // end of attrs.path
151
+ } // end of link function
152
+ };
153
+ }]);
data/vendor/assets/javascripts/angular-leaflet.js CHANGED
@@ -1,178 +1,3 @@
1
- var leafletDirective = angular.module("leaflet-directive", []);
2
-
3
- leafletDirective.directive("leaflet", ["$http", "$log", function ($http, $log) {
4
- return {
5
- restrict: "E",
6
- replace: true,
7
- transclude: true,
8
- scope: {
9
- center: "=center",
10
- tilelayer: "=tilelayer",
11
- markers: "=markers",
12
- path: "=path",
13
- maxZoom: "@maxzoom"
14
- },
15
- template: '<div class="angular-leaflet-map"></div>',
16
- link: function (scope, element, attrs, ctrl) {
17
- var $el = element[0],
18
- map = new L.Map($el);
19
-
20
- // Expose the map object, for testing purposes
21
- if (attrs.map) {
22
- scope.map = map;
23
- }
24
-
25
- // Set maxZoom from attrs
26
- if (attrs.maxzoom){
27
- scope.maxZoom = parseInt(attrs.maxzoom)
28
- }
29
-
30
- // Set initial view
31
- map.setView([0, 0], 1);
32
-
33
- // Set tile layer
34
- var tilelayer = scope.tilelayer || 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
35
- var maxZoom = scope.maxZoom || 12;
36
- L.tileLayer(tilelayer, { maxZoom: maxZoom }).addTo(map);
37
-
38
- // Manage map center events
39
- if (attrs.center && scope.center) {
40
-
41
- if (scope.center.lat && scope.center.lng && scope.center.zoom) {
42
- map.setView(new L.LatLng(scope.center.lat, scope.center.lng), scope.center.zoom);
43
- } else if (scope.center.autoDiscover === true) {
44
- map.locate({ setView: true, maxZoom: maxZoom });
45
- }
46
-
47
- map.on("dragend", function(e) {
48
- scope.$apply(function (s) {
49
- s.center.lat = map.getCenter().lat;
50
- s.center.lng = map.getCenter().lng;
51
- });
52
- });
53
-
54
- map.on("zoomend", function(e) {
55
- scope.$apply(function (s) {
56
- s.center.zoom = map.getZoom();
57
- });
58
- });
59
-
60
- scope.$watch("center", function (center, oldValue) {
61
- map.setView([center.lat, center.lng], center.zoom);
62
- }, true);
63
- }
64
-
65
- if (attrs.markers !== undefined) {
66
- var markers_dict = [];
67
-
68
- var createAndLinkMarker = function(mkey, scope) {
69
- var markerData = scope.markers[mkey];
70
- var marker = new L.marker(
71
- scope.markers[mkey],
72
- {
73
- draggable: markerData.draggable ? true:false
74
- }
75
- );
76
-
77
- if (markerData.message) {
78
- scope.$watch("markers." + mkey + ".message", function(newValue) {
79
- marker.bindPopup(markerData.message);
80
- });
81
-
82
- scope.$watch("markers." + mkey + ".focus", function(newValue) {
83
- if (newValue) {
84
- marker.openPopup();
85
- }
86
- });
87
- }
88
-
89
- scope.$watch("markers." + mkey + ".draggable", function (newValue, oldValue) {
90
- if (newValue === false) {
91
- marker.dragging.disable();
92
- } else if (newValue === true) {
93
- marker.dragging.enable();
94
- }
95
- });
96
-
97
- var dragging_marker = false;
98
- marker.on("dragstart", function(e) {
99
- dragging_marker = true;
100
- });
101
-
102
- marker.on("drag", function (e) {
103
- scope.$apply(function (s) {
104
- markerData.lat = marker.getLatLng().lat;
105
- markerData.lng = marker.getLatLng().lng;
106
- });
107
- });
108
-
109
- marker.on("dragend", function(e) {
110
- dragging_marker = false;
111
- if (markerData.message) {
112
- marker.openPopup();
113
- }
114
- });
115
-
116
- scope.$watch('markers.' + mkey, function() {
117
- marker.setLatLng(scope.markers[mkey]);
118
- }, true);
119
-
120
- scope.$watch("markers" + mkey + ".lng", function (newValue, oldValue) {
121
- if (dragging_marker || !newValue) return;
122
- marker.setLatLng(new L.LatLng(marker.getLatLng().lat, newValue));
123
- });
124
-
125
- scope.$watch("markers" + mkey + ".lat", function (newValue, oldValue) {
126
- if (dragging_marker || !newValue) return;
127
- marker.setLatLng(new L.LatLng(newValue, marker.getLatLng().lng));
128
- });
129
- return marker;
130
- }; // end of create and link marker
131
-
132
- scope.$watch("markers", function(newMarkerList) {
133
- // find deleted markers
134
- for (var delkey in markers_dict) {
135
- if (!scope.markers[delkey]) {
136
- map.removeLayer(markers_dict[delkey]);
137
- delete markers_dict[delkey];
138
- }
139
- }
140
- // add new markers
141
- for (var mkey in scope.markers) {
142
- if (markers_dict[mkey] === undefined) {
143
- var marker = createAndLinkMarker(mkey, scope);
144
- map.addLayer(marker);
145
- markers_dict[mkey] = marker;
146
- }
147
- } // for mkey in markers
148
- }, true); // watch markers
149
- } // if attrs.markers
150
-
151
- if (attrs.path) {
152
- var polyline = new L.Polyline([], { weight: 10, opacity: 1});
153
- map.addLayer(polyline);
154
- scope.$watch("path.latlngs", function(latlngs) {
155
- for (var idx=0, length=latlngs.length; idx < length; idx++) {
156
- if (latlngs[idx] === undefined || latlngs[idx].lat === undefined || latlngs[idx].lng === undefined) {
157
- $log.warn("Bad path point inn the $scope.path array ");
158
- latlngs.splice(idx, 1);
159
- }
160
- }
161
- polyline.setLatLngs(latlngs);
162
- }, true);
163
-
164
- scope.$watch("path.weight", function(weight) {
165
- polyline.setStyle({
166
- weight: weight
167
- });
168
- }, true);
169
-
170
- scope.$watch("path.color", function(color) {
171
- polyline.setStyle({
172
- color: color
173
- });
174
- }, true);
175
- } // end of attrs.path
176
- } // end of link function
177
- };
178
- }]);
1
+ //= require angular
2
+ //= require leaflet
3
+ //= require angular-leaflet-directive
data/vendor/assets/stylesheets/angular-leaflet.css ADDED
@@ -0,0 +1,6 @@
1
+ /*
2
+ * This is just a proxy to leaflet-rails gem stylesheets
3
+ * to make require consistent inside rails app
4
+ *
5
+ *= require leaflet
6
+ */
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: angular-leaflet-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0.1
4
+ version: 0.1.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Tymon Tobolski
@@ -10,6 +10,34 @@ bindir: bin
10
10
  cert_chain: []
11
11
  date: 2013-05-14 00:00:00.000000000 Z
12
12
  dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: angular-rails
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - '>='
18
+ - !ruby/object:Gem::Version
19
+ version: '0'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - '>='
25
+ - !ruby/object:Gem::Version
26
+ version: '0'
27
+ - !ruby/object:Gem::Dependency
28
+ name: leaflet-rails
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - '>='
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :runtime
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - '>='
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
13
41
  - !ruby/object:Gem::Dependency
14
42
  name: bundler
15
43
  requirement: !ruby/object:Gem::Requirement
@@ -51,8 +79,11 @@ files:
51
79
  - README.md
52
80
  - Rakefile
53
81
  - angular-leaflet-rails.gemspec
82
+ - lib/angular-leaflet-rails.rb
54
83
  - lib/angular-leaflet-rails/version.rb
84
+ - vendor/assets/javascripts/angular-leaflet-directive.js
55
85
  - vendor/assets/javascripts/angular-leaflet.js
86
+ - vendor/assets/stylesheets/angular-leaflet.css
56
87
  homepage: http://github.com/rails-assets/angular-leaflet-rails
57
88
  licenses:
58
89
  - MIT