干净的方法来设计通知/警报实现烤面包

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 %>