ログアウト時に確認ダイアログを表示させたい…！(Rails)

はじめに

ログアウトボタンや、削除ボタンを押したとき、本当に実行するのか確認するアラートを表示させたいなって思うこと、ありますよね！
やり方を調べてみたら、めちゃめちゃ簡単だったので、ご紹介します。

今回やりたかったこと

こんな感じで、ログアウトボタンを押した際に、確認のアラートを表示させたい…！

「でもどうせ、JavaScriptの知識が必要なんでしょ…？」

そう思っている方、多いと思います。私もそうでした。

安心してください。

JavaScriptの知識は必要ありません。

方法

早速やり方です。

アラートなしの場合

<%= link_to destroy_user_session_path, method: :delete do %>
  <i class="fas fa-sign-out-alt">ログアウト</i>
<% end %>

アラートなしのhtml.erbはこんな感じになってます。
ここに少し付け足すだけで、アラートが実装出来ちゃいます。

アラートありの場合

<%= link_to destroy_user_session_path, method: :delete, data: {confirm: "ログアウトしますか？"} do %>
  <i class="fas fa-sign-out-alt">ログアウト</i>
<% end %>

link_to の行に、
data: {confirm: "ログアウトしますか？"}
を追加しました。

これで終了です。

data: {confirm: ""} は、Railsのlink_toのオプションで、
"" の中に、アラートで表示させたいメッセージを入力する事ができます。

え、こんなに簡単なの…？ って、私は知ったときに思いました(笑)

皆さんも是非お試しあれ！