検索機能の実装

[nakamitsu-nozomi]

closes #33

目的・概要

ツイート一覧ページの検索機能

実装内容

検索機能の実装

• 再投稿済の投稿(ラジオボタン）
• リツイート済の投稿(ラジオボタン）
• 投稿日(ラジオボタン）
• リツイート数（数値入力）
• いいね数（数値入力）

UI変更概要

• bootstrapのtableを使用

画面キャプチャ

稼働確認チェック

• [x] ローカル環境での動作確認
• [x] rspecの実行＆エラーなし
• [x] rubocopの実行＆コード修正

参考資料

-　Rubyon Rails で検索機能を作ろう（ransack

[nakamitsu-nozomi]

修正点

• コンフリクト解消
• 絞り込みボタンにbootstrap導入
• 2ページ目以降で検索できないバグを修正
• ラジオボタン 機能するように修正

動作確認

• 2ページ目以降で検索できる
• 日付検索時ラジオボタン 機能するように修正

備考欄

絞り込みボタンをrowspanを使ってセル結合したのですが、マージン調整や、d-flex align-items-center justify-content-centerを使うと、rowspanが機能しなくなることを修正できませんでした。

[great084]

@nakamitsu-nozomi

検索条件を見ていて、「含める/含めない」の検索はラジオボタンは良くなかったですね。 チェックボックスべきでした（私が作成したワイヤーフレームの失敗です） 別途Issueを起票するのでこのまま進んでください。

絞り込みボタンをrowspanを使ってセル結合したのですが、マージン調整や、d-flex align-items-center justify-content-centerを使うと、rowspanが機能しなくなる

d-flexを指定するとflex要素になってまい、table要素で指定可能なrowspanが適用できるなくなるためです。 table要素の場合、以下のスタイルを指定すると、上下左右中央に配置できますよ。

    vertical-align: middle;
    text-align: center;

あと、

[nakamitsu-nozomi]

rubocop指摘箇所修正しました。