javascript - 带 Stripe rails 的信用卡类型图像 4

Question

我一直在通过 Stripes 文档寻找快速解决方案，以解决当前订阅用户显示信用卡 Logo 的问题。

<%= current_user.card_type %> 显示信用卡名称，但我无法在其位置添加 Logo 。您是否有一种我可以采取的不会导致实例方法失败的方法？

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

  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 %>

helper

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

<%= stripe_name(current_user.card_type) %>