Bootstrapのスタイルを用いた、フラッシュメッセージ

目次

導入方法

application_controller.rbに以下のような記述

add_flash_types :success, :info, :warning, :danger

それで?何が違うの?

railsのデフォルトではフラッシュメッセージは「notice」と「alert」が指定されている。

なので、2色のパターンのフラッシュメッセージしか表示できない

ところが、成功した時は「青」、失敗した時は「赤」、警告したい時は「黄色」にしたい時なども当然考えられる。

なので、Bootstrapのスタイルを用いることで、それが実現するということ。

add_flash_types :success, :info, :warning, :danger

そのため、上記の記述はsuccess(緑)、info(青)、warning(黄)、danger(赤)という4色のパターンのフラッシュメッセージを使用できるようにしたということ!(もちろん、状況に合わせて使いたい色を指定してあげれば良い)

ちなみに、4色のイメージは以下の通り。

https://s3-ap-northeast-1.amazonaws.com/runteq-production/uploads/document_image/name/3/flash_keys.png

使い方

使い方については通常のフラッシュメッセージと同様。

以下は緑色で「ログイン成功!」というフラッシュメッセージを書く場合の例

redirect_to login_path, flash: { success: 'ログイン成功!' }

ただし、以下のようにflash: {}を省略することも可能!

redirect_to login_path, success: 'ログイン成功!'