乾淨的方法來設計通知/警報實現烤麪包

Question

我在我的rails應用程序中使用設備，並作爲標準配備notice和alert在特定操作（例如用戶登錄）上呈現的方法。

我也使用Materialize CSS框架，他們提供了一個很好的清潔'Toast' style notification。這是使notice和alert與Toast一起工作的第一種方法。

<% if notice %> 
    <script type="text/javascript"> 
    Materialize.toast('<%= notice %>', 4000) 
    </script> 
<% end %> 
<% if alert %> 
    <script type="text/javascript"> 
    Materialize.toast('<%= alert %>', 4000) 
    </script> 
<% end %> 

任何人都可以提供更清潔/更乾的解決方案嗎？感覺有點哈克。

Answer 1

它肥大是不是「hackyest」的方式，但還是有點乾燥機：

<% flash.each do |message_type, message| %> 
    <%= javascript_tag "Materialize.toast('#{message}', 4000)" %> 
<% end %> 

Answer 2

您可以將代碼拆分爲兩部分。首先，將閃光消息傳遞給er中的js。其次，在腳本中觸發敬酒。 看看https://github.com/leonid-shevtsov/unobtrusive_flash

Answer 3

我不認爲我會認爲這種技術'哈克'。這很適合我在我的生產應用程序：

<% flash.each do |type, message| %> 
    <% if type == "success" %> 
    <div class="alert alert-success alert-dismissable" role="alert"> 
     <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
     <span aria-hidden="true">&times;</span> 
     </button> 
     <i class="icon-check"></i> 
     <p><%= message.html_safe %></p> 
    </div> 
    <% elsif type == "toast" %> 
    <script> 
     $(function() { 
     Materialize.toast("<%= message %>", 3000); 
     }); 
    </script> 
    <% else %> 
    <div class="alert alert-danger alert-dismissible" role="alert"> 
     <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
     <span aria-hidden="true">&times;</span> 
     </button> 
     <i class="icon-notice"></i> 
     <%= message.html_safe %> 
    </div> 
    <% end %> 
<% end %> 

只是我認爲在這裏，但我看不出有什麼不妥。底線是我認爲沒有一種方法可以讓你的閃光燈觸發js，而不是這樣做（但是如果有人認爲他們有更好的解決方案，我全都是耳朵）。

Answer 4

這裏是我的解決方案。主要的代碼只有兩行。

<% unless flash.empty? %> 
    <script> 
     <% flash.each do |f| %> 
     <% type=f[0].to_s.gsub('alert', 'red').gsub('warning', 'orange').gsub('success', 'green') %> 
     Materialize.toast('<%= f[1] %>', 4000, '<%= type %>') 
     <% end %> 
    </script> 
<% end %>