center_image_tag 0.0.1 → 0.0.2

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    NmJiMWMzZDJhMDdjMmRjZDFiYzBmMGJjZTY3NmIwZmMwNmE4NTMwYQ==
+    MTdkOGMzOWFhNGIzYjgzZDE3Y2ZhMTc1ZTg5ZjYzY2I0NzhhNDBkOA==
   data.tar.gz: !binary |-
-    N2FhZGJmZTgzNmZiMWEyMDQzZjA0NmQxZjJiZTg0YTQwZmRhODY5Mg==
+    YjNlOGQxMjU2OTRhNThhZGExY2M1YjYxMDgyNjFjNGM1ODQwNTIxNg==
 SHA512:
   metadata.gz: !binary |-
-    ODE5Y2UzZDA5ODQwOWVjZjQ3YTRkMzYwOWYxNDE5ODc2ZTNmZTVhYzkxMWFh
-    YzJmNjc1OTYzM2Q2ZmZjMjdlNjljNGE3OWE5YzNmYWExNzM2ZDZmZjliY2E2
-    ZGRlZjJlOGNhN2I1OTJmZjQ3YjlkMGQxZmRkN2FhZjM2MDE4ZWU=
+    NmIwZDRlNmIxMmJlNzgxYTZhOWRiYmMwM2JlYTI3ZTcwYzVmNjIyZGJjOGIw
+    YmFmNmZjZjJlNDhhOTUxYjBkM2MxZjljZmM5YjIzZjg2NmVmYTg3MzRjYTlk
+    ODYzODI1YmMwODM1MjY0NDk5ZjBkMDdhY2VjZTQ0NDUwYjgwZTc=
   data.tar.gz: !binary |-
-    NzU1NTQxNWRlNWQ1MjE3OTEzOGFmYjAyMjFmYjFkZjA1ZmZjNWUzMTY1NDE5
-    MTI5M2Q5MWZiODEyYTI2YzdlMzA1MTNiODlhM2U4Y2E4YWEzZWVlOWJkY2Uw
-    ZTQxYWRmNDMzMjQ2ZWU5NzBlM2JjNDFlYTFkZjQ4OThmOWNkMTg=
+    MzIzOTdiOWM0ZTNmYThkNzRiOWU5YjI0YzE4Mzc3ODEwZTRhMWFlNjQ2Njk4
+    OWFmMWJjZWFlODVmZTFjNzZkNjhlNTc4M2EwOGRlNmQ5NDMwZjBjNjU4YTQy
+    Y2VkNWJhZmVkZmNlNTFkYTAwMDgwY2M1NTgzM2Y5N2MyMWU0MzA=

data/.gitignore

@@ -17,3 +17,4 @@ test/version_tmp
 tmp
 *.iml
 .idea
+.rvmrc

data/center_image_tag.gemspec

@@ -18,6 +18,11 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ["lib"]
 
+  spec.add_dependency 'actionpack', '>= 3.0'
+
   spec.add_development_dependency "bundler", "~> 1.3"
   spec.add_development_dependency "rake"
+  spec.add_development_dependency 'rspec',         '~> 2.12'
+  spec.add_development_dependency 'rspec-mocks',   '>= 2.12.1'
+  spec.add_development_dependency 'rspec-rails',   '~> 2.12'
 end

data/lib/center_image_tag/version.rb

@@ -1,3 +1,3 @@
 module CenterImageTag
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/lib/center_image_tag/view_helper.rb

@@ -0,0 +1,24 @@
+require "action_view"
+
+module CenterImageTag
+  module ViewHelper
+    include ActionView::Context
+    include ActionView::Helpers::TagHelper
+    include ActionView::Helpers::AssetTagHelper
+
+    def center_image_tag(source, options = {})
+      content_tag :div, class: 'standard-thumb thumb-fluid' do
+        content_tag :div, class: 'thumb-default' do
+          content_tag :div, class: 'thumb-clip' do
+            content_tag :div, class: 'thumb-clip-inner' do
+              image_tag(source, options) +
+                tag(:span, class: 'vertical-align')
+            end
+          end
+        end
+      end
+    end
+  end
+end
+
+ActionView::Base.send :include, CenterImageTag::ViewHelper

