center_image_tag 0.0.5 → 0.0.6

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    OGE3N2VjNmM0ZWJlMDg2OTQyNTY0YTk3ZDZiYjM2MDQ3YjdjNDY4YQ==
+    NDViYWU1ZmZlZGYzYzYwYmRiYjE1YjI0NzQ1ZjNiNTIxM2JiMzdmZQ==
   data.tar.gz: !binary |-
-    ODYwNmZkOTRhMWU2YjE2ZTcwOTdmZGM2MmI2MjE3ZWY1N2M3ZGE5Zg==
+    OGMyMDQxYzMzODIzNWIxNmNiNmQ3NjBiZjk5YWI3YTRjYTA2NTg4Yw==
 SHA512:
   metadata.gz: !binary |-
-    NjY2M2E5ZmVhNzJjMGEzYWFmMDM2MmZhOTU0MDkzNjc5ZjUyMjA5NWIxM2Iy
-    MmM4MWRiZTIyOWRlNjk3M2QxNGI5NWIyMzI3NmViY2M5MmEzNTQ4MjQwNTMy
-    Mzk3Y2RmZWY5YjI2MmY2OGNlNmY5ZDMxY2EzMzM2YzkzMjMzYzM=
+    OGNiOTU1MjJiYjZiYjIzMmM5ZDBmNGJmM2ZiNWE2OWUxZTgxZDJmNWQ3MTE2
+    ODZmMjI5MjdjYmViNzkxY2ZlZjExNTk2YjMyMjFhYmIwNzg3ZDk2OTEwNjBh
+    ZjM4ZjlmMWIzMDEwNzgwOGQ0NTE5Yzg5OTg5ZTIxM2MwOTFmZTg=
   data.tar.gz: !binary |-
-    N2RhNmY5MmQ4ODY4OGU3NDdkNDQ1YTIwOTRlYzMxZWQzMTM5OWIyM2QzZGFj
-    MDkwYTM1YmEwZTUwZjA5YWRjMTMxZWY5ODU5MTExYjM1ZjA0M2M1ZDhiY2Qw
-    YjZmMGE4NGE1NDJjOGIzNmY1NGUwNDM3Zjk5ODc3NmYzZjhhYzA=
+    ZjM2NGJhMGYyNmI0MWQ2YzI2YmMzNGMxMjUxMWZiYTUzZDlkZGNiNjIxNWFm
+    YjU2Y2E5OGYyZjUwMDIyZTZjMzIxNTcyNTEwOWM2YzA4MDAzMmQ0Y2RjNTQy
+    MTJmMzliOWNlNzQ1MTU1ZmY3MjllMDMxN2ZkZDlmZjM0ZjhhN2Y=

data/lib/center_image_tag/version.rb

@@ -1,3 +1,3 @@
 module CenterImageTag
-  VERSION = "0.0.5"
+  VERSION = "0.0.6"
 end

data/lib/center_image_tag/view_helper.rb

@@ -7,8 +7,9 @@ module CenterImageTag
     include ActionView::Helpers::AssetTagHelper
 
     def center_image_tag(source, options = {})
+      container_class = options.delete(:container_class)
       if fluid_percentage = options.delete(:fluid)
-        return container_fluid fluid_percentage do
+        return container_fluid fluid_percentage, container_class do
           clip do
             image_tag(source, options) +
             tag(:span, class: "vertical-align")
@@ -17,7 +18,7 @@ module CenterImageTag
       else
         width, height = dimension(options)
         if width && height
-          return container_fixed width, height do
+          return container_fixed width, height, container_class do
             clip do
               image_tag(source, rebuild_options(options, width, height)) +
                 tag(:span, class: "vertical-align")
@@ -30,14 +31,14 @@ module CenterImageTag
     end
 
     private
-    def container_fluid(fluid_percentage, &block)
-      div class: "cit-standard-thumb cit-thumb-fluid" do
+    def container_fluid(fluid_percentage, outer_class, &block)
+      div class: "cit-standard-thumb cit-thumb-fluid #{outer_class}" do
         div class: "cit-thumb-default", style: "padding-bottom: #{fluid_percentage}", &block
       end
     end
 
-    def container_fixed(width, height, &block)
-      div class: "cit-standard-thumb", style: "width: #{width}px" do
+    def container_fixed(width, height, outer_class, &block)
+      div class: "cit-standard-thumb #{outer_class}", style: "width: #{width}px" do
         div class: "cit-thumb-default", style: "padding-bottom: #{height}px", &block
       end
     end

