Railsのgretelでパンくずリスト

Railsのgretelでパンくずリスト

表題通り、gretelでパンくずリストを作成してみます。

設定

インストール

Gemfileに記載して、bundle install

gem 'gretel'

インストール

rails generate gretel:install

config/breadcrumbs.rbが作成されます。

下記のように記載しました。

Home(アイコン) < タグ < タグ編集の形式です。

crumb :admin_dashboard do
  link '<i class="fa fa-dashboard"></i> Home'.html_safe, admin_dashboard_path
end

crumb :admin_tags do
  link 'タグ', admin_tags_path
  parent :admin_dashboard
end

crumb :edit_admin_tag do |tag|
  link 'タグ編集', edit_admin_tag_path(tag)
  parent :admin_tags
end

※htmlタグを埋め込む際は、html_safeを使用して文字列をエスケープしないように記載

※viewのインスタンス変数をブロック展開

viewファイル

記載するファイルに以下の形式で記載

- breadcrumb :admin_tags
- breadcrumb :edit_admin_tag, @tag

※slimで記載してます

これで表示確認すると表示されていることが分かります。

pretext、separatorなどをつけることも可能。その場合は、breadcrumbsで記載します。(application.htmlに書くと楽)

optionは公式Github