center_image_tag 0.0.3 → 0.0.4

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    MWY0ODc3MzcyYTZiYzgxMThjZjQ4MDc2YzkwYjVhMjdkODZhMmU1Yg==
+    NjYyOTdmZGU4NDRkNjhkYmExNzBlZDNjNGI3YzYzYzE2NjBlNjExMQ==
   data.tar.gz: !binary |-
-    OTZlNTIyNzEzZjczZWI3MjgzZTlhYWFlNGE4MjhiNjQ3ZGYxNDhjMg==
+    NGI4OGNjZWQzZWZlNjlhYzEwYzk0MDYxODVkYjk1M2Q2NzNiOTA4ZA==
 SHA512:
   metadata.gz: !binary |-
-    MDJjNzA1MzU4NGIzYTU2MTg3OGM1MzM4ZTAzMGVhM2NlMmE2MTQzMzc4ZDgx
-    MTliZDhhNjFkNTFmZTM1NGNjZjI3ZGRlNWYyOTFjY2JkMzU1NGIwNTc3YzY1
-    OTFjNmU5Y2IzNTA4YjIyZDdkNTQ3MjJjZjk2NTM1ODcyZjA0MDg=
+    ZjQ2MmY3NDkyODFmMWE2YzhkOGU4N2YzN2Q1N2FhM2FjODI5NDdjNDFhYjBm
+    ZDM0ZWE1YTlkZjUwMDI5NGFmYjZlMTZjY2Y1NzVkZTVjOTVlNTAyOWEwYjhh
+    YzE1MWI2MTk5ZWRlNDlmOTU0OWFiNWFlYmY2YzRkMGZkMDQyMTI=
   data.tar.gz: !binary |-
-    YjdjZDBmMDE5OTgwZDE2NGUzYmYyNzE0MTBiYzZiN2Y0OTdlMjYwMTc2MDE1
-    NDhiZTlkNjk4M2JkZTYyMGVmNDU2MWIwYjMyYjdmZDc4Y2ZiOGZhMTFkYjMx
-    ZThiNmZiMjVkMTk5YzI4ODE3OTVhMTM5N2VkODYxMmQxZTZjMjk=
+    ZjA2MjZmZThmOWNjM2JkZDQwMDhhOGI2NDQ3MzdkNDA0NGU2MGI2NDQ3OWRk
+    N2FkODlkNTM4YWI1ZDFiMjg1Y2Q0ZDg0YWNlMDZlYmIzOWNiM2VhZGY2NDNi
+    YzIzMWI3ZWQ0ZGZlMmMwZWY1OTc2MzFjNDZjNzMzN2RmOTZkM2U=

data/lib/center_image_tag/version.rb

@@ -1,3 +1,3 @@
 module CenterImageTag
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

data/lib/center_image_tag/view_helper.rb

@@ -14,6 +14,16 @@ module CenterImageTag
             tag(:span, class: "vertical-align")
           end
         end
+      else
+        width, height = dimension(options)
+        if width && height
+          return container_fixed width, height do
+            clip do
+              image_tag(source, rebuild_options(options, width, height)) +
+                tag(:span, class: "vertical-align")
+            end
+          end
+        end
       end
 
       image_tag(source, options)
@@ -26,15 +36,40 @@ module CenterImageTag
       end
     end
 
+    def container_fixed(width, height, &block)
+      div class: "standard-thumb", style: "width: #{width}px" do
+        div class: "thumb-default", style: "padding-bottom: #{height}px", &block
+      end
+    end
+
     def clip(&block)
       div class: "thumb-clip" do
         div class: "thumb-clip-inner", &block
       end
     end
 
+    def dimension(options)
+      if size = options[:size]
+        width, height   = size.split("x") if size =~ %r{\A\d+x\d+\z}
+        width = height  = size            if size =~ %r{\A\d+\z}
+      else
+        width   = options[:width]
+        height  = options[:height]
+      end
+
+      [width, height]
+    end
+
     def div(options = {}, &block)
       content_tag :div, options, &block
     end
+
+    def rebuild_options(options, width, height)
+      # rebuild options
+      options.delete(:size)
+      options.delete(:height)
+      options.merge(width: width)
+    end
   end
 end
 

data/spec/view_helper_spec.rb

