weloveiconfonts_rails 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7ad903a1cee946861028edde166ad1fdc6bbec4b
+  data.tar.gz: 3cc7b2719ad5add2d0ee41f81cffc44aae162d4e
+SHA512:
+  metadata.gz: d41a997abe6600e88888600563c164d07d95df3609f5fdfb974c97a500c4948abfa266f65d07caaf63a31772bcaa01fd1baa7ebd292e33982f2535303b76b070
+  data.tar.gz: 9583c3aebced730adc7990374ba79aaf59d07b8de9498e3697c3daac609c0e2ae2c886391ba177b12c5e32e6aa635acd5348090a34680237af214ce629de53a4

data/app/assets/javascript/weloveiconfonts_rails.js

@@ -0,0 +1,47 @@
+function weloveiconfonts() {
+  function rgb2hex(rgb) {
+    rgb = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d\.]+))?\)$/);
+    function hex(x) { return ("0" + parseInt(x).toString(16)).slice(-2); }
+    return (hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3])).toUpperCase();
+  };
+
+  function mix(color_1, color_2, weight) {
+    function d2h(d) { return d.toString(16); }
+    function h2d(h) { return parseInt(h, 16); }
+    weight = (typeof(weight) !== 'undefined') ? weight : 50;
+    var color = "#";
+    for(var i = 0; i <= 5; i += 2) {
+      var v1 = h2d(color_1.substr(i, 2)),
+          v2 = h2d(color_2.substr(i, 2)),
+          val = d2h(Math.floor(v2 + (v1 - v2) * (weight / 100.0)));
+      while(val.length < 2) { val = '0' + val; }
+      color += val;
+    }
+    return color;
+  };
+
+  var iconBackgroundColor;
+  $('.weloveiconfonts__icon.hoverable').hover(
+    function(){
+      iconBackgroundColor = this.style.backgroundColor;
+      this.style.backgroundColor = mix($(this).attr('shade').substr(1), rgb2hex(iconBackgroundColor), 30);
+    }, function() {
+      this.style.backgroundColor = iconBackgroundColor;
+    }
+  );
+
+  var iconForegroundColor;
+  $(".weloveiconfonts__content.hoverable").hover(
+    function() {
+      iconForegroundColor = this.parentElement.style.color;
+      this.parentElement.style.color = mix($(this.parentElement).attr('shade').substr(1), rgb2hex(iconForegroundColor), 30);
+    },
+    function() {
+      this.parentElement.style.color = iconForegroundColor;
+    }
+  );
+};
+
+$(document).ready(function() {
+  weloveiconfonts();
+});

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

