]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/leaflet.zoom.js
Ignore clicks on the add note button when it is disabled
[rails.git] / app / assets / javascripts / leaflet.zoom.js
1 L.OSM.Zoom = L.Control.extend({
2         options: {
3                 position: 'topright'
4         },
5
6         onAdd: function (map) {
7                 var zoomName = 'zoom',
8                     container = L.DomUtil.create('div', zoomName);
9
10                 this._map = map;
11
12                 this._zoomInButton  = this._createButton(
13                         '', I18n.t('javascripts.map.zoom.in'),  zoomName + 'in',  container, this._zoomIn,  this);
14                 this._zoomOutButton = this._createButton(
15                         '', I18n.t('javascripts.map.zoom.out'), zoomName + 'out', container, this._zoomOut, this);
16
17                 map.on('zoomend zoomlevelschange', this._updateDisabled, this);
18
19                 return container;
20         },
21
22         onRemove: function (map) {
23                 map.off('zoomend zoomlevelschange', this._updateDisabled, this);
24         },
25
26         _zoomIn: function (e) {
27                 this._map.zoomIn(e.shiftKey ? 3 : 1);
28         },
29
30         _zoomOut: function (e) {
31                 this._map.zoomOut(e.shiftKey ? 3 : 1);
32         },
33
34         _createButton: function (html, title, className, container, fn, context) {
35                 var link = L.DomUtil.create('a', 'control-button ' + className, container);
36                 link.innerHTML = html;
37                 link.href = '#';
38                 link.title = title;
39
40                 var sprite = L.DomUtil.create('span', 'icon ' + className, link);
41
42                 var stop = L.DomEvent.stopPropagation;
43
44                 L.DomEvent
45                     .on(link, 'click', stop)
46                     .on(link, 'mousedown', stop)
47                     .on(link, 'dblclick', stop)
48                     .on(link, 'click', L.DomEvent.preventDefault)
49                     .on(link, 'click', fn, context);
50
51                 return link;
52         },
53
54         _updateDisabled: function () {
55                 var map = this._map,
56                         className = 'leaflet-disabled';
57
58                 L.DomUtil.removeClass(this._zoomInButton, className);
59                 L.DomUtil.removeClass(this._zoomOutButton, className);
60
61                 if (map._zoom === map.getMinZoom()) {
62                         L.DomUtil.addClass(this._zoomOutButton, className);
63                 }
64                 if (map._zoom === map.getMaxZoom()) {
65                         L.DomUtil.addClass(this._zoomInButton, className);
66                 }
67         }
68 });
69
70 L.OSM.zoom = function (options) {
71         return new L.OSM.Zoom(options);
72 };