data/spec/view_helper_spec.rb

@@ -8,12 +8,32 @@ module CenterImageTag
         expected  = "<img alt=\"Image\" src=\"/images/image.png\" />"
         expect(output).to eq expected
       end
+
+      it 'ignores container_class options' do
+        output    = View.new.center_image_tag 'image.png', container_class: 'custom-class'
+        expected  = "<img alt=\"Image\" src=\"/images/image.png\" />"
+        expect(output).to eq expected
+      end
     end
 
     describe 'fluid' do
       it 'renders the fluid image correctly' do
         output    = View.new.center_image_tag 'image.png', fluid: "56.25%"
-        expected  = "<div class=\"cit-standard-thumb cit-thumb-fluid\">" +
+        expected  = "<div class=\"cit-standard-thumb cit-thumb-fluid \">" +
+                      "<div class=\"cit-thumb-default\" style=\"padding-bottom: 56.25%\">" +
+                        "<div class=\"cit-thumb-clip\">" +
+                          "<div class=\"cit-thumb-clip-inner\">" +
+                            "<img alt=\"Image\" src=\"/images/image.png\" />" +
+                            "<span class=\"vertical-align\" />" +
+                          "</div>" +
+                        "</div>" +
+                      "</div>" +
+                    "</div>"
+      end
+
+      it 'renders the fluid image with container class' do
+        output    = View.new.center_image_tag 'image.png', fluid: "56.25%", container_class: 'custom-class'
+        expected  = "<div class=\"cit-standard-thumb cit-thumb-fluid custom-class\">" +
                       "<div class=\"cit-thumb-default\" style=\"padding-bottom: 56.25%\">" +
                         "<div class=\"cit-thumb-clip\">" +
                           "<div class=\"cit-thumb-clip-inner\">" +
@@ -30,7 +50,22 @@ module CenterImageTag
     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=\"cit-standard-thumb\" style=\"width: 200px\">" +
+        expected  = "<div class=\"cit-standard-thumb \" style=\"width: 200px\">" +
+                      "<div class=\"cit-thumb-default\" style=\"padding-bottom: 100px\">" +
+                        "<div class=\"cit-thumb-clip\">" +
+                          "<div class=\"cit-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 (size = widthxheight) with container class' do
+        output    = View.new.center_image_tag 'image.png', size: "200x100", container_class: 'custom-class'
+        expected  = "<div class=\"cit-standard-thumb custom-class\" style=\"width: 200px\">" +
                       "<div class=\"cit-thumb-default\" style=\"padding-bottom: 100px\">" +
                         "<div class=\"cit-thumb-clip\">" +
                           "<div class=\"cit-thumb-clip-inner\">" +
@@ -45,7 +80,22 @@ module CenterImageTag
 
       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=\"cit-standard-thumb\" style=\"width: 200px\">" +
+        expected  = "<div class=\"cit-standard-thumb \" style=\"width: 200px\">" +
+                      "<div class=\"cit-thumb-default\" style=\"padding-bottom: 200px\">" +
+                        "<div class=\"cit-thumb-clip\">" +
+                          "<div class=\"cit-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) with container class' do
+        output    = View.new.center_image_tag 'image.png', size: "200", container_class: 'custom-class'
+        expected  = "<div class=\"cit-standard-thumb custom-class\" style=\"width: 200px\">" +
                       "<div class=\"cit-thumb-default\" style=\"padding-bottom: 200px\">" +
                         "<div class=\"cit-thumb-clip\">" +
                           "<div class=\"cit-thumb-clip-inner\">" +
@@ -58,9 +108,25 @@ module CenterImageTag
         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=\"cit-standard-thumb\" style=\"width: 200px\">" +
+        expected  = "<div class=\"cit-standard-thumb \" style=\"width: 200px\">" +
+                      "<div class=\"cit-thumb-default\" style=\"padding-bottom: 100px\">" +
+                        "<div class=\"cit-thumb-clip\">" +
+                          "<div class=\"cit-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 with container class' do
+        output    = View.new.center_image_tag 'image.png', width: "200", height: 100, container_class: 'custom-class'
+        expected  = "<div class=\"cit-standard-thumb custom-class\" style=\"width: 200px\">" +
                       "<div class=\"cit-thumb-default\" style=\"padding-bottom: 100px\">" +
                         "<div class=\"cit-thumb-clip\">" +
                           "<div class=\"cit-thumb-clip-inner\">" +

metadata

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