jquery-zoom-rails 0.0.3

data/.gitignore

@@ -0,0 +1,18 @@
+*.gem
+.idea
+*.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 jquery-zoom-rails.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Theo Mills
+
+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,29 @@
+# Jquery::Zoom::Rails
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'jquery-zoom-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jquery-zoom-rails
+
+## Usage
+
+TODO: Write usage instructions here
+
+## 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

data/Rakefile

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

data/app/assets/javascripts/jquery.zoom-min.js

@@ -0,0 +1,6 @@
+/*
+	jQuery Zoom v1.7.1 - 2013-03-12
+	(c) 2013 Jack Moore - jacklmoore.com/zoom
+	license: http://www.opensource.org/licenses/mit-license.php
+*/
+(function(o){var t={url:!1,callback:!1,target:!1,duration:120,on:"mouseover"};o.zoom=function(t,n,e){var i,u,a,c,r,m=o(t).css("position");return o(t).css({position:/(absolute|fixed)/.test()?m:"relative",overflow:"hidden"}),o(e).addClass("zoomImg").css({position:"absolute",top:0,left:0,opacity:0,width:e.width,height:e.height,border:"none",maxWidth:"none"}).appendTo(t),{init:function(){i=o(t).outerWidth(),u=o(t).outerHeight(),a=(e.width-i)/o(n).outerWidth(),c=(e.height-u)/o(n).outerHeight(),r=o(n).offset()},move:function(o){var t=o.pageX-r.left,n=o.pageY-r.top;n=Math.max(Math.min(n,u),0),t=Math.max(Math.min(t,i),0),e.style.left=t*-a+"px",e.style.top=n*-c+"px"}}},o.fn.zoom=function(n){return this.each(function(){var e=o.extend({},t,n||{}),i=e.target||this,u=this,a=new Image,c=o(a),r="mousemove",m=!1;(e.url||(e.url=o(u).find("img").attr("src"),e.url))&&(a.onload=function(){function t(t){s.init(),s.move(t),c.stop().fadeTo(o.support.opacity?e.duration:0,1)}function n(){c.stop().fadeTo(e.duration,0)}var s=o.zoom(i,u,a);"grab"===e.on?o(u).on("mousedown",function(e){o(document).one("mouseup",function(){n(),o(document).off(r,s.move)}),t(e),o(document).on(r,s.move),e.preventDefault()}):"click"===e.on?o(u).on("click",function(e){return m?void 0:(m=!0,t(e),o(document).on(r,s.move),o(document).one("click",function(){n(),m=!1,o(document).off(r,s.move)}),!1)}):"toggle"===e.on?o(u).on("click",function(o){m?n():t(o),m=!m}):(s.init(),o(u).on("mouseenter",t).on("mouseleave",n).on(r,s.move)),o.isFunction(e.callback)&&e.callback.call(a)},a.src=e.url)})},o.fn.zoom.defaults=t})(window.jQuery);

data/app/assets/javascripts/jquery.zoom.js

