devise의 flash 메시지에 bootstrap 경고 적용

3337 단어 Rails5

환경

루비 2.5.7
rails 5.2.3
bootstrap 도입됨

구현

①helper 메소드 정의

key를 bootstrap으로 바꿉니다.
alert→warning , notice→success , error→danger

app/helpers/devise_helper.rb

module DeviseHelper
  def bootstrap_alert(key)
    case key
    when "alert"
      "warning"
    when "notice"
      "success"
    when "error"
      "danger"
    end
  end
end

②플래시 메시지 템플릿 생성

대체한 key로 class명이 바뀌도록(듯이) 합니다. (3행째)
div 태그는 bootstrap 참조를 참조하십시오.

views/layouts/_flashes.html.erb

<% flash.each do |key, value| %>
  <div class="alert alert-<%= bootstrap_alert(key) %> alert-dismissible fade show">
    <span><%= value %></span>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
<% end %>

③application.html.erb에서 호출

적당한 장소에서 호출합시다.

<body>
  <%= render 'layouts/header' %>
  <%= render 'layouts/flashes' %>
  <%= yield %>
  <%= render 'layouts/footer'%>
</body>

참고
htps : //는 chy. 기주 b. 이오 / 2019 / 10 / 15 / f ぁしぇ s ぃ th - ゔぃせん d ボ tst 등 p. HTML

bootstrap 4.3 경고

Reference

이 문제에 관하여(devise의 flash 메시지에 bootstrap 경고 적용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/fujimorichihiro/items/726cda9e4f801898fa23

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다