@@ -2,25 +2,76 @@ require 'spec_helper'
 
 module CenterImageTag
   describe ViewHelper do
-    it 'renders the image normally if it\'s not fluid or width x height set' do
-      output    = View.new.center_image_tag 'image.png'
-      expected  = "<img alt=\"Image\" src=\"/images/image.png\" />"
-      expect(output).to eq expected
+    describe 'normal' do
+      it 'renders the image normally if it\'s not fluid or width x height set' do
+        output    = View.new.center_image_tag 'image.png'
+        expected  = "<img alt=\"Image\" src=\"/images/image.png\" />"
+        expect(output).to eq expected
+      end
     end
 
-    it 'renders the fluid image correctly' do
-      output    = View.new.center_image_tag 'image.png', fluid: "56.25%"
-      expected  = "<div class=\"standard-thumb thumb-fluid\">" +
-                    "<div class=\"thumb-default\" style=\"padding-bottom: 56.25%\">" +
-                      "<div class=\"thumb-clip\">" +
-                        "<div class=\"thumb-clip-inner\">" +
-                          "<img alt=\"Image\" src=\"/images/image.png\" />" +
-                          "<span class=\"vertical-align\" />" +
+    describe 'fluid' do
+      it 'renders the fluid image correctly' do
+        output    = View.new.center_image_tag 'image.png', fluid: "56.25%"
+        expected  = "<div class=\"standard-thumb thumb-fluid\">" +
+                      "<div class=\"thumb-default\" style=\"padding-bottom: 56.25%\">" +
+                        "<div class=\"thumb-clip\">" +
+                          "<div class=\"thumb-clip-inner\">" +
+                            "<img alt=\"Image\" src=\"/images/image.png\" />" +
+                            "<span class=\"vertical-align\" />" +
+                          "</div>" +
                         "</div>" +
                       "</div>" +
-                    "</div>" +
-                  "</div>"
-      expect(output).to eq expected
+                    "</div>"
+        expect(output).to eq expected
+      end
+    end
+
+    describe 'fixed' do
+      it 'renders the fixed image correctly from size options (size = widthxheight)' do
+        output    = View.new.center_image_tag 'image.png', size: "200x100"
+        expected  = "<div class=\"standard-thumb\" style=\"width: 200px\">" +
+                      "<div class=\"thumb-default\" style=\"padding-bottom: 100px\">" +
+                        "<div class=\"thumb-clip\">" +
+                          "<div class=\"thumb-clip-inner\">" +
+                            "<img alt=\"Image\" src=\"/images/image.png\" width=\"200\" />" +
+                            "<span class=\"vertical-align\" />" +
+                          "</div>" +
+                        "</div>" +
+                      "</div>" +
+                    "</div>"
+        expect(output).to eq expected
+      end
+
+      it 'renders the fixed image correctly from size options (single size value)' do
+        output    = View.new.center_image_tag 'image.png', size: "200"
+        expected  = "<div class=\"standard-thumb\" style=\"width: 200px\">" +
+                      "<div class=\"thumb-default\" style=\"padding-bottom: 200px\">" +
+                        "<div class=\"thumb-clip\">" +
+                          "<div class=\"thumb-clip-inner\">" +
+                            "<img alt=\"Image\" src=\"/images/image.png\" width=\"200\" />" +
+                            "<span class=\"vertical-align\" />" +
+                          "</div>" +
+                        "</div>" +
+                      "</div>" +
+                    "</div>"
+        expect(output).to eq expected
+      end
+
+      it 'renders the fixed image correctly from width and height options' do
+        output    = View.new.center_image_tag 'image.png', width: "200", height: 100
+        expected  = "<div class=\"standard-thumb\" style=\"width: 200px\">" +
+                      "<div class=\"thumb-default\" style=\"padding-bottom: 100px\">" +
+                        "<div class=\"thumb-clip\">" +
+                          "<div class=\"thumb-clip-inner\">" +
+                            "<img alt=\"Image\" src=\"/images/image.png\" width=\"200\" />" +
+                            "<span class=\"vertical-align\" />" +
+                          "</div>" +
+                        "</div>" +
+                      "</div>" +
+                    "</div>"
+        expect(output).to eq expected
+      end
     end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: center_image_tag
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Anh Nguyen