Как назначить ссылку на 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> 

, и это выглядит как этот

, когда кто-то нажимает на что, он перенаправляется к нужному пути, который is 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; 
    } 
} 

Я был бы признателен, если бы кто-нибудь сказал мне, как сделать значок «f», чтобы быть в центре кнопки.

Спасибо

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

Im используя самозагрузки-социального камень и шрифт удивительного драгоценного камня стиля его так же, как выглядит facebook: P

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