leaflet-zoomslider-rails 0.6.1

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in leaflet-zoomslider-rails.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Klaas Endrikat
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,47 @@
+# Leaflet::Zoomslider::Rails
+
+Integrates the [leaflet-zoomslider] plugin with the asset pipeline
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'leaflet-zoomslider-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install leaflet-zoomslider-rails
+
+## Usage
+
+Add the following to your `app/assets/javascripts/application.js`:
+
+    //= require leaflet.zoomslider
+    
+Add the following to your `app/assets/stylesheets/application.css`:
+
+    *= require leaflet.zoomslider
+    *= require leaflet.zoomslider.ie
+    
+Examples can be found at [kartena]
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## License
+MIT License, full text of license see [here][License]
+
+*Free Software, Fuck Yeah!*
+
+[License]: https://github.com/kendrikat/leaflet-zoomslider-rails/blob/master/LICENSE.txt "LICENSE"
+[leaflet-zoomslider]: https://github.com/kartena/Leaflet.zoomslider
+[kartena]: https://github.com/kartena/Leaflet.zoomslider/tree/master/examples

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/leaflet-zoomslider-rails.gemspec

@@ -0,0 +1,20 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'leaflet-zoomslider-rails/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "leaflet-zoomslider-rails"
+  gem.version       = Leaflet::Zoomslider::Rails::VERSION
+  gem.authors       = ["Klaas Endrikat"]
+  gem.email         = ["klaas.endrikat@googlemail.com"]
+  gem.description   = %q{Integrates the Leaflet ZoomSlider plugin with Rails asset pipeline}
+  gem.summary       = %q{Leaflet ZoomSlider plugin for Rails}
+  gem.license       = 'MIT'
+  gem.homepage      = "https://github.com/kendrikat/leaflet-zoomslider-rails"
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+end

data/lib/leaflet-zoomslider-rails/version.rb

@@ -0,0 +1,7 @@
+module Leaflet
+  module Zoomslider
+    module Rails
+      VERSION = "0.6.1"
+    end
+  end
+end

data/lib/leaflet-zoomslider-rails.rb

@@ -0,0 +1,10 @@
+require "leaflet-zoomslider-rails/version"
+
+module Leaflet
+  module Zoomslider
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/vendor/assets/javascripts/leaflet.zoomslider.js

