1

Devise gemを現在インストールしていて、Webアプリの認証に使用しています。

このように、フロントページにログイン/ログアウトのリンクがあります。

<ul class="user_nav">
                <% if user_signed_in? %>
                <li>Signed in as <%= current_user.email %> | <%= link_to('Logout', destroy_user_session_path, :method => :delete ) %></li>
                <% else %>
                <li> <%= link_to('Login', new_user_session_path, :id => 'login') %>  | <%= link_to('Create an account', new_user_registration_path, :id => "create") %></li>
                <% end %>
            </ul>

Twitter-Bootstrap Modal機能を利用しようとしているので、ユーザーがクリックすると表示される別のボックスにログインフォームを配置します。

どうやってするの？

4

1 に答える 1

2

This example uses Simpleform

    #Modal
    <div class="modal" id="loginModal">
      <div class="modal-header">
        <button class="close" data-dismiss="modal">×</button>
        <h3>Sign in</h3>
      </div>
      <div class="modal-body">
        <%= simple_form_for(resource, :as => resource_name, :url => session_path(resource_name),:html => { :class => 'form-horizontal' }) do |f| %>
                <%= f.input :email, :required => false, :autofocus => true %>
                <%= f.input :password, :required => false %>
                <%= f.input :remember_me, :as => :boolean if devise_mapping.rememberable? %>
                <%= f.button :submit, "Sign in", :class => 'btn' %>
            <% end %>
      </div>
    </div>

    #link
    <%= link_to('Login', "#loginModal", :id => 'login', "data-toggle" => "modal") %> 

    #javascript
    $('#loginModal').modal(options)
于 2012-05-22T18:55:09.047 に答える