@@ -0,0 +1,78 @@
+
+@import url(http://weloveiconfonts.com/api/?family=brandico|entypo|fontawesome|fontelico|iconicfill|iconicstroke|maki|openwebicons|typicons|zocial);
+
+/* brandico */
+[class*="brandico-"]:before {
+  font-family: 'brandico', sans-serif;
+}
+
+/* entypo */
+[class*="entypo-"]:before {
+  font-family: 'entypo', sans-serif;
+}
+
+/* fontawesome */
+[class*="fontawesome-"]:before {
+  font-family: 'FontAwesome', sans-serif;
+}
+
+/* fontelico */
+[class*="fontelico-"]:before {
+  font-family: 'fontelico', sans-serif;
+}
+
+/* iconicfill */
+[class*="iconicfill-"]:before {
+  font-family: 'IconicFill', sans-serif;
+}
+
+/* iconicstroke */
+[class*="iconicstroke-"]:before {
+  font-family: 'IconicStroke', sans-serif;
+}
+
+/* maki */
+[class*="maki-"]:before {
+  font-family: 'maki', sans-serif;
+}
+
+/* openwebicons */
+[class*="openwebicons-"]:before {
+  font-family: 'OpenWeb Icons', sans-serif;
+}
+
+/* typicons */
+[class*="typicons-"]:before {
+  font-family: 'Typicons', sans-serif;
+}
+
+/* zocial */
+[class*="zocial-"]:before {
+  font-family: 'zocial', sans-serif;
+}
+
+.weloveiconfonts__item {
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+  padding: 5px;
+
+  .weloveiconfonts__icon {
+    display: table-cell;
+    text-align: center;
+    vertical-align: middle;
+    width: inherit;
+    height: inherit;
+    font-size: inherit;
+
+    text-decoration: inherit;
+    color: inherit;
+    .weloveiconfonts__content {
+      display: inline-block;
+    }
+  }
+
+  .weloveiconfonts__icon.round {
+    border-radius: 100%;
+  }
+}

data/app/helpers/we_love_icon_fonts_helper.rb

@@ -0,0 +1,7 @@
+module WeLoveIconFontsHelper
+  def iconfont_facebook(options = {})
+    options[:background] = '#3b5998'
+    options[:foreground] = '#ffffff'
+    iconfont('fontawesome-facebook', options)
+  end
+end

data/lib/we_love_icon_fonts/base.rb

@@ -0,0 +1,93 @@
+module WeLoveIconFonts
+  module Base
+    def iconfont(icon, options = {})
+      @options = option_defaults(options)
+      method = options[:link].present? ? :create_link : :create_icon
+
+      @input_html = generate_input_html(options[:input_html])
+      @html_attributes = generate_html_attributes(options)
+      @icon_classes = generate_icon_classes(options)
+      @content_classes = generate_content_classes(options)
+      @icon = icon
+
+      "
+      <div class=\"weloveiconfonts__item\">
+        #{send method}
+      </div>
+      ".html_safe
+    end
+
+    private
+
+    def option_defaults(options)
+      options ||= {}
+      options[:link] ||= ''
+      options[:hoverable] = options[:link].present? if options[:hoverable].nil?
+      options[:foreground] ||= '#000000'
+      options[:round] ||= false
+      options[:shade] ||= :bright
+      options[:size] = 100 if options[:size].nil?
+      options[:font_size] = options[:size] / 2 + 5
+      options[:input_html] ||= {}
+      options
+    end
+
+    def generate_input_html(html_options)
+      input_html = ''
+      html_options.keys.each do |key|
+        input_html << " #{key}=\""
+        input_html << "#{html_options[key]}\""
+      end
+      input_html.strip!
+    end
+
+    def generate_html_attributes(options)
+      html_attributes = "shade=" + (options[:shade] == :dark ? '"#000000"' : '"#ffffff"')
+
+      html_attributes << ' style = "color: '
+      html_attributes << "#{options[:foreground]};"
+      html_attributes << " background-color: #{options[:background]};" unless options[:background].nil?
+      html_attributes << " width: #{options[:size]}px; height: #{options[:size]}px;"
+      html_attributes << " font-size: #{options[:font_size]}px;"
+      html_attributes << '"'
+
+      html_attributes.strip
+    end
+
+    def generate_icon_classes(options)
+      icon_classes = ''
+      icon_classes << 'hoverable ' if options[:hoverable] && !options[:background].nil?
+      icon_classes << 'round ' if options[:round]
+      icon_classes.strip
+    end
+
+    def generate_content_classes(options)
+      content_classes = ''
+      content_classes << 'hoverable ' if options[:hoverable] && options[:background].nil?
+      content_classes.strip
+    end
+
+    def create_icon
+      "
+      <div #{@input_html} class=\"weloveiconfonts__icon #{@icon_classes}\" #{@html_attributes}>
+        #{send :create_content}
+      </div>
+      "
+    end
+
+    def create_link
+      "
+      <a #{@input_html} class=\"weloveiconfonts__icon #{@icon_classes}\" href=\"#{@options[:link]}\" #{@html_attributes}>
+        #{send :create_content}
+      </a>
+      "
+    end
+
+    def create_content
+      "
+      <div class=\"weloveiconfonts__content #{@icon} #{@content_classes}\">
+      </div>
+      "
+    end
+  end
+end

data/lib/weloveiconfonts_rails.rb

@@ -0,0 +1,11 @@
+if defined?(ActionView::Helpers)
+  require 'we_love_icon_fonts/base'
+  ActionView::Helpers.include(WeLoveIconFonts::Base)
+end
+
+module WeLoveIconFontsRails
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

metadata

@@ -0,0 +1,91 @@
+--- !ruby/object:Gem::Specification
+name: weloveiconfonts_rails
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Herman Zvonimir Došilović
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-08-19 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: jquery-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !ruby/object:Gem::Dependency
+  name: rails
+  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'
+description: We must stop here, this is icon fonts country for Rails!
+email: hermanz.dosilovic@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- app/assets/javascript/weloveiconfonts_rails.js
+- app/assets/stylesheets/weloveiconfonts_rails.css.scss
+- app/helpers/we_love_icon_fonts_helper.rb
+- lib/we_love_icon_fonts/base.rb
+- lib/weloveiconfonts_rails.rb
+homepage: https://github.com/hermanzdosilovic/weloveiconfonts_rails
+licenses:
+- None
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5
+signing_key: 
+specification_version: 4
+summary: We Love Icon Fonts
+test_files: []
+has_rdoc: