如何为omniauth facebook按钮分配链接

Question

这是我的代码：

<div class="col-md-6 col-sm-6 col-xs-6">
  <%- if devise_mapping.omniauthable? %>
    <%- resource_class.omniauth_providers.each do |provider| %>
      <%= link_to "Sign in", omniauth_authorize_path(resource_name, provider) %>
    <% end -%>
  <% end -%>
</div>

从上面的代码中我如何更改link_to "Sign in"：

<button class="btn btn-facebook btn btn-lg btn-block"><i class="fa fa-facebook fa-2x"></i> | Connect with <br> Facebook</button>

因此，我将显示自定义的Facebook按钮，而不是“登录”简单按钮。

Answer 1

答案：这就是我解决的问题

<div class="col-md-6 col-sm-6 col-xs-6">
  <%- if devise_mapping.omniauthable? %>
    <%- resource_class.omniauth_providers.each do |provider| %>
      <%= link_to omniauth_authorize_path(resource_name, provider), class: 'btn btn-facebook btn btn-lg btn-block' do %>
        <i class="fa fa-facebook fa-2x"></i>
        |Connect with <br> Facebook
      <% end %>
    <% end -%>
  <% end -%>
</div>

它看起来像这个

当有人点击它时，它会被重定向到所需的路径，即omniauth_authorize_path(resource_name, provider)

对于那些需要此按钮的css代码的人来说，这是

.btn-facebook.btn.btn-lg.btn-block {
  color: white;
  background-color: DodgerBlue;
  font-size: 1em;
  &:hover {
    color: white;
    background-color: RoyalBlue;
  }
}

我很感激，如果有人，会告诉我如何制作＆＃34; f＆＃34;图标，位于按钮的中心。

谢谢

Answer 2

我做了什么：

<%= link_to raw('<span class="fa fa-facebook"></span> Ingresa con Facebook'), user_omniauth_authorize_path(:facebook), :class => 'btn btn-block btn-social btn-facebook form-control' %>

我正在使用bootstrap-social gem和font-awesome gem来设计它，就像facebook看起来一样：P

https://github.com/gavinkflam/bootstrap-social-rails