Что мне делать с многократно используемым фрагментом кода, который включает в себя ruby ​​& CSS?

Я давно пренебрегал принципом СУХОГО рубина на рельсах. Я использую один и тот же кусок кода снова и снова в разных файлах просмотра:

<div class="challenge-accomplished-date-banner">
  <% if @correct_user %>
    <%= challenge.notes.count.to_s.rjust(2, "0") %>
  <% else %>
    <%= challenge.notes.publish.count.to_s.rjust(2, "0") %>
  <% end %>
</div>
<% if challenge.categorization == "adventure" %>
  <%= link_to categorization_path(categorization: :adventure) do %>
    <span class="glyphicon glyphicon-picture", id="challenge-flag"></span>
  <% end %>
<% elsif challenge.categorization == "health" %>
  <%= link_to categorization_path(categorization: :health) do %>   
    <span class="glyphicon glyphicon-heart", id="challenge-flag"></span>
  <% end %>            
<% elsif challenge.categorization == "work" %>
  <%= link_to categorization_path(categorization: :work) do %>    
    <span class="glyphicon glyphicon-briefcase", id="challenge-flag"></span>
  <% end %>
<% elsif challenge.categorization == "gift" %>
  <%= link_to categorization_path(categorization: :gift) do %>    
    <span class="glyphicon glyphicon-tree-deciduous", id="challenge-flag"></span>
  <% end %>
<% else %>
  <%= link_to categorization_path(categorization: :wacky) do %>    
    <span class="glyphicon glyphicon-glass", id="challenge-flag"></span>
  <% end %>
<% end %>
<% if challenge.duels.present? && challenge.duels.last.duelers.order(id: :asc).last.accept =! false %>
  <span class="glyphicon glyphicon-tower", id="challenge-flag"></span>
<% elsif challenge.conceal == true %>
  <span class="glyphicon glyphicon-eye-close", id="challenge-flag"></span>
<% else %>
  <span class="glyphicon glyphicon-eye-open", id="challenge-flag"></span>      
<% end %>

Не уверен, что с этим делать? Я положил это в...

module ApplicationHelper
  def banner
    # See Above Code Chunk
  end
end

Но это не работает с CSS? Есть ли способ разрешить CSS в помощнике? Или я помещаю этот кусок кода где-то еще, как в модели, но затем я сталкиваюсь с той же проблемой CSS? Спасибо!

Источник

2 ответа

Решение

Создать CATEGORIES постоянная

CATEGORIES = {
  adventure: 'glyphicon-picture',
  health:    'glyphicon-heart',
  work:      'glyphicon-briefcase',
  gift:      'glyphicon-tree-deciduous'
}

CATEGORIES.default = 'glyphicon-glass'

Создать частичные

_flag.html.erb

<span class="glyphicon <%= class_name %>", id="challenge-flag"></span>

_link.html.erb

<%= link_to categorization_path(categorization: category) do %>    
  <%= render 'flag', class_name: class_name %>
<% end %>

И использовать их

<% category = challenge.categorization %>
<% class_name = CATEGORIES[category.to_sym] %>

<%= render 'link', class_name: class_name, category: category %>
Источник

Вы можете определить следующий метод для помощника:

def challenge_link(category)
  icon = case category
  when 'adventure' then 'picture'
  when 'health' then 'heart'
  when 'work' then 'briefcase'
  when 'gift' then 'tree-deciduous'
  else
    'glass'
  end

  link_to(categorization_path(categorization: category.to_sym)) do
    content_tag(:span, "", class: "glyphicon glyphicon-#{ icon }", id: "challenge-flag")
  end
end

А потом назовите это из вида следующим образом:

<%= challenge_link('adventure') %>

Что касается CSS, просто убедитесь, что challenge-accomplished-date-banner Класс достаточно общий, так что вы можете использовать его в нескольких областях вашего приложения.

Если вы хотите пойти дальше, вы можете рассмотреть возможность определения @challenge_notes а также @challenge_flag на before_action на вашем контроллере и используя следующий код:

<div class="challenge-accomplished-date-banner">
  <%= @challenge_notes %>
</div>

<%= challenge_link('adventure') %>

<span class="glyphicon glyphicon-<%= @challenge_icon %>", id="challenge-flag"></span>
Источник
Другие вопросы по тегам