@@ -0,0 +1,206 @@
+L.Control.Zoomslider = (function () {
+
+    var Knob = L.Draggable.extend({
+        initialize: function (element, stepHeight, knobHeight) {
+            L.Draggable.prototype.initialize.call(this, element, element);
+            this._element = element;
+
+            this._stepHeight = stepHeight;
+            this._knobHeight = knobHeight;
+
+            this.on('predrag', function () {
+                this._newPos.x = 0;
+                this._newPos.y = this._adjust(this._newPos.y);
+            }, this);
+        },
+
+        _adjust: function (y) {
+            var value = Math.round(this._toValue(y));
+            value = Math.max(0, Math.min(this._maxValue, value));
+            return this._toY(value);
+        },
+
+        // y = k*v + m
+        _toY: function (value) {
+            return this._k * value + this._m;
+        },
+        // v = (y - m) / k
+        _toValue: function (y) {
+            return (y - this._m) / this._k;
+        },
+
+        setSteps: function (steps) {
+            var sliderHeight = steps * this._stepHeight;
+            this._maxValue = steps - 1;
+
+            // conversion parameters
+            // the conversion is just a common linear function.
+            this._k = -this._stepHeight;
+            this._m = sliderHeight - (this._stepHeight + this._knobHeight) / 2;
+        },
+
+        setPosition: function (y) {
+            L.DomUtil.setPosition(this._element,
+                L.point(0, this._adjust(y)));
+        },
+
+        setValue: function (v) {
+            this.setPosition(this._toY(v));
+        },
+
+        getValue: function () {
+            return this._toValue(L.DomUtil.getPosition(this._element).y);
+        }
+    });
+
+    var Zoomslider = L.Control.extend({
+        options: {
+            position: 'topleft',
+            // Height of zoom-slider.png in px
+            stepHeight: 8,
+            // Height of the knob div in px (including border)
+            knobHeight: 6,
+            styleNS: 'leaflet-control-zoomslider'
+        },
+
+        onAdd: function (map) {
+            this._map = map;
+            this._ui = this._createUI();
+            this._knob = new Knob(this._ui.knob,
+                this.options.stepHeight,
+                this.options.knobHeight);
+
+            map .whenReady(this._initKnob,           this)
+                .whenReady(this._initEvents,         this)
+                .whenReady(this._updateSize,         this)
+                .whenReady(this._updateKnobValue,    this)
+                .whenReady(this._updateDisabled,     this);
+            return this._ui.bar;
+        },
+
+        onRemove: function (map) {
+            map .off('zoomlevelschange',         this._updateSize,      this)
+                .off('zoomend zoomlevelschange', this._updateKnobValue, this)
+                .off('zoomend zoomlevelschange', this._updateDisabled,  this);
+        },
+
+        _createUI: function () {
+            var ui = {},
+                ns = this.options.styleNS;
+
+            ui.bar     = L.DomUtil.create('div', ns + ' leaflet-bar'),
+                ui.zoomIn  = this._createZoomBtn('in', 'top', ui.bar),
+                ui.wrap    = L.DomUtil.create('div', ns + '-wrap leaflet-bar-part', ui.bar),
+                ui.zoomOut = this._createZoomBtn('out', 'bottom', ui.bar),
+                ui.body    = L.DomUtil.create('div', ns + '-body', ui.wrap),
+                ui.knob    = L.DomUtil.create('div', ns + '-knob');
+
+            L.DomEvent.disableClickPropagation(ui.bar);
+            L.DomEvent.disableClickPropagation(ui.knob);
+
+            return ui;
+        },
+        _createZoomBtn: function (zoomDir, end, container) {
+            var classDef = this.options.styleNS + '-' + zoomDir
+                    + ' leaflet-bar-part'
+                    + ' leaflet-bar-part-' + end,
+                link = L.DomUtil.create('a', classDef, container);
+
+            link.href = '#';
+            link.title = 'Zoom ' + zoomDir;
+
+            L.DomEvent.on(link, 'click', L.DomEvent.preventDefault);
+
+            return link;
+        },
+
+        _initKnob: function () {
+            this._knob.enable();
+            this._ui.body.appendChild(this._ui.knob);
+        },
+        _initEvents: function (map) {
+            this._map
+                .on('zoomlevelschange',         this._updateSize,      this)
+                .on('zoomend zoomlevelschange', this._updateKnobValue, this)
+                .on('zoomend zoomlevelschange', this._updateDisabled,  this);
+
+            L.DomEvent.on(this._ui.body,    'click', this._onSliderClick, this);
+            L.DomEvent.on(this._ui.zoomIn,  'click', this._zoomIn,        this);
+            L.DomEvent.on(this._ui.zoomOut, 'click', this._zoomOut,       this);
+
+            this._knob.on('dragend', this._updateMapZoom, this);
+        },
+
+        _onSliderClick: function (e) {
+            var first = (e.touches && e.touches.length === 1 ? e.touches[0] : e),
+                y = L.DomEvent.getMousePosition(first).y
+                    - L.DomUtil.getViewportOffset(this._ui.body).y; // Cache this?
+
+            this._knob.setPosition(y);
+            this._updateMapZoom();
+        },
+
+        _zoomIn: function (e) {
+            this._map.zoomIn(e.shiftKey ? 3 : 1);
+        },
+        _zoomOut: function (e) {
+            this._map.zoomOut(e.shiftKey ? 3 : 1);
+        },
+
+        _zoomLevels: function () {
+            var zoomLevels = this._map.getMaxZoom() - this._map.getMinZoom() + 1;
+            return zoomLevels < Infinity ? zoomLevels : 0;
+        },
+        _toZoomLevel: function (value) {
+            return value + this._map.getMinZoom();
+        },
+        _toValue: function (zoomLevel) {
+            return zoomLevel - this._map.getMinZoom();
+        },
+
+        _updateSize: function () {
+            var steps = this._zoomLevels();
+
+            this._ui.body.style.height = this.options.stepHeight * steps + 'px';
+            this._knob.setSteps(steps);
+        },
+        _updateMapZoom: function () {
+            this._map.setZoom(this._toZoomLevel(this._knob.getValue()));
+        },
+        _updateKnobValue: function () {
+            this._knob.setValue(this._toValue(this._map.getZoom()));
+        },
+        _updateDisabled: function () {
+            var zoomLevel = this._map.getZoom(),
+                className = this.options.styleNS + '-disabled';
+
+            L.DomUtil.removeClass(this._ui.zoomIn,  className);
+            L.DomUtil.removeClass(this._ui.zoomOut, className);
+
+            if (zoomLevel === this._map.getMinZoom()) {
+                L.DomUtil.addClass(this._ui.zoomOut, className);
+            }
+            if (zoomLevel === this._map.getMaxZoom()) {
+                L.DomUtil.addClass(this._ui.zoomIn, className);
+            }
+        }
+    });
+
+    return Zoomslider;
+})();
+
+L.Map.mergeOptions({
+    zoomControl: false,
+    zoomsliderControl: true
+});
+
+L.Map.addInitHook(function () {
+    if (this.options.zoomsliderControl) {
+        this.zoomsliderControl = new L.Control.Zoomslider();
+        this.addControl(this.zoomsliderControl);
+    }
+});
+
+L.control.zoomslider = function (options) {
+    return new L.Control.Zoomslider(options);
+};

data/vendor/assets/stylesheets/leaflet.zoomslider.css

