Выделить вкладку в меню

У меня есть меню, которое является ul

Home | Calendar | Settings

Я хочу выделить (через класс css) выбранную вкладку в меню.

Некоторые ссылки (Главная и Календарь) также имеют подсегменты

Home | *Calendar* | Settings 
------------------------- 
Add event | Edit event

Конечно, когда выбрано событие редактирования, календарь должен быть выделен.

Как я могу лучше всего подойти к этому с помощью рельсов и css?

Спасибо

Ответ 1

Самый простой способ - проверить, какой контроллер используется. Я создал имена контроллеров, поэтому, конечно, вы заменили бы "home", "calendar" и "settings" на правильные имена.

<ul>
  <li class="<%= "highlighted" if params[:controller] == "home" %>">Home</li>
  <li class="<%= "highlighted" if params[:controller] == "calendar" %>">Calendar</li>
  <li class="<%= "highlighted" if params[:controller] == "settings" %>">Settings</li>
</ul>

Ответ 2

В вашем вспомогательном файле:

def is_active?(page_name)
  "active" if params[:action] == page_name
end

В файле шаблона:

link_to 'Home', '/', :class => is_active?("index")
link_to 'About', '/about', :class => is_active?("about")
link_to 'contact', '/contact', :class => is_active?("contact")

Я нашел это на: http://juliocapote.com/post/52081481/highlight-link-based-on-current-page-in-rails

Ответ 3

Я остановился на этом решении, которое мне очень нравится:

В помощнике

def active_if(options)
  if params.merge(options) == params
    'nav-active'
  end
end

И в представлении определите, что делает маршрут уникальным:

<%= link_to 'Home', root_path, class: active_if(action: 'home') %>
<%= link_to 'Aricles', articles_path, class: active_if(controller: 'articles') %>

Ответ 4

У меня такая же проблема и в итоге создаю помощник. в основном он заменяет помощник link_to url, чтобы он обменивал ссылку с li и добавлял класс "menu_selected", если текущий контроллер соответствует контроллеру link

Пример использования

<%= menu_link_to "Home", home_path %>


def menu_link_to(*args, &block)
  url = args[1]
  mapping =  ActionController::Routing::Routes.recognize_path(url)   

  class_property = "menu_selected" if mapping[:controller] == controller.controller_path
  content_tag :li, :class => class_property do
    link_to *args, &block
  end
end

Ответ 5

Обновить для ответа @ahmy для Rails 3.2:

def menu_list_item(*args, &block)
  url = args[1]
  mapping =  Rails.application.routes.recognize_path(url)   

  li_class = 'active' if mapping[:controller] == controller.controller_path
  content_tag :li, :class => li_class do
    link_to *args, &block
  end
end

то есть. Rails.application.routes.recognize_path вместо ActionController::Routing::Routes.recognize_path.