ransackで検索ページと検索結果ページを分けたい

Question

何をしたいか

rails初心者です。現在ransackを使って検索機能を実装しています。
ransack自体で検索機能をつけるのはできたのですが、これをチュートリアル通りではなく、検索フォームと検索結果を分けたいです。

コード

コードはgithubやrailscastsに書いてある通りにかきました。

def index
  @q = Person.ransack(params[:q])
  @people = @q.result(distinct: true)
end

<%= search_form_for @q url: search_people_path, html: { method: :post }do |f| %>

  # Search if the name field contains...
  <%= f.label :name_cont %>
  <%= f.search_field :name_cont %>

  # Search if an associated articles.title starts with...
  <%= f.label :articles_title_start %>
  <%= f.search_field :articles_title_start %>

  # Attributes may be chained. Search multiple attributes for one value...
  <%= f.label :name_or_description_or_email_or_articles_title_cont %>
  <%= f.search_field :name_or_description_or_email_or_articles_title_cont %>

  <%= f.submit %>
<% end %>

resources :people do
  collection do
    match 'search' => 'people#search', via: [:get, :post], as: :search
  end
end

def search
  index
  render :index
end

上記通りに書いたら検索機能を追加できました。

検索結果を分けたい

上記だと一覧画面に検索フォームが表示され、同じ画面に検索結果が表示されます。

しかし、検索フォームが開く → 検索ボタンを押す → 検索結果一覧 という流れで実装したいです。

初心者なのでまだ理解できていない部分が多々ありますが、優しい人ご教授お願いいたします。

Answer 1

優しいかどうかの自信はございませんが

検索フォームが開く → 検索ボタンを押す → 検索結果一覧 という流れで実装したいです。
うーん、なかなかレガシーのデスクトップアプリの発想に毒されているような気がします。
でも、検索項目が５個を超えると見にくいのは確かですしね。

解決策は２つあります。
コードを全くいじらずに、indexの検索フォームをデフォルトで非表示にする(display: none;とかで)→検索フォーム表示ボタン(jsで一行jquery showとかで) → 検索フォーム表示 → 検索ボタンを押す → 検索結果一覧(検索フォームはデフォルトで非表示)
これが一番オススメです、バカみたいですが、webアプリはこういう仕様にした方が負荷が少なく確実です。
※デスクトップアプリの発想に毒されているような気がすると言ったのはこれが理由です。
または
検索フォーム用の
def search_form
@q = Person.ransack(params[:q])
render :partial=>'search'
end
を作りrouteを定義して
index.heml.erb
<%= render :partial=>'search'%>
を消去して代わりに
<%= link_to('検索画面表示' ,{controller: :people,action: search_form})%>
をいれてください。
これがデスクトップアプリの発想です。

まあ、ここまでが、railsの内容です。

ここから下はjavascriptやcss、jquery等がメインの話です
もし、saraさんがおっしゃるフォームが開くというのが
ホップアップするフォーム（モーダルウインドウという）であるならば。
Railsでテーブルをクリックしたときに詳細画面をモーダルウィンドウで表示したい。
とかを参考に、実装してください
私的には、記述量と覚えることの少ないbootstrapをオススメします。