在视图助手中的条件CSS的轨道

Question

我有一个简单的轨道应用程序，我试图写一个视图助手，执行以下操作。

比较两个值。如果current_month的金额大于预测金额，则将文本设为绿色。如果current_month的金额低于预测金额，则将文本设为红色。

我写出了这个简单的助手，以将文本追加到rails方法的输出，但我不确定如何注入CSS /样式到此。

def target_hit(forecast, current) 
    (if current.amount > forecast.amount 
    number_to_currency(current.amount.to_s) + " Yay" 
    elsif current.amount < forecast.amount 
    number_to_currency(current.amount.to_s) + " No dice" 
    end).html_safe 
end 

我非常精通后端，但当涉及到前端的东西，我绊倒了很多。任何帮助将不胜感激。

例如图码

<p class='total'>Current: <%= target_hit(@forecast, @current) %></p> 

Answer 1

轨道帮手content_tag http://apidock.com/rails/ActionView/Helpers/TagHelper/content_tag，是有用的，意味着你不必使用html_safe。我尝试将视图中的所有逻辑移至助手，以使视图易于阅读，例如

def target_hit(current_amt, forecast_amt) 
    content_tag(:p, "#{number_to_currency(current_amt.to_s)} target_content(current_amt, forecast_amt)", class: "total #{target_class(current_amt, forecast_amt)}") 
end 

def target_content(current_amt, forecast_amt) 
    forecast_reached?(current_amt, forecast_amt) ? "Yay" : "No dice" 
end 

def target_class(current_amt, forecast_amt) 
    forecast_reached?(current_amt, forecast_amt) ? "green" : "red" 
end 

def forecast_reached?(current_amt, forecast_amt) 
    current_amt >= forecast_amt 
end 

在视图中，你只需要调用辅助方法

<%= target_hit(@current.amount, @forecast.amount) %>