<DAY170> data-confirm-modal'を使用したダイアログのデザイン変更

●8/10(土)
●学習日数 170日
●学習時間(本日)2時間
●累計学習時間 779.0時間
●一日あたりの平均学習時間 4.58時間

完成後

cssのデザインを当てなくても、デザインしてくれる

前提

railsでjqueryが使える状態である。
railsでbootstrapが使える状態である。

動かすのに最低限必要な記載をしていく

手順1

gemファイルの記載

gem 'data-confirm-modal'

ないなら以下も追加する
gem 'bootstrap'
gem 'jquery-rails'

手順2

bootstrapが必要なので、scssにて読みこます。
（してなければ）
app/assets/stylesheets/application.scss

@import "bootstrap"

手順3

jsに読み込ませる。

app/assets/javascripts/application.js

//= require jquery  #してなければ
//= require bootstrap-sprockets #してなければ
//= require rails-ujs
//= require data-confirm-modal　#追加
//= require_tree .

手順4

対象のviewにダイアログの設定

注意　hamlです

  = link_to "削除",user_registration_path,method: :delete,data: {confirm: '本当に削除しますか?',cancel: 'やめる',commit: '削除する'},title: '削除確認'