Module: DrgMaterialIcons::Rails::IconHelper

Defined in:
app/helpers/drg_material_icons/rails/icon_helper.rb

Defined Under Namespace

Modules: Private

Instance Method Summary collapse

Instance Method Details

#mi_icon(names = 'flag', original_options = {}) ⇒ Object Also known as: fa_icon

Creates an icon tag given an icon name and possible icon modifiers.

Examples

mi_icon "camera-retro"
# => <i class="mi mi-camera-retro"></i>

mi_icon "camera-retro", text: "Take a photo"
# => <i class="mi mi-camera-retro"></i> Take a photo
mi_icon "chevron-right", text: "Get started", right: true
# => Get started <i class="mi mi-chevron-right"></i>

mi_icon "camera-retro 2x"
# => <i class="mi mi-camera-retro mi-2x"></i>
mi_icon ["camera-retro", "4x"]
# => <i class="mi mi-camera-retro mi-4x"></i>
mi_icon "spinner spin lg"
# => <i class="mi mi-spinner mi-spin mi-lg">

mi_icon "quote-left 4x", class: "pull-left"
# => <i class="mi mi-quote-left mi-4x pull-left"></i>

mi_icon "user", data: { id: 123 }
# => <i class="mi mi-user" data-id="123"></i>

content_tag(:li, mi_icon("check li", text: "Bulleted list item"))
# => <li><i class="mi mi-check mi-li"></i> Bulleted list item</li>

If you want to use outline font style simply add -o to font name.



34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
# File 'app/helpers/drg_material_icons/rails/icon_helper.rb', line 34

def mi_icon(names = 'flag', original_options = {})
  options = original_options.deep_dup
  classes = ['mi']
  classes.concat Private.icon_names(names)
  classes.concat Array(options.delete(:class))
  text = options.delete(:text)
  right_icon = options.delete(:right)
  # outline icons end with -o suffix
  if classes[1].match(/\-o/)
    classes[0] = 'mi-o'
    classes[1].sub!('-o', '')
  end
  # replace - with _ in icon name for compatibility with font awesome
  classes[1].gsub!('-', '_').sub!('mi_', 'mi-')

  icon = content_tag(:i, nil, options.merge(class: classes))
  Private.icon_join(icon, text, right_icon)
end

#mi_stacked_icon(names = 'flag', original_options = {}) ⇒ Object Also known as: fa_stacked_icon

Creates an stack set of icon tags given a base icon name, a main icon name, and possible icon modifiers.

Examples

mi_stacked_icon "twitter", base: "square-o"
# => <span class="mi-stack">
# =>   <i class="mi mi-square-o mi-stack-2x"></i>
# =>   <i class="mi mi-twitter mi-stack-1x"></i>
# => </span>

mi_stacked_icon "terminal inverse", base: "square", class: "pull-right", text: "Hi!"
# => <span class="mi-stack pull-right">
# =>   <i class="mi mi-square mi-stack-2x"></i>
# =>   <i class="mi mi-terminal mi-inverse mi-stack-1x"></i>
# => </span> Hi!

mi_stacked_icon "camera", base: "ban-circle", reverse: true
# => <span class="mi-stack">
# =>   <i class="mi mi-camera mi-stack-1x"></i>
# =>   <i class="mi mi-ban-circle mi-stack-2x"></i>
# => </span>



76
77
78
79
80
81
82
83
84
85
86
87
88
89
 
# File 'app/helpers/drg_material_icons/rails/icon_helper.rb', line 76

def mi_stacked_icon(names = 'flag', original_options = {})
  options = original_options.deep_dup
  classes = Private.icon_names('stack').concat(Array(options.delete(:class)))
  base_names = Private.array_value(options.delete(:base) || 'square-o').push('stack-2x')
  names = Private.array_value(names).push('stack-1x')
  base = mi_icon(base_names, options.delete(:base_options) || {})
  icon = mi_icon(names, options.delete(:icon_options) || {})
  icons = [base, icon]
  icons.reverse! if options.delete(:reverse)
  text = options.delete(:text)
  right_icon = options.delete(:right)
  stacked_icon = content_tag(:span, safe_join(icons), options.merge(class: classes))
  Private.icon_join(stacked_icon, text, right_icon)
end