material_icons-rails 0.0.1 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 812cc47a3fbed6dead7aaa00a2989f88e4f9b35d
-  data.tar.gz: c9e3013dbd101da95bb211ef37308f2d20476338
+  metadata.gz: 2c0c2e915283b52a968114fb2a37e1c5bea4df76
+  data.tar.gz: 6da84ae7e0d7d792df14874b936945cf694bc247
 SHA512:
-  metadata.gz: 5c7c3e6351eadb877c8e0072a1a0fd2efc0d58f91ca19b4a3b92a082701030f2417b36f8eb00ad89be12e09db177c5f791acbc5a39390ca6cd2b89c25d692c33
-  data.tar.gz: aaac31f465f718284d6d70a19a2c6ee990aec7c0e03ed21e22cfd8bc1488816d3826a2176f96115f88308903b1b47a80228ac81fae30ab447eb082febf577bfe
+  metadata.gz: 97250c280567d66f3bed03c3c785de4eb0956c60cde89ac501070332d6dfd9d29edd690a656ffa6a300dbb3e8e0a43f2958bb854124186babc24f2549b3276f8
+  data.tar.gz: 95bca3c40baa95ee1e5ddc6f7ea7c956684395d451e4c7670845cf397f5b36a007fd112a1d64d613266bba6126983db1473263e0c8040c891fe04a6ccb9ccb3c

data/README.md

@@ -19,3 +19,7 @@ use a form helper in a view
     material_icon(:face)
     material_icon(:face, class: 'one-in-your-own-css and-another')
     material_icon(:face, class: 'red', tag: 'span')
+
+valid options
+
+  `:size` a string for `font-size`, an integer for `px`, `1x` - `4x` for pre-defined sizes

data/app/assets/stylesheets/material-icons.css

@@ -14,7 +14,7 @@
   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
-  font-size: 24px;  /* Preferred icon size */
+  font-size: 18px;
   display: inline-block;
   width: 1em;
   height: 1em;
@@ -25,14 +25,21 @@
   white-space: nowrap;
   direction: ltr;
 
-  /* Support for all WebKit browsers. */
   -webkit-font-smoothing: antialiased;
-  /* Support for Safari and Chrome. */
   text-rendering: optimizeLegibility;
-
-  /* Support for Firefox. */
   -moz-osx-font-smoothing: grayscale;
-
-  /* Support for IE. */
   font-feature-settings: 'liga';
 }
+
+.material-icons-stack {
+  position: relative;
+}
+
+.material-icons-stack .material-icons {
+  position: absolute;
+  left: 0;
+}
+
+.material-icons-stack .material-icons:first-child {
+  position: relative;
+}

data/lib/material_icons-rails/icon_helper.rb

@@ -1,10 +1,114 @@
 module MaterialIcons
   module Rails
     module IconHelper
-      def material_icon(names, options = {})
-        options = { tag: 'i' }.merge(options.symbolize_keys)
-        content_tag(options[:tag], names, { class: Array(options[:class]).concat(['material-icons']).join(' ') })
+      def material_icon(icon, options = {})
+        build_icon_content_tag(icon, options)
       end
+
+      # TO-DO:
+      # - stacking
+      # - badge
+      # - dark, light, color, inactive
+      # - rotate: static/animated
+
+      # http://codepen.io/johnstuif/pen/pvLgYp
+      # http://codepen.io/joereza/pen/ufswb
+
+      def material_icon_stack(icons, stack_options = {})
+        build_icon_container_content_tag(normalize_stack_icons(icons), stack_options)
+      end
+
+      # def material_icon_with_badge(icon, options = {})
+        # options = options.with_indifferent_access
+        # count = options.delete(:count)
+        # content_tag(:span, fa_icon(icon, options), :'data-count' => count)
+      # end
+
+      # def material_icon_stack_with_badge(icon, options = {})
+        # options = options.with_indifferent_access
+        # count = options.delete(:count)
+        # content_tag(:span, fa_stacked_icon(icon, options), :'data-count' => count)
+      # end
+
+      private
+
+      def normalize_stack_icons(icons)
+        case icons
+        when String, Symbol
+          [icons]
+        when Array
+          icons.zip(icons.length.times.collect{ {} })
+        when Hash
+          icons
+        else
+          # add error message here
+          raise ArgumentError
+        end
+      end
+
+      def merge_default_icon_options(options)
+        {
+          tag: 'i',
+          size: '18px',
+          text: '',
+        }.merge(options.symbolize_keys)
+      end
+
+      def normalize_icon_options(options)
+        options[:size] = {'1x' => '18px', '2x' => '24px', '3x' => '36px', '4x' => '48px'}[options[:size]] if options[:size].match(/^[1-4]x$/)
+        options[:size] = "#{options[:size]}px" if options[:size].to_i.to_s == options[:size]
+        options[:class] = Array(options[:class]).concat(['material-icons']).join(' ')
+        options
+      end
+
+      def prep_icon_options(options)
+        normalize_icon_options(merge_default_icon_options(options))
+      end
+
+      def build_icon_content_tag(icon, options)
+        options = prep_icon_options(options)
+
+        content_tag(options[:tag], icon, {
+          class: options[:class],
+          style: "font-size: #{options[:size]};",
+        }) + options[:text]
+      end
+
+
+      def merge_default_icon_container_options(options)
+        {
+          tag: 'span',
+          text: '',
+        }.merge(options.symbolize_keys)
+      end
+
+      def normalize_icon_container_options(options)
+        options[:class] = Array(options[:class]).concat(['material-icons-stack']).join(' ')
+        options
+      end
+
+      def prep_icon_container_options(options)
+        normalize_icon_container_options(merge_default_icon_container_options(options))
+      end
+
+      def build_icon_container_content_tag(icons, options)
+        options = prep_icon_container_options(options)
+
+        content_tag(
+          options[:tag], 
+          icons.collect do |icon, options|
+            # add error message here
+            raise ArgumentError unless options.is_a?(Hash)
+            # ignore text per icon on a stack
+            build_icon_content_tag(icon, options.except(:text))
+          end.join.html_safe + options[:text],
+          {
+            class: options[:class],
+            style: "font-size: #{options[:size]};",
+          }
+        )
+      end
+
     end
   end
 end

data/lib/version.rb

@@ -1,6 +1,6 @@
 module MaterialIcons
   module Rails
-    VERSION = '0.0.1'
+    VERSION = '0.1.0'
     FONT_VERSION = '2.2.0'
   end
 end

data/spec/dummy/log/test.log

@@ -36,3 +36,9 @@
    (0.1ms)  rollback transaction
    (0.2ms)  begin transaction
    (0.0ms)  rollback transaction
+   (0.2ms)  begin transaction
+   (0.1ms)  rollback transaction
+   (0.2ms)  begin transaction
+   (0.0ms)  rollback transaction
+   (0.3ms)  begin transaction
+   (0.1ms)  rollback transaction

data/spec/lib/material_icons-rails/icon_helper_spec.rb

@@ -3,7 +3,7 @@ require 'spec_helper'
 RSpec.describe MaterialIcons::Rails::IconHelper, type: :helper do
   describe 'material_icon' do
     it 'builds icon tag' do
-      expect(material_icon(:face)).to eq('<i class="material-icons">face</i>')
+      expect(material_icon(:face)).to eq('<i class="material-icons" style="font-size: 18px;">face</i>')
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_icons-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.1.0
 platform: ruby
 authors:
 - chaunce
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-06-17 00:00:00.000000000 Z
+date: 2016-06-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails