image_zoomer 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: c895266f84f49e890f76ab6ac25c286b4ce5c842
+  data.tar.gz: 2df7c11928d805e227f398e56e628b250611a1f9
+SHA512:
+  metadata.gz: 3cdd7c2e7fcb1f177b8f197b6b010e364afa4fceabac207c746213831a6b3da787337aac83ab327b870b1f18fc4fed2c670ba757bcc6425cad5f8d662a509ebc
+  data.tar.gz: 22c7b3783e087b4de78f97a6e382d73f8cd4b85cb98146a70bbc336bd0686c5ad683f348d6b4eab21ade3cfc723852c552841a25a1b83eda92e32d7efa5eb0f6

data/.gitignore

@@ -0,0 +1,24 @@
+*.rbc
+capybara-*.html
+.rspec
+/log
+/tmp
+/db/*.sqlite3
+/public/system
+/coverage/
+/spec/tmp
+**.orig
+rerun.txt
+pickle-email-*.html
+config/initializers/secret_token.rb
+config/secrets.yml
+
+## Environment normalisation:
+/.bundle
+/vendor/bundle
+
+# these should all be checked in to normalise the environment:
+# Gemfile.lock, .ruby-version, .ruby-gemset
+
+# unless supporting rvm < 1.11.0 or doing something fancy, ignore this:
+.rvmrc

data/Gemfile

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

data/Gemfile.lock

@@ -0,0 +1,17 @@
+PATH
+  remote: .
+  specs:
+    image_zoomer (0.0.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    rake (10.1.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.6)
+  image_zoomer!
+  rake

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Imran Latif
+
+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/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 imranjs
+
+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 @@
+# ImageZoomer
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'image_zoomer'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install image_zoomer
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/image_zoomer/fork )
+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 a new Pull Request

data/Rakefile

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

data/app/assets/javascripts/image_zoomer.js

@@ -0,0 +1,113 @@
+(function($) {
+
+  var zoom_context, zoom_canvas  = "<canvas id='zoom_canvas' style='position: absolute; border: solid 1px #e8e8e8;'></canvas>";
+  var zoom_canvas_container_name = "#zoom_canvas_container", zoom_canvas_name = "#zoom_canvas", temp_image_canvas_context, remove_image_zoomer_timer;
+
+  $.fn.image_zoomer = function(options) {
+
+    if (typeof options == "string" && options == "destroy") {
+      this.data("is_destroyed", true);
+      return this;
+    } else {
+      // extend default options with passed ones
+      var options = $.extend({
+        height: 90,
+        width: 90,
+        scale: 1.5
+      }, options);
+      this.data("is_destroyed", false);
+    }
+
+    var image = this;
+
+    this.mouseenter(function(e) {
+      if ($(this).data("is_destroyed")) {
+        return false;
+      }
+      if ($(zoom_canvas_container_name).length == 0) {
+        $(this).wrap("<span id='zoom_canvas_container'></span>");
+        var zoom_canvas_container = $(zoom_canvas_container_name);
+        var temp_image_canvas     = _insert_temp_canvas(zoom_canvas_container, image);
+        $(zoom_canvas_container).mousemove(function(e) {
+          if ($(zoom_canvas_name).length == 0) {
+            create_zoom_canvas(options);
+            $(zoom_canvas_name).mousemove(function(e) {
+              zoom_image_mousemove(zoom_canvas_container, e, options, image, temp_image_canvas, true);
+              return false;
+            }).mouseleave(zoom_image_mouseleave);
+          }
+          zoom_image_mousemove(zoom_canvas_container, e, options, image, temp_image_canvas, false);
+          return false;
+        });
+      }
+      return false;
+    });
+    return this;
+  }
+
+  function create_zoom_canvas(options) {  
+    $("body").append(zoom_canvas);
+    $(zoom_canvas_name).attr("width", options.width).attr("height", options.height);
+    zoom_context = $(zoom_canvas_name).get(0).getContext('2d');
+    zoom_context.scale(options.scale, options.scale);
+  }
+
+  function zoom_image_mousemove(elem, e, options, image, temp_image_canvas, check_bounds) {
+    var image_offset = image.offset();
+    if (check_if_in_bounds(e, image, image_offset)) {
+      zoom_context.clearRect(0, 0, options.width, options.height);
+      zoom_image(e, options, temp_image_canvas, image_offset);
+    } else if (check_bounds) {
+      zoom_image_mouseleave();
+    }
+  }
+
+  function zoom_image_mouseleave(e) {
+    remove_image_zoomer();
+  }
+
+  function zoom_image(e, options, temp_image_canvas, image_offset) {
+    var coordinates = _prepare_coordinates(e, options, image_offset);
+    $(zoom_canvas_name).css({left: coordinates.page_x, top: coordinates.page_y, "z-index": 99});
+    try {
+      zoom_context.drawImage(temp_image_canvas.get(0), coordinates.image_x, coordinates.image_y, options.width, options.height, 0, 0, options.width, options.height);
+    } catch(err){};
+  }
+
+  function _prepare_coordinates(e, options, image_offset) {
+    var page_x = e.pageX, page_y = e.pageY, coordinates;
+    coordinates         = {page_x: page_x - options.width / 2, page_y: page_y - options.height / 2};
+    coordinates.image_x = (page_x - image_offset.left) - (options.width / 2 / options.scale);
+    coordinates.image_y = (page_y - image_offset.top) - (options.height / 2 / options.scale);
+    return coordinates;
+  }
+
+  function _insert_temp_canvas(zoom_canvas_container, image) {
+    var width = image.width(), height = image.height(), temp_image_canvas;
+    zoom_canvas_container.append("<canvas id='temp_image_canvas' width='" + width + "' height='" + height + "' style='position: absolute; left: -5000px;'></canvas>");
+    temp_image_canvas = $("#temp_image_canvas");
+    temp_image_canvas_context = temp_image_canvas.get(0).getContext("2d");
+    temp_image_canvas_context.drawImage(image.get(0), 0, 0, width, height);
+    return temp_image_canvas;
+  }
+
+  function check_if_in_bounds(e, image, image_offset) {
+    if (e.pageX < image_offset.left) { // User moved mouse out in left direction
+      return false;
+    } else if (e.pageY < image_offset.top) { // User moved mouse out in top direction
+      return false;
+    } else if (e.pageX > image_offset.left + image.width()) { // User moved mouse out in right direction
+      return false;
+    } else if (e.pageY > image_offset.top + image.height()) { // User moved mouse out in bottom direction
+      return false;
+    }
+    return true;
+  }
+
+  function remove_image_zoomer() {
+    $(zoom_canvas_name).remove();
+    $(zoom_canvas_container_name).find("img").unwrap();
+    $("#temp_image_canvas").remove();
+  }
+
+})(jQuery);

data/app/assets/javascripts/image_zoomer_initializer.js

@@ -0,0 +1,6 @@
+$(function() {
+	if (typeof __ImageZoomer == "undefined") {
+		__ImageZoomer = {options: {}};
+	}
+	$(".image_zoomer").image_zoomer(__ImageZoomer.options);
+});

data/app/assets/javascripts/image_zoomer_main.js

@@ -0,0 +1 @@
+//= require_tree

data/app/assets/javascripts/image_zoomer_options.js.erb

@@ -0,0 +1,7 @@
+var __ImageZoomer = {
+	options: {
+		width: "<%= Rails.application.config.image_zoomer.width %>",
+		height: "<%= Rails.application.config.image_zoomer.height %>",
+		zoom_level: "<%= Rails.application.config.image_zoomer.zoom_level %>"
+	}
+}

data/image_zoomer.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'image_zoomer/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "image_zoomer"
+  spec.version       = ImageZoomer::VERSION
+  spec.authors       = ["Imran Latif"]
+  spec.email         = ["ilatif.bwp@gmail.com"]
+  spec.summary       = %q{Image Zoomer}
+  spec.description   = %q{This gem provides functionality for zooming images by using a jQuery plugin image_zoomer.}
+  spec.homepage      = "http://i8ecoders.com/image_zoomer"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+  spec.post_install_message = "Thanks for installing image_zoomer gem."
+
+  spec.add_development_dependency "bundler", "~> 1.6"
+  spec.add_development_dependency "rake"
+end

data/lib/image_zoomer/configuration.rb

@@ -0,0 +1,18 @@
+module ImageZoomer
+	class Configuration
+		attr_accessor :width
+		attr_accessor :height
+		attr_accessor :zoom_level
+
+		def initialize
+			@width = 90
+			@height = 90
+			@zoom_level = 1.5
+		end
+
+		def set_options(&block)
+			block.yield(self)
+		end
+
+	end
+end

data/lib/image_zoomer/engine.rb

@@ -0,0 +1,4 @@
+module ImageZoomer
+	class Engine < Rails::Engine
+	end
+end

data/lib/image_zoomer/railtie.rb

@@ -0,0 +1,13 @@
+class Railtie < Rails::Railtie
+
+	initializer "image_zoomer.configuration" do |app|
+		app.config.image_zoomer = ImageZoomer::Configuration.new
+		FileUtils.rm_rf("#{Rails.application.root}/tmp/cache/assets") if Rails.env.development?
+	end
+
+	initializer "image_zoomer.initialize_zoom_image_helper" do |app|
+		ActiveSupport.on_load(:action_view) do 
+			include ImageZoomer
+		end
+	end
+end

data/lib/image_zoomer/version.rb

@@ -0,0 +1,3 @@
+module ImageZoomer
+  VERSION = "0.0.1"
+end

data/lib/image_zoomer/zoom_image_helper.rb

@@ -0,0 +1,19 @@
+module ImageZoomer
+	def zoom_image_tag(*args, &block)
+		options = insert_zoom_class(args.extract_options!)
+		args << options
+		image_tag(*args, &block)
+	end
+
+	def insert_zoom_class(options)
+		class_name = "image_zoomer"
+		if options.key?(:class)
+			options[:class] += " #{class_name}"
+		elsif options.key?('class')
+			options['class'] += " #{class_name}"
+		else
+			options[:class] = class_name
+		end
+		options
+	end
+end

data/lib/image_zoomer.rb

@@ -0,0 +1,13 @@
+require "image_zoomer/version"
+require 'image_zoomer/configuration'
+require "image_zoomer/engine"
+require "image_zoomer/zoom_image_helper"
+require "image_zoomer/railtie"
+
+# module ActionView
+# 	module Helpers
+# 		module AssetTagHelper
+# 			include ImageZoomer
+# 		end
+# 	end
+# end

metadata

@@ -0,0 +1,91 @@
+--- !ruby/object:Gem::Specification
+name: image_zoomer
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Imran Latif
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-08-31 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: This gem provides functionality for zooming images by using a jQuery
+  plugin image_zoomer.
+email:
+- ilatif.bwp@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- Gemfile.lock
+- LICENSE
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/image_zoomer.js
+- app/assets/javascripts/image_zoomer_initializer.js
+- app/assets/javascripts/image_zoomer_main.js
+- app/assets/javascripts/image_zoomer_options.js.erb
+- image_zoomer.gemspec
+- lib/image_zoomer.rb
+- lib/image_zoomer/configuration.rb
+- lib/image_zoomer/engine.rb
+- lib/image_zoomer/railtie.rb
+- lib/image_zoomer/version.rb
+- lib/image_zoomer/zoom_image_helper.rb
+homepage: http://i8ecoders.com/image_zoomer
+licenses:
+- MIT
+metadata: {}
+post_install_message: Thanks for installing image_zoomer gem.
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Image Zoomer
+test_files: []