@@ -0,0 +1,103 @@
+/** Slider **/
+.leaflet-control-zoomslider-wrap {
+    padding-top: 5px;
+    padding-bottom: 5px;
+    background-color: #fff;
+    border-bottom: 1px solid #ccc;
+}
+.leaflet-control-zoomslider-body {
+    width: 2px;
+    border: solid #fff;
+    border-width: 0px 9px 0px 9px;
+    background-color: black;
+    margin: 0 auto;
+}
+.leaflet-control-zoomslider-knob {
+    position: relative;
+    width: 12px;
+    height: 4px;
+    background-color: #efefef;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    border: 1px solid #000;
+    margin-left: -6px;
+}
+.leaflet-control-zoomslider-body:hover {
+    cursor: pointer;
+}
+.leaflet-control-zoomslider-knob:hover {
+    cursor: default;
+    cursor: -webkit-grab;
+    cursor:    -moz-grab;
+}
+
+.leaflet-dragging .leaflet-control-zoomslider,
+.leaflet-dragging .leaflet-control-zoomslider-wrap,
+.leaflet-dragging .leaflet-control-zoomslider-body,
+.leaflet-dragging .leaflet-control-zoomslider a,
+.leaflet-dragging .leaflet-control-zoomslider a.leaflet-control-zoomslider-disabled,
+.leaflet-dragging .leaflet-control-zoomslider-knob:hover  {
+    cursor: move;
+    cursor: -webkit-grabbing;
+    cursor:    -moz-grabbing;
+}
+
+/** Leaflet Zoom Styles **/
+.leaflet-container .leaflet-control-zoomslider {
+    margin-left: 10px;
+    margin-top: 10px;
+}
+.leaflet-control-zoomslider a {
+    width: 26px;
+    height: 26px;
+    text-align: center;
+    text-decoration: none;
+    color: black;
+    display: block;
+}
+.leaflet-control-zoomslider a:hover {
+    background-color: #f4f4f4;
+}
+.leaflet-control-zoomslider-in {
+    font: bold 18px 'Lucida Console', Monaco, monospace;
+}
+.leaflet-control-zoomslider-in:after{
+    content:"+"
+}
+.leaflet-control-zoomslider-out {
+    font: bold 22px 'Lucida Console', Monaco, monospace;
+}
+.leaflet-control-zoomslider-out:after{
+    content:"-"
+}
+.leaflet-control-zoomslider a.leaflet-control-zoomslider-disabled {
+    cursor: default;
+    color: #bbb;
+}
+
+/* Touch */
+.leaflet-touch .leaflet-control-zoomslider-body {
+    background-position: 10px 0px;
+}
+.leaflet-touch .leaflet-control-zoomslider-knob {
+    width:16px;
+    margin-left: -1px;
+}
+.leaflet-touch .leaflet-control-zoomslider a {
+    width: 30px;
+    height: 30px;
+}
+.leaflet-touch .leaflet-control-zoomslider-in {
+    font-size: 24px;
+    line-height: 29px;
+}
+.leaflet-touch .leaflet-control-zoomslider-out {
+    font-size: 28px;
+    line-height: 30px;
+}
+.leaflet-touch .leaflet-control-zoomslider {
+    box-shadow: none;
+}
+.leaflet-touch .leaflet-control-zoomslider {
+    border: 4px solid rgba(0,0,0,0.3);
+}

data/vendor/assets/stylesheets/leaflet.zoomslider.ie.css

@@ -0,0 +1,16 @@
+/* IE6-7 specific hacks */
+.leaflet-control-zoomslider-wrap {
+	*width: 26px;
+}
+/* Fix IE6-divs having a too large min height  */
+.leaflet-control-zoomslider-knob {
+	*overflow: hidden;
+}
+
+/* Support for element:after { content: 'text' }  */
+.leaflet-control-zoomslider-in {
+	*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '+');
+}
+.leaflet-control-zoomslider-out {
+	*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '-');
+}

metadata

@@ -0,0 +1,57 @@
+--- !ruby/object:Gem::Specification
+name: leaflet-zoomslider-rails
+version: !ruby/object:Gem::Version
+  version: 0.6.1
+  prerelease: 
+platform: ruby
+authors:
+- Klaas Endrikat
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-07-23 00:00:00.000000000 Z
+dependencies: []
+description: Integrates the Leaflet ZoomSlider plugin with Rails asset pipeline
+email:
+- klaas.endrikat@googlemail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- leaflet-zoomslider-rails.gemspec
+- lib/leaflet-zoomslider-rails.rb
+- lib/leaflet-zoomslider-rails/version.rb
+- vendor/assets/javascripts/leaflet.zoomslider.js
+- vendor/assets/stylesheets/leaflet.zoomslider.css
+- vendor/assets/stylesheets/leaflet.zoomslider.ie.css
+homepage: https://github.com/kendrikat/leaflet-zoomslider-rails
+licenses:
+- MIT
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Leaflet ZoomSlider plugin for Rails
+test_files: []