带条纹导轨的信用卡类型图像 4

Question

我一直在搜索 Stripes 文档，以寻找快速解决为当前订阅用户显示信用卡徽标的问题。

显示信用卡名称，但我无法在其位置添加徽标。你有没有我可以采取的不会导致实例方法失败的方法？

我在 Tyler 的帮助下创建的 HTML 辅助方法

  def stripe_card_img(card_type)
    case current_user.card_type
      when 'Visa'
        content_tag(:span,'', class: 'fa fa-cc-visa fa-2x', style: 'color: #1a1f71;')
      when 'American Express'
        content_tag(:span, '', class: 'fa-cc-amex fa-2x', style: 'color: #355EB7;')
      when 'Discover'
        content_tag(:span, '', class: 'fa-cc-discover fa-2x', style: 'color: orange')
      when 'JCB'
        content_tag(:span, '', class: 'fa-cc-jcb fa-2x', style: 'green')
      when 'Diners Club'
        content_tag(:span, '', class: 'fa-cc-diners-club fa-2x', style: '#87CEFA')
    end
  end

Answer 1

它很冗长，但它有效。使用字体真棒：

<% if current_user.card_type == 'Visa' %><span class="fa fa-cc-visa"></span><% end %>
<% if current_user.card_type == 'American Express' %><span class="fa fa-cc-amex"></span><% end %>
<% if current_user.card_type == 'MasterCard' %><span class="fa fa-cc-mastercard"></span><% end %>
<% if current_user.card_type == 'Discover' %><span class="fa fa-cc-discover"></span><% end %>
<% if current_user.card_type == 'JCB' %><span class="fa fa-cc-jcb"></span><% end %>
<% if current_user.card_type == 'Diners Club' %><span class="fa fa-cc-diners-club"></span><% end %>

案例

<% case current_user.card_type 
   when 'Visa' %><span class="fa fa-cc-visa"></span>
<% when 'American Express' %><span class="fa fa-cc-amex"></span>
<% when 'MasterCard' %><span class="fa fa-cc-discover"></span>
...
<% end %>

帮手

def stripe_name(card_type)
  [...INSERT CASE/CONDITIONAL...]
end 

<%= stripe_name(current_user.card_type) %>