X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/9d5b81094c69a02782faead1528ef32ffcc48aea..de5a225a95125db1a66d6dfbaa3a790db9719c18:/app/assets/javascripts/leaflet.zoom.js

diff --git a/app/assets/javascripts/leaflet.zoom.js b/app/assets/javascripts/leaflet.zoom.js
new file mode 100644
index 000000000..80b4ab1bc
--- /dev/null
+++ b/app/assets/javascripts/leaflet.zoom.js
@@ -0,0 +1,72 @@
+L.OSM.Zoom = L.Control.extend({
+	options: {
+		position: 'topright'
+	},
+
+	onAdd: function (map) {
+		var zoomName = 'zoom',
+		    container = L.DomUtil.create('div', zoomName);
+
+		this._map = map;
+
+		this._zoomInButton  = this._createButton(
+		        '', I18n.t('javascripts.map.zoom.in'),  zoomName + 'in',  container, this._zoomIn,  this);
+		this._zoomOutButton = this._createButton(
+		        '', I18n.t('javascripts.map.zoom.out'), zoomName + 'out', container, this._zoomOut, this);
+
+		map.on('zoomend zoomlevelschange', this._updateDisabled, this);
+
+		return container;
+	},
+
+	onRemove: function (map) {
+		map.off('zoomend zoomlevelschange', this._updateDisabled, this);
+	},
+
+	_zoomIn: function (e) {
+		this._map.zoomIn(e.shiftKey ? 3 : 1);
+	},
+
+	_zoomOut: function (e) {
+		this._map.zoomOut(e.shiftKey ? 3 : 1);
+	},
+
+	_createButton: function (html, title, className, container, fn, context) {
+		var link = L.DomUtil.create('a', 'control-button ' + className, container);
+		link.innerHTML = html;
+		link.href = '#';
+		link.title = title;
+
+		var sprite = L.DomUtil.create('span', 'icon ' + className, link);
+
+		var stop = L.DomEvent.stopPropagation;
+
+		L.DomEvent
+		    .on(link, 'click', stop)
+		    .on(link, 'mousedown', stop)
+		    .on(link, 'dblclick', stop)
+		    .on(link, 'click', L.DomEvent.preventDefault)
+		    .on(link, 'click', fn, context);
+
+		return link;
+	},
+
+	_updateDisabled: function () {
+		var map = this._map,
+			className = 'leaflet-disabled';
+
+		L.DomUtil.removeClass(this._zoomInButton, className);
+		L.DomUtil.removeClass(this._zoomOutButton, className);
+
+		if (map._zoom === map.getMinZoom()) {
+			L.DomUtil.addClass(this._zoomOutButton, className);
+		}
+		if (map._zoom === map.getMaxZoom()) {
+			L.DomUtil.addClass(this._zoomInButton, className);
+		}
+	}
+});
+
+L.OSM.zoom = function (options) {
+	return new L.OSM.Zoom(options);
+};