具有相同内容的 HAML 条件缩进 link_to

HAML conditional indenting link_to with same content

我的 HAML 文件中有这种情况,但它看起来不太漂亮:/

- if @receiver.type == "Admin"
  = link_to administrator_messages_url, style: "font-family:'Source Sans Pro', sans-serif;color:#676767;color:#2199e8;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#fefefe;text-decoration:none;display:inline-block;padding:8px 16px 8px 16px;border:0 solid #2199e8;border-radius:3px;border:0 solid #af0000;border-radius:5px;" do
    View Messages
    %i.fa.fa-commenting{"aria-hidden" => "true"}
- else
  = link_to messages_url, style: "font-family:'Source Sans Pro', sans-serif;color:#676767;color:#2199e8;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#fefefe;text-decoration:none;display:inline-block;padding:8px 16px 8px 16px;border:0 solid #2199e8;border-radius:3px;border:0 solid #af0000;border-radius:5px;" do
    View Messages
    %i.fa.fa-commenting{"aria-hidden" => "true"}

如何防止重复条件内容?

试试:

= link_to @receiver.type == 'Admin' ? administrator_messages_url : messages_url, style: "font-family:'Source Sans Pro', sans-serif;color:#676767;color:#2199e8;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#fefefe;text-decoration:none;display:inline-block;padding:8px 16px 8px 16px;border:0 solid #2199e8;border-radius:3px;border:0 solid #af0000;border-radius:5px;" do
  View messages
  %i.fa.fa-commenting{"aria-hidden" => "true"}

一种技术是从视图中提取分支。视图不是逻辑的最佳位置。即使是与表示相关的逻辑也最好放在其他地方(至少是一个助手)。

# helper
module ReceiverHelper
  def receiver_url(receiver)
    receiver.type == 'Admin' ? administrator_messages_url : messages_url
  end
end

然后在视图中

  = link_to receiver_url(@receiver), style: "font-family:'Source Sans Pro', sans-serif;color:#676767;color:#2199e8;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#fefefe;text-decoration:none;display:inline-block;padding:8px 16px 8px 16px;border:0 solid #2199e8;border-radius:3px;border:0 solid #af0000;border-radius:5px;" do
    View Messages
    %i.fa.fa-commenting{"aria-hidden" => "true"}