data/lib/center_image_tag.rb

@@ -1,5 +1,6 @@
-require "center_image_tag/version"
-
 module CenterImageTag
-  # Your code goes here...
+
 end
+
+require "center_image_tag/version"
+require 'center_image_tag/view_helper'

data/spec/spec_helper.rb

@@ -0,0 +1,10 @@
+require 'bundler/setup'
+require 'center_image_tag'
+
+RSpec.configure do |config|
+  config.treat_symbols_as_metadata_keys_with_true_values = true
+  config.expect_with(:rspec) {|c| c.syntax = :expect}
+  config.order = :random
+end
+
+class View; include CenterImageTag::ViewHelper; end

data/spec/view_helper_spec.rb

@@ -0,0 +1,20 @@
+require 'spec_helper'
+
+module CenterImageTag
+  describe ViewHelper do
+    it 'renders the html correctly' do
+      output    = View.new.center_image_tag 'image.png'
+      expected  = "<div class=\"standard-thumb thumb-fluid\">" +
+                    "<div class=\"thumb-default\">" +
+                      "<div class=\"thumb-clip\">" +
+                        "<div class=\"thumb-clip-inner\">" +
+                          "<img alt=\"Image\" src=\"/images/image.png\" />" +
+                          "<span class=\"vertical-align\" />" +
+                        "</div>" +
+                      "</div>" +
+                    "</div>" +
+                  "</div>"
+      expect(output).to eq expected
+    end
+  end
+end

data/vendor/assets/stylesheets/center_image_tag.scss

@@ -0,0 +1,56 @@
+.standard-thumb {
+  display:        inline-block;
+  vertical-align: middle;
+  overflow:       hidden;
+
+  img {
+    outline:      none;
+  }
+
+  .vertical-align {
+    height: 100%;
+  }
+}
+
+.thumb-fluid {
+  width:    100%;
+
+  .thumb-clip {
+    left:   0;
+    right:  0;
+
+    img {
+      width: 100%;
+    }
+  }
+}
+
+.thumb-default {
+  padding-bottom: 56.25%;
+  display:        block;
+  height:         auto;
+}
+
+.thumb-clip {
+  position: absolute;
+  top:          -100px;
+  bottom:       -100px;
+  left:         -100px;
+  right:        -100px;
+  text-align:   center;
+  white-space:  nowrap;
+  word-break:   normal;
+
+  img, .vertical-align {
+    display:        inline-block;
+    vertical-align: middle;
+  }
+}
+
+.thumb-clip-inner {
+  position:   absolute;
+  width:      100%;
+  height:     100%;
+  top:        0;
+  left:       0;
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: center_image_tag
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Anh Nguyen
@@ -10,6 +10,20 @@ bindir: bin
 cert_chain: []
 date: 2013-10-27 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: actionpack
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -38,6 +52,48 @@ dependencies:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '2.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '2.12'
+- !ruby/object:Gem::Dependency
+  name: rspec-mocks
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 2.12.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 2.12.1
+- !ruby/object:Gem::Dependency
+  name: rspec-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '2.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '2.12'
 description: center_image_tag helps your Rails app to center your images easily.
 email:
 - anhkind@gmail.com
@@ -53,6 +109,10 @@ files:
 - center_image_tag.gemspec
 - lib/center_image_tag.rb
 - lib/center_image_tag/version.rb
+- lib/center_image_tag/view_helper.rb
+- spec/spec_helper.rb
+- spec/view_helper_spec.rb
+- vendor/assets/stylesheets/center_image_tag.scss
 homepage: ''
 licenses:
 - MIT
@@ -77,5 +137,6 @@ rubygems_version: 2.1.10
 signing_key: 
 specification_version: 4
 summary: Center your images without js.
-test_files: []
-has_rdoc: 
+test_files:
+- spec/spec_helper.rb
+- spec/view_helper_spec.rb