@@ -0,0 +1,173 @@
+/*
+	jQuery Zoom v1.7.1 - 2013-03-12
+	(c) 2013 Jack Moore - jacklmoore.com/zoom
+	license: http://www.opensource.org/licenses/mit-license.php
+*/
+(function ($) {
+	var defaults = {
+		url: false,
+		callback: false,
+		target: false,
+		duration: 120,
+		on: 'mouseover' // other options: 'grab', 'click', 'toggle'
+	};
+
+	// Core Zoom Logic, independent of event listeners.
+	$.zoom = function(target, source, img) {
+		var outerWidth,
+			outerHeight,
+			xRatio,
+			yRatio,
+			offset,
+			position = $(target).css('position');
+
+		// The parent element needs positioning so that the zoomed element can be correctly positioned within.
+		$(target).css({
+			position: /(absolute|fixed)/.test() ? position : 'relative',
+			overflow: 'hidden'
+		});
+
+		$(img)
+			.addClass('zoomImg')
+			.css({
+				position: 'absolute',
+				top: 0,
+				left: 0,
+				opacity: 0,
+				width: img.width,
+				height: img.height,
+				border: 'none',
+				maxWidth: 'none'
+			})
+			.appendTo(target);
+
+		return {
+			init: function() {
+				outerWidth = $(target).outerWidth();
+				outerHeight = $(target).outerHeight();
+				xRatio = (img.width - outerWidth) / $(source).outerWidth();
+				yRatio = (img.height - outerHeight) / $(source).outerHeight();
+				offset = $(source).offset();
+			},
+			move: function (e) {
+				var left = (e.pageX - offset.left),
+					top = (e.pageY - offset.top);
+
+				top = Math.max(Math.min(top, outerHeight), 0);
+				left = Math.max(Math.min(left, outerWidth), 0);
+
+				img.style.left = (left * -xRatio) + 'px';
+				img.style.top = (top * -yRatio) + 'px';
+			}
+		};
+	};
+
+	$.fn.zoom = function (options) {
+		return this.each(function () {
+			var
+			settings = $.extend({}, defaults, options || {}),
+			//target will display the zoomed iamge
+			target = settings.target || this,
+			//source will provide zoom location info (thumbnail)
+			source = this,
+			img = new Image(),
+			$img = $(img),
+			mousemove = 'mousemove',
+			clicked = false;
+
+			// If a url wasn't specified, look for an image element.
+			if (!settings.url) {
+				settings.url = $(source).find('img').attr('src');
+				if (!settings.url) {
+					return;
+				}
+			}
+
+			img.onload = function () {
+				var zoom = $.zoom(target, source, img);
+
+				function start(e) {
+					zoom.init();
+					zoom.move(e);
+
+					// Skip the fade-in for IE8 and lower since it chokes on fading-in
+					// and changing position based on mousemovement at the same time.
+					$img.stop()
+					.fadeTo($.support.opacity ? settings.duration : 0, 1);
+				}
+
+				function stop() {
+					$img.stop()
+					.fadeTo(settings.duration, 0);
+				}
+
+				if (settings.on === 'grab') {
+					$(source).on('mousedown',
+						function (e) {
+							$(document).one('mouseup',
+								function () {
+									stop();
+
+									$(document).off(mousemove, zoom.move);
+								}
+							);
+
+							start(e);
+
+							$(document).on(mousemove, zoom.move);
+
+							e.preventDefault();
+						}
+					);
+				} else if (settings.on === 'click') {
+					$(source).on('click',
+						function (e) {
+							if (clicked) {
+								// bubble the event up to the document to trigger the unbind.
+								return;
+							} else {
+								clicked = true;
+								start(e);
+								$(document).on(mousemove, zoom.move);
+								$(document).one('click',
+									function () {
+										stop();
+										clicked = false;
+										$(document).off(mousemove, zoom.move);
+									}
+								);
+								return false;
+							}
+						}
+					);
+				} else if (settings.on === 'toggle') {
+					$(source).on('click',
+						function (e) {
+							if (clicked) {
+								stop();
+							} else {
+								start(e);
+							}
+							clicked = !clicked;
+						}
+					);
+				} else {
+					zoom.init(); // Pre-emptively call init because IE7 will fire the mousemove handler before the hover handler.
+
+					$(source)
+						.on('mouseenter', start)
+						.on('mouseleave', stop)
+						.on(mousemove, zoom.move);
+				}
+
+				if ($.isFunction(settings.callback)) {
+					settings.callback.call(img);
+				}
+			};
+
+			img.src = settings.url;
+		});
+	};
+
+	$.fn.zoom.defaults = defaults;
+}(window.jQuery));

data/jquery-zoom-rails.gemspec

@@ -0,0 +1,19 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'jquery-zoom-rails/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "jquery-zoom-rails"
+  gem.version       = Jquery::Zoom::Rails::VERSION
+  gem.authors       = ["Theo Mills"]
+  gem.email         = ["twmills@twmills.com"]
+  gem.description   = %q{Jack Moore's jQuery image zoom plugin for rails}
+  gem.summary       = %q{Jack Moore's jQuery image zoom plugin for rails}
+  gem.homepage      = "https://github.com/twmills/jquery-zoom-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/jquery-zoom-rails.rb

@@ -0,0 +1,9 @@
+require "jquery-zoom-rails/version"
+
+module Jquery
+  module Zoom
+    module Rails
+      require "jquery-zoom-rails/engine"
+    end
+  end
+end

data/lib/jquery-zoom-rails/engine.rb

@@ -0,0 +1,8 @@
+module Jquery
+  module Zoom
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/jquery-zoom-rails/version.rb

@@ -0,0 +1,7 @@
+module Jquery
+  module Zoom
+    module Rails
+      VERSION = "0.0.3"
+    end
+  end
+end

metadata

@@ -0,0 +1,59 @@
+--- !ruby/object:Gem::Specification
+name: jquery-zoom-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.3
+  prerelease: 
+platform: ruby
+authors:
+- Theo Mills
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-05-02 00:00:00.000000000 Z
+dependencies: []
+description: Jack Moore's jQuery image zoom plugin for rails
+email:
+- twmills@twmills.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/images/grab.cur
+- app/assets/images/grabbed.cur
+- app/assets/images/icon.png
+- app/assets/javascripts/jquery.zoom-min.js
+- app/assets/javascripts/jquery.zoom.js
+- jquery-zoom-rails.gemspec
+- lib/jquery-zoom-rails.rb
+- lib/jquery-zoom-rails/engine.rb
+- lib/jquery-zoom-rails/version.rb
+homepage: https://github.com/twmills/jquery-zoom-rails
+licenses: []
+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: Jack Moore's jQuery image zoom plugin for rails
+test_files: []