image_viewer_rails 0.0.2 → 0.1.0

data/README.md

@@ -2,6 +2,8 @@
 
 This project rocks and uses MIT-LICENSE.
 
+#[View Live Demo](http://jonathan-jackson.net/image_viewer_rails/)
+
 A rails engine to serve imageviewer js files easily and ubiquitiously
 
 ImageViewerRails is simply a wrapper for a javascript library that will load an array of images to your screen and offer controls for manipulating those images.  It was designed to be used with forms on pages for quick and efficient data entry.  It provides a nav bar that allows for rotation, zooming, and more.   Most of the allowable manipulations have corrolary key listeners which we'll cover a little more below. 
@@ -38,7 +40,7 @@ Clicking the info link in the nav section will display a modal legend with all o
 Since this mostly just serves up commonly used js files for internal use all you need to do is add the following lines to your `Gemfile`
 
 ```ruby
-gem "image_viewer_rails", "~> 0.0.1"
+gem "image_viewer_rails", "~> 0.1.0"
 ```
 
 In your `app/assets/javascripts/application.js` (manifest file) add the following:

data/app/assets/javascripts/image_viewer_rails/image_viewer.js

@@ -510,13 +510,16 @@
      */
     function rotate(increment, imageIndex){
       if (imageIndex === undefined) imageIndex = settings["imageIndex"];
-      var image = $('#' + settings["mainDiv"].attr("id") + '-full-image-' + imageIndex);
-      var current_angle = parseInt(image.attr('angle'),10);
+      var image             = $('#' + settings["mainDiv"].attr("id") + '-full-image-' + imageIndex),
+          currentAngle      = parseInt(image.attr('angle'),10),
+          initialImageIndex = settings['imageIndex'];
 
-      image.rotate(current_angle + increment);
-      current_angle = parseInt(image.getRotateAngle(),10) % 360;
 
-      if (current_angle === 90 || current_angle === 270) {
+      showPage(imageIndex);
+      image.rotate(currentAngle + increment);
+      currentAngle = parseInt(image.getRotateAngle(),10) % 360;
+
+      if (currentAngle === 90 || currentAngle === 270) {
         var offset = image.height()/2 - image.width()/2;
         image.css('margin-top', -1 * offset);
         image.css('margin-left', offset);
@@ -525,7 +528,8 @@
         image.css('margin-left', 0);
       }
 
-      image.attr('angle',current_angle);
+      image.attr('angle',currentAngle);
+      showPage(initialImageIndex);
     }
 
     /** if argument passed to IIFE aren't a method defined on imageViewer then pass the arguments to initialize. */

data/app/assets/stylesheets/image_viewer_rails/image_viewer_rails.css.scss

@@ -7,11 +7,12 @@
 }
 
 .image-viewer {
+  height: 95%;                       /* fallback for browsers withouth support for calc */
   height: -moz-calc(100% - 24px);    /* Firefox */
   height: -webkit-calc(100% - 24px); /* WebKit */
   height: -o-calc(100% - 24px);      /* Opera */
   height: calc(100% - 24px);         /* Standard */
-  width: 99%;
+  width: 100%;
   overflow: auto;
   margin-right:auto;
   margin-left:auto;

data/lib/image_viewer_rails/version.rb

@@ -1,3 +1,3 @@
 module ImageViewerRails
-  VERSION = "0.0.2"
+  VERSION = "0.1.0"
 end

data/spec/dummy/log/development.log

@@ -33477,3 +33477,126 @@ Served asset /test_image_2.jpeg - 200 OK (0ms)
 
 Started GET "/assets/image_viewer_rails/glyphicons-halflings.png" for 127.0.0.1 at 2013-03-28 16:53:55 -0400
 Served asset /image_viewer_rails/glyphicons-halflings.png - 200 OK (0ms)
+Connecting to database specified by database.yml
+
+
+Started GET "/jasmine" for 127.0.0.1 at 2013-03-29 09:37:03 -0400
+Processing by Jasminerice::SpecController#index as */*
+Compiled image_viewer_rails/image_viewer_rails.css  (754ms)  (pid 28725)
+Compiled image_viewer_rails.css  (13ms)  (pid 28725)
+Compiled spec.css  (15ms)  (pid 28725)
+Compiled image_viewer_rails/image_viewer.js  (0ms)  (pid 28725)
+Compiled image_viewer_rails.js  (5ms)  (pid 28725)
+Compiled rotate_spec.js  (685ms)  (pid 28725)
+Compiled spec.js  (361ms)  (pid 28725)
+  Rendered /Users/jjackson/.rvm/gems/ruby-1.9.3-p327/gems/jasminerice-0.0.10/app/views/jasminerice/spec/index.html.haml (2421.8ms)
+Completed 200 OK in 2439ms (Views: 2438.7ms | ActiveRecord: 0.0ms)
+
+
+Started GET "/jasmine" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Processing by Jasminerice::SpecController#index as HTML
+  Rendered /Users/jjackson/.rvm/gems/ruby-1.9.3-p327/gems/jasminerice-0.0.10/app/views/jasminerice/spec/index.html.haml (563.6ms)
+Completed 200 OK in 570ms (Views: 569.6ms | ActiveRecord: 0.0ms)
+
+
+Started GET "/assets/jasmine.css?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /jasmine.css - 200 OK (5ms)
+
+
+Started GET "/assets/image_viewer_rails.css?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /image_viewer_rails.css - 200 OK (10ms)
+
+
+Started GET "/assets/jasmine.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /jasmine.js - 200 OK (3ms)
+
+
+Started GET "/assets/image_viewer_rails/image_viewer_rails.css?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /image_viewer_rails/image_viewer_rails.css - 200 OK (4ms)
+
+
+Started GET "/assets/spec.css?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /spec.css - 200 OK (7ms)
+
+
+Started GET "/assets/jasmine-html.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /jasmine-html.js - 200 OK (5ms)
+
+
+Started GET "/assets/jasmine-jquery-1.4.2.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /jasmine-jquery-1.4.2.js - 200 OK (19ms)
+
+
+Started GET "/assets/jquery.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /jquery.js - 200 OK (3ms)
+
+
+Started GET "/assets/image_viewer_rails/keymaster.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /image_viewer_rails/keymaster.js - 200 OK (6ms)
+
+
+Started GET "/assets/jasminerice.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /jasminerice.js - 200 OK (11ms)
+
+
+Started GET "/assets/image_viewer_rails/jquery.rotate.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /image_viewer_rails/jquery.rotate.js - 200 OK (6ms)
+
+
+Started GET "/assets/image_viewer_rails/image_viewer.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /image_viewer_rails/image_viewer.js - 200 OK (7ms)
+
+
+Started GET "/assets/image_viewer_rails/keymaster_filter.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /image_viewer_rails/keymaster_filter.js - 200 OK (5ms)
+
+
+Started GET "/assets/image_viewer_rails.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /image_viewer_rails.js - 200 OK (10ms)
+
+
+Started GET "/assets/legend_spec.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /legend_spec.js - 200 OK (4ms)
+
+
+Started GET "/assets/next_previous_spec.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /next_previous_spec.js - 200 OK (6ms)
+
+
+Started GET "/assets/rotate_spec.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /rotate_spec.js - 200 OK (3ms)
+
+
+Started GET "/assets/image_viewer_spec.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /image_viewer_spec.js - 200 OK (7ms)
+
+
+Started GET "/assets/up_down_left_right_spec.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /up_down_left_right_spec.js - 200 OK (3ms)
+
+
+Started GET "/assets/zoom_spec.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /zoom_spec.js - 200 OK (3ms)
+
+
+Started GET "/assets/spec.js?body=1" for 127.0.0.1 at 2013-03-29 09:37:09 -0400
+Served asset /spec.js - 200 OK (23ms)
+
+
+Started GET "/jasmine/fixtures/image_viewer_index?1364564230033" for 127.0.0.1 at 2013-03-29 09:37:10 -0400
+Processing by Jasminerice::SpecController#fixtures as */*
+  Parameters: {"1364564230033"=>nil, "filename"=>"image_viewer_index"}
+  Rendered spec/javascripts/fixtures/image_viewer_index.html (0.7ms)
+Completed 200 OK in 19ms (Views: 18.3ms | ActiveRecord: 0.0ms)
+
+
+Started GET "/assets/test_image_1.jpeg" for 127.0.0.1 at 2013-03-29 09:37:10 -0400
+Served asset /test_image_1.jpeg - 200 OK (2ms)
+
+
+Started GET "/assets/image_viewer_rails/glyphicons-halflings.png" for 127.0.0.1 at 2013-03-29 09:37:10 -0400
+Served asset /image_viewer_rails/glyphicons-halflings.png - 200 OK (17ms)
+
+
+Started GET "/assets/test_image_2.jpeg" for 127.0.0.1 at 2013-03-29 09:37:10 -0400
+Served asset /test_image_2.jpeg - 200 OK (4ms)

data/spec/dummy/spec/javascripts/rotate_spec.js.coffee

@@ -40,3 +40,12 @@ describe "Rotate Page / Rotate All Pages", ->
       viewer.rotate_all(90)
       expect(currentPage()).toBe(1)
 
+    it "shouldn't use an offset of 50px (because width was 0)", ->
+      viewer.rotate_all(90)
+
+      $('img').each (index)->
+        image       = $(this)
+        console.log image.css('margin-top')
+
+        expect(image.css('margin-top')).not.toBe("50px")
+        expect(image.css('margin-left')).not.toBe("-50px")

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: image_viewer_rails
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.1.0
   prerelease: 
 platform: ruby
 authors:
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-03-28 00:00:00.000000000 Z
+date: 2013-03-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -226,6 +226,7 @@ files:
 - spec/dummy/db/schema.rb
 - spec/dummy/Guardfile
 - spec/dummy/log/development.log
+- spec/dummy/log/test.log
 - spec/dummy/public/404.html
 - spec/dummy/public/422.html
 - spec/dummy/public/500.html
@@ -315,7 +316,6 @@ files:
 - spec/dummy/tmp/cache/assets/E2F/AA0/sprockets%2F863db5f4a3eba66229ef23cbeeed9cb2
 - spec/dummy/tmp/cache/assets/E34/8A0/sprockets%2Fdcd8b4c62858ccacc994381b6cadb7cd
 - spec/dummy/tmp/cache/assets/E52/B30/sprockets%2F73ba6bee6c4e4e37ea2ccceb9c230cf0
-- spec/dummy/tmp/pids/server.pid
 homepage: http://jonathan-jackson.net
 licenses: []
 post_install_message: 
@@ -369,6 +369,7 @@ test_files:
 - spec/dummy/db/schema.rb
 - spec/dummy/Guardfile
 - spec/dummy/log/development.log
+- spec/dummy/log/test.log
 - spec/dummy/public/404.html
 - spec/dummy/public/422.html
 - spec/dummy/public/500.html
@@ -458,5 +459,4 @@ test_files:
 - spec/dummy/tmp/cache/assets/E2F/AA0/sprockets%2F863db5f4a3eba66229ef23cbeeed9cb2
 - spec/dummy/tmp/cache/assets/E34/8A0/sprockets%2Fdcd8b4c62858ccacc994381b6cadb7cd
 - spec/dummy/tmp/cache/assets/E52/B30/sprockets%2F73ba6bee6c4e4e37ea2ccceb9c230cf0
-- spec/dummy/tmp/pids/server.pid
 has_rdoc: 

data/spec/dummy/tmp/pids/server.pid

@@ -1 +0,0